zhiwei. huang

zhiwei. huang

[JavaScript] JavaScript 重要觀念: By Value & By Reference

通常 初學者 在撰寫 JavaScript 腳本時,相信都有碰到過一個問題,就是有時候會 沒有辦法去掌握當前的 變數 (Variable) 現在的狀態是什麼 ?,尤其是針對 物件 (Object),的資料進行操作的時候,會發現物件內的元素不如自己的預期 下面是常見的實際案例: 可以閱讀後,去執行看看,如果執行的結果不是你預期的,那就應該認真把這篇文章看完了 let arr = [] let data = { id: 0 } for(let i = 0; i <

[Canvas] 使用 JavaScript 實作 canvas 畫筆的功能

畫筆的功能 大家都有玩過小畫家,我們可以使用小畫家的畫筆,輕鬆的畫出一些我們想要的圖案,相當的趣味也非常的方便 畫筆的功後續也演變為一些電子簽證的機制,最近剛好也碰到了一些類似的需求 決定在下方做個製作上的紀錄,下方提供了一個比較陽春的版本當作範例,也是為了方便理解他的製作方式 See the Pen Canvas 畫筆 by SkyRoxas (@SkyRoxas) on CodePen. 進入說明 HTML 架構如下所示: <canvas id="canvas"></canvas> 宣告變數 與

[REST API] 使用 JSON 建置一個 Fake REST API 的服務

常常在開發應用時,前端工程師 都必須要先等待 後端工程師 提供 API 才可以進行一些介面上的開發,這件事情通常是很沒有效益的 我們追求的是 前端 跟 後端 的開發能同時進行,不必你等我等你,那該怎麼辦呢? 很簡單,只要 前端 這邊可以先拿到 API 就行了,如果後端沒有給,那我們可以自己進行模擬 前端自行建置自己的 REST API 來作介面上的開發,這邊將介紹一套 前端的開發工具 json-server 快速建置 REST API