React16 重點整理
react 終於正式發佈 v16 了，其實官方部落格的介紹已經相當完整（而且賞心悅目）。本篇文章作為筆記與統整，精簡了部分的細節。 1. componentDidPatch(error, info) react16 最亮眼的部分，加入 ErrorBoundary 的功能，確保在 lifecycle…
前端面試心得
終於有時間整理最近的面試歷程了。先總結一些看到的事情： 通常公司面試只考 Javascript 的熟悉度，多數關於演算法或是解釋原型鍊等等，很少考 DOM 或是 Event 的操作。 幾乎不考 CSS，就算有也只是簡單判斷 class、ID 優先度這種基本題目而已。 沒有面試考 HTML…
淺談 ramda 中的幾個 API
ramda 是個相當好用的函式庫，如果聽過 lodash 或是 underscore 的話，可以將 ramda 想成 functional programming 的 lodash，他們的 API 有許多相似性，差別在於 ramda 本身有 FP 的功能，任何的 API…
淺談降維方法中的 PCA 與 t-SNE
在機器學習當中，如果特徵數過多時，有可能會造成一些問題，像是： 過擬合 (overfitting…
做了一份週刊 - 日語八百屋
自學日文也已經三年多了，做了一份周刊，叫做日語八百屋。 粉絲專頁 Medium…
Rails app 自動化部屬 - hubot 與 heaven
目前所在的公司裡頭是直接在本地端的 terminal 跑 cap staging deploy 指令。 capistrano 作為自動部署化的工具非常方便，但難免會遇到幾個問題： 不是團隊中的每個人都有相同的環境 大家都在部署，結果 staging 上現在到底是哪個 branch…
IT 鐵人幫完賽心得
今天是鐵人賽的最後一天，感覺自己最後結尾的部分收得不是很好，也有很多部分都因為時間上的關係沒有很完整地介紹完。
高度相同的排版解決方案
在前端的頁面中，我們經常會碰到需要相同高度的排版。最直覺的方法就是將容器裡的所有元素設為 float 或是 inline-block。 float 及 inline-block 如果是使用 float 排版，不但要先撐開父元素容器(clearfix)，還要針對子元素設定 margin…
CSS Variable 與 SASS Variable
之前寫過了一篇關於自己對 css variable 的想法，原本對這個屬性沒有抱持著太大的期待，自己用習慣了 SASS 變數也覺得這個 css variable 反而像個彆腳的 system，不過如果你也是這樣想的人，可以參考這篇文章
令人期待的 PostCSS
從 SASS 到 PostCSS 大約在一年前，PostCSS 開始竄紅在前端生態圈裡，不外乎就是所謂的 preprocessor 的特性、高度客製化自己的 plugin、搶先使用 cssnext 的功能，還能夠搭配各種建構工具（gulp, webpack…
2016 g0v summit 心得
因為一則廣告而創立的 g0v g0v 的由來其實是因為經濟動能推升方案（就是那個史上最腦殘的廣告) 這群熱血的工程師決定組成 g0v。致力於推動政府開放，並且以網路的方式推廣給大眾。 g0v 能夠紅，是從 318 學運開始。因為 hackfold…
快速變化下的前端思考
語意化、類別命名、事件傳播
追求卓越中，我們逐漸平凡
以前那個愛彈鋼琴、愛看小說的自己，好像正在已驚人的速度消失當中
【筆記】易讀程式碼之美學
比較短的程式碼比較好嗎？ 雖然減少程式碼會提高易讀性，但縮短讀程式碼的時間才是重點。 表層結構 清楚的命名方法跟變數名稱 方法不需要用 do 選擇詞彙的時候不要用模擬兩可的名稱，ex: pop popItem 在方法名稱加入更多的資訊 找尋更明確的詞彙