![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/profileCover/311ecb11-1e43-415d-9493-ce32c3124e10.png/public)
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/8f85adb4-eb78-43fc-8aba-fe1fc871f78f.png/public)
littlecodeguy
是有種香港人
有些人努力過,但最後方棄...
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/9456310b-8872-48b8-bd19-4face4a5022f.jpeg/public)
Typescript小貼士:Type Guard
Array Manipulation 經常用到 `filter()` 但 typescript 唔會幫你 infer 個 output type,所以好多時都要用 `as` 去 override 個 type, 但最好嘅方法係用 type guard function 去比 hint typescript。
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/4df7ab15-cd97-48a2-88e3-9433718c213b.jpeg/public)
超超有獎攞
頒獎又係我,攞獎又係我。
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/eb6b4f82-5f46-43c6-a752-c7e3b1fe711d.jpeg/public)
Javascript小貼士:Array.prototype.at()
多一個新 specific purpose function 就要養成多一個好習慣盡量用新 function,更好 readability 更直觀。
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/fdbc725f-dc64-45ff-a5e9-38fcfa42fcd8.jpeg/public)
用 CSS 轉換 SVG 顏色
用 CSS value: currentColor 去改變 SVG fill property...
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/4f5b8f4b-f24a-4f7f-8e2c-e92e5a5d18ff.jpeg/public)
HTML + CSS Progress Bar
大家知唔知原來 HTML 有 progress bar element ...
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/c47e563d-8d89-4913-ab19-d2e4e4df27a7.jpeg/public)
Figma小貼士:複製 SVG
直接 copy & paste SVG 作為 React Component...
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/bd04b7a3-801c-465b-9dce-6acde940e919.jpeg/public)
CSS 入門:background-clip: text
background-clip: text,可以為文字加上背景圖片...
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/2f104e82-e571-4891-917d-7f0b8c7b039a.jpeg/public)
Javascript 入門:Object.keys() vs Object.getOwnPropertyNames()
一般情況用 Object.keys 就可以滿足到返回自定義 property names,但有時...
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/cover/4e3c564c-479a-4952-be6a-b938cd9516df.png/public)
被詛咒嘅村莊
Stranger Things 第四季好睇,集齊四隻可以打開另一個世界。
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/3ab5b72b-040c-4aeb-9cb7-ab3d1c1bf6e4.jpeg/public)
css 一行 reset 所有 element properties
最近發現 css 有個 property 叫「all」,可以用嚟一次過賦值比所有 element’s properties, 非常適合用嚟 reset element。
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/2ceef0ed-c2c8-4c96-ae94-c09978ace8c1.png/public)
Javascript 入門:Continue statement
Continue statement 可以用喺 while / for loop 入面跳到下一個 iteration
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/5eff75b8-0a06-4736-b246-44e9d851150a.png/public)
唔怕比小朋友撞倒?
唔怕比小朋友撞倒?
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/6be7639c-5772-4a07-869d-3c1c27899c39.jpeg/public)
香港回歸廿五年有冇變?
今日係香港大日子,見周圍都好多國旗,紅噹啷咁好喜慶,有感而發想出個 PR 加個新 method 比 HongKong 個 class,順手講下我平時嘅 naming convention..
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/da915004-ccd4-4022-983a-73940b3a6e0a.png/public)