畫筆的功能

大家都有玩過小畫家,我們可以使用小畫家的畫筆,輕鬆的畫出一些我們想要的圖案,相當的趣味也非常的方便

畫筆的功後續也演變為一些電子簽證的機制,最近剛好也碰到了一些類似的需求

決定在下方做個製作上的紀錄,下方提供了一個比較陽春的版本當作範例,也是為了方便理解他的製作方式

閱讀全文»

常常在開發應用時,前端工程師 都必須要先等待 後端工程師 提供 API 才可以進行一些介面上的開發,這件事情通常是很沒有效益的

我們追求的是 前端 跟 後端 的開發能同時進行,不必你等我等你,那該怎麼辦呢?

很簡單,只要 前端 這邊可以先拿到 API 就行了,如果後端沒有給,那我們可以自己進行模擬

前端自行建置自己的 REST API 來作介面上的開發,這邊將介紹一套 前端的開發工具 json-server

閱讀全文»

代碼的品質 的好壞,是會嚴重影響到 後續開發 維護成本

而 JavaScript 又是一個十分靈活的語言,但因為其 靈活 的特性,也偷偷埋下了不少的地雷

所以我們往往在撰寫 JavaScrip 代碼的同時,會去定義一些關於 JavaScript 代碼的規範,以維持代碼的 可讀性 和減少一些 非預期 的錯誤

尤其是一整個團隊在進行開發的時候,更需要大家共同維持 代碼的規範

閱讀全文»

最近對在前端的開發中,接觸到了 前端優化 這個議題

當下想說前端的優化不外乎就是把 能 壓縮 的檔案,包含 HTML、CSS、JavaScript 還有一些 圖檔 能壓縮的就壓縮就好了嗎?

雖然上面的說法並沒有錯,不過其實 壓縮 的這件事情,只佔了 前端優化 的 一小部分 而已

另外對於網站來說,效能好壞的 基準點 又是什麼?

深入研究後才發覺 前端優化 是個很有趣的議題,也是 前端工程師 , 必須要修的課題

閱讀全文»