半熟前端

軟體工程師 / 台灣人 / 在前端的路上一邊探索其他領域的可能性

分類

演算法

Array.sort 淺析

Array.sort 淺析 這篇文章不是談論在 Javascript 原生的 sort 要注意的事項。例如: 因為預設的 sort 方法會把值轉為 String,並按照 char code 做排序,所以才會出現上面的結果。 今天要來探討 Javascript 的 sort 背後的實作方式。 從 V…

(繼續閱讀...)#algorithm#sorting
前端

如何設計 user friendly 的 table

認清一件事實,table 是拿來看,不是被當作絢麗的視覺使用的 最近在後台頻繁有使用表格的需求,如何設計對使用者良好的 table 是一項挑戰,尤其在資料筆數多、欄位多的情況下,使用者很容易就會被額外的元素吸引。 而在現代 div 排版盛行的影響下,使用 table…

(繼續閱讀...)#table#CSS
雜談

狂歡雙 11 — 祝我生日快樂

今年 1111,除了各大電商正在雙 11 特價外,今天剛好也是我的滿 2…

(繼續閱讀...)#雙 11
AWS

透過 AWS lambda 上傳 Medium 文章

Medium 本身不支援 code block 編輯,雖然不知道背後的原因為何(或許工程師並非主要客群),所以如果要高亮程式碼,一個作法是直接貼圖片,一個是貼在 gist 上後再 embed…

(繼續閱讀...)#lambda#medium
nodejs

Better Express error

Better-express-error 在 express 開發時,如果遇到錯誤,通常是直接印在 error page 上,或者在 production 端直接導到 404, 500 page。 這雖然沒有什麼值得一提的是,不過說真的,看到這種頁面,你會覺得開心嗎? 熟悉 Ruby On…

(繼續閱讀...)#nodejs#express
前端

React16 重點整理

react 終於正式發佈 v16 了,其實 官方部落格 的介紹已經相當完整(而且賞心悅目)。本篇文章作為筆記與統整,精簡了部分的細節。 1. componentDidPatch(error, info) react16 最亮眼的部分,加入 ErrorBoundary…

(繼續閱讀...)#react
前端

前端面試心得

前言 終於有時間整理最近的面試歷程了。先總結一些看到的事情: 通常公司面試只考 Javascript 的熟悉度,多數關於演算法或是解釋原型鍊等等,很少考 DOM 或是 Event 的操作。 幾乎不考 CSS,就算有也只是簡單判斷 class、ID 優先度這種基本題目而已。 沒有面試考 HTML…

(繼續閱讀...)#面試
前端

淺談 ramda 中的幾個 API

前言 ramda 是個相當好用的函式庫,如果聽過 lodash 或是 underscore 的話,可以將 ramda 想成 functional programming 的 lodash,他們的 API 有許多相似性,差別在於 ramda 本身有 FP 的功能,任何的 API…

(繼續閱讀...)#ramda#javascript
rails

Rails app 自動化部屬 - hubot 與 heaven

前言 目前所在的公司裡頭是直接在本地端的 terminal 跑 cap staging deploy 指令。 capistrano 作為自動部署化的工具非常方便,但難免會遇到幾個問題: 不是團隊中的每個人都有相同的環境 大家都在部署,結果 staging 上現在到底是哪個 branch…

(繼續閱讀...)
前端

IT 鐵人幫完賽心得

連結 今天是鐵人賽的最後一天,感覺自己最後結尾的部分收得不是很好,也有很多部分都因為時間上的關係沒有很完整地 介紹完。 挑戰 3…

(繼續閱讀...)#webGL#IT 鐵人幫
前端

高度相同的排版解決方案

在前端的頁面中,我們經常會碰到需要相同高度的排版。最直覺的方法就是將容器裡的所有元素設為 float 或是 inline-block。 float 及 inline-block 如果是使用 float 排版,不但要先撐開父元素容器(clearfix),還要針對子元素設定 margin…

(繼續閱讀...)#flex

2016 g0v summit 心得

因為一則廣告而創立的 g0v g0v 的由來其實是因為經濟動能推升方案(就是那個史上最腦殘的 廣告 ) 這群熱血的工程師決定組成 g0v。致力於推動政府開放,並且以網路的方式推廣給大眾。 g0v 能夠紅,是從 318 學運開始。因為 hackfold…

(繼續閱讀...)#g0v
程式筆記

【筆記】易讀程式碼之美學

比較短的程式碼比較好嗎? 雖然減少程式碼會提高易讀性,但 縮短讀程式碼的時間才是重點 。 表層結構 清楚的命名方法跟變數名稱 方法不需要用 do 選擇詞彙的時候不要用模擬兩可的名稱,ex: pop popItem 在方法名稱加入更多的資訊 找尋更明確的詞彙 send => deliver…

(繼續閱讀...)
前端

css variable + sass variable = 😍

之前寫過了一篇關於自己對 css variable 的想法,原本對這個屬性沒有抱持著太大的期待,自己用習慣了 SASS 變數也覺得這個 css variable 反而像個彆腳的 system,不過如果你也是這樣想的人,可以參考這篇文章 Why should you care Css…

(繼續閱讀...)#css
前端

令人期待的 PostCSS

從 SASS 到 PostCSS 大約在一年前,PostCSS 開始竄紅在前端生態圈裡,不外乎就是所謂的 preprocessor 的特性、高度客製化自己的 plugin、搶先使用 cssnext 的功能,還能夠搭配各種建構工具(gulp, webpack…

(繼續閱讀...)#postcss#sass
雜談

追求卓越中,我們逐漸平凡

以前那個愛彈鋼琴、愛看小說的自己,好像正在已驚人的速度消失當中

(繼續閱讀...)