![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/d7de54bf-4272-42ed-ac8e-2d7cd91988ad.png/public)
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/09544edc-573a-49ef-bb86-23e2f615fd8e.jpeg/public)
JavaScript 與 CoffeeScript、TypeScript 和 Flow 的關係
JavaScript (簡稱 JS) 是具有一級函數的輕量級、直譯式或即時編譯的程式語言。它因為用作網頁的腳本語言而大為知名,但也用於許多非瀏覽器的環境,像是 Node.js 等。由於 JavaScript 語法上的一些缺點,軟體工程師們又設計出了 CoffeeScript、Ty…
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/c5d665d7-6111-45a6-8381-15b969b750ae.jpeg/public)
react + typescript + webpack 如何設定 webpack alias
前言 create react app 是一個可以快速設定 react 專案的一個工具,在建立專案時已經把 babel,webpack 都已經預先封裝設置好,如果我們要修改 webpack alias 設定該如何設定呢 什麼是 alias alias 在 webpack 設定意義...
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/cover/2c59af9f-0d1e-4137-8b89-d31dcc823817.png/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)
Figma小貼士:複製 SVG
直接 copy & paste SVG 作為 React Component...
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/bd04b7a3-801c-465b-9dce-6acde940e919.jpeg/public)
Javascript 入門:Continue statement
Continue statement 可以用喺 while / for loop 入面跳到下一個 iteration
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/5eff75b8-0a06-4736-b246-44e9d851150a.png/public)
香港回歸廿五年有冇變?
今日係香港大日子,見周圍都好多國旗,紅噹啷咁好喜慶,有感而發想出個 PR 加個新 method 比 HongKong 個 class,順手講下我平時嘅 naming convention..
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/da915004-ccd4-4022-983a-73940b3a6e0a.png/public)
Vite - 前端開發 | 個人筆記
Vite 是一個高速的建構工具,使用 esbuild 來打包所有程式碼,因此會又很不錯的開發體驗。
Heroku 平台即服務 | 個人筆記
今天發現到這個算是有歷史的雲端平台,想試著做紀錄,避免自己忘記有這個東西。
Matters 的架構與技術棧
photo credit: Ray Wenderlich隨著開源計劃的啓動,馬特市市民們可以直接看到馬特市的所有機制和邏輯。全面開放代碼倉庫後,任何人都可以提出建議和想法、提交功能和優化,也可以自行建立像馬特市一樣的平臺,參與到馬特市生態的演進中。
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/d7de54bf-4272-42ed-ac8e-2d7cd91988ad.png/public)