2017/08/27

React 應用輕量化(一)Source Map

`create-react-app` 提供了很方便的創建 React 應用途徑。它已經把 webpack, Babel, Autoprefixer, ESLint, Jest 等常用工具打包進去。可以說是一個非常方便,好用的製造 React 應用工具。當我打算把包裝好的檔案推上去

....繼續閱讀全文內容
2017/07/24

項目代碼調試:提問前要做的六個步驟

上天對於每個地球人都是公平的,每個人都一天只有 24 小時。為什麼有的人會停留不前,有的人卻會不斷有所成長?其中一個原因是當遇到問題時,他們解決問題的方法是非常不同的。同樣是遇到問題,與其伸手,等其他程序員幫助去解決問題,倒不如自己先嘗試各種方法,然後才問人家。。。我會在這篇文章

....繼續閱讀全文內容
2017/07/06

簡單易用的開源 JavaScript 動畫圖標庫 -- Titanic

如果你想要看 Hello, World 的版本的話,你可以到我的 [Codepen](https://codepen.io/calpa/pen/xrzPxx) 裡面,測試一下。

....繼續閱讀全文內容
2017/07/02

神兵利器 -- HHKB Pro 2 開箱文

我一開始拿到 Happy Hacking KeyBoard Pro 2時,我就問為什麼鍵盤可以完全沒有字的,那叫我如何輸入。。。雖然我可以盲打(不看鍵盤直接輸入),但也許我未必可以有能力使用這樣的鍵盤。但寫了一天代碼之後,我才發現,原來這一切都是自己的猜疑而已。這個鍵盤打起來就是

....繼續閱讀全文內容
2017/06/19

【翻譯】前端性能優化必備工具清單

在這篇文章,我會分享優化網頁的檢查清單。如果你覺得我有錯漏的地方,請在下面留言。這張清單會包含一些優化搜尋引擎排名 (SEO) 的技巧,以及減少網頁加載時間的最佳實踐。

....繼續閱讀全文內容