· 2 分鐘閱讀
深入前端開發
# 前端之前就希望能夠把一些關於前端開發的東西紀錄下來,不過一直沒有著手去做,趁著鐵人賽期間一口氣全部整理完。 這個系列分成了幾大部分,未來有機會會再繼續寫下去。
JavaScript 基礎
- 淺談 JavaScript 與 ECMAScript
- JavaScript 常見操作簡介
- == 與 ===、浮點數運算
- 再談 Event Loop
- 重新思考 jQuery
- JavaScript 與記憶體回收
- 立即執行函數(IIFE)
前端工程化
- 為什麼前端需要工程化? — webpack
- 是什麼造就 Babel 出現
前端 UI 開發
- 實作 UI 時要考慮的事
- 前端如何管理 API(上)
- 前端如何管理 API(中)
- 前端如何管理 API(下)- 一些經驗談
- CSS 的 100 個哀愁
- 談 CSS 管理 - 排版時要注意的事
- 淺談快取
淺談前端框架
- React 與 Vue - 有了 jQuery 為什麼要有 xxx?
- flux & redux (未完成)
瀏覽器 JavaScript
- 善用空閒時間 - requestIdleCallback
- 探索 Browser API(中)
- 探索 Browser API(下)
- Autoplay 與 mute
前端與安全性
- 前端與安全性
番外篇
- 什麼是好的程式碼?
- 再談 Redux
進階篇
- Functional Reactive Programming
- GraphQL
- 前端能做到的 SEO
- 前端與後端
- 開發直播應用要知道的事
- Universal Link
- 錯誤處理
如果對上述的主題有興趣的話,可以來看看鐵人幫或是 Gitbook 的連結:
相關文章
- CSS field-sizing — 用一行 CSS 讓表單元素自動調整大小textarea 自動調整高度,以前只能靠 JavaScript 監聽 scrollHeight。CSS field-sizing: content 一行就能取代,支援 textarea、input、select。本文整理舊做法的痛點與 field-sizing 的用法。
- 讓你的超連結底線更好看:text-underline-offset預設的情況下底線跟文字很接近,有些設計師不喜歡這種樣式,我自己也覺得沒有很好看。
- 為什麼網頁不應該追求 Pixel Perfect只有在 Pixel Perfect 很重要的時候才應該關注他,否則往往會讓你得到一個雙輸的局面。
- 用 CSS HSL 來寫顏色吧!(以及更好的方法)在網頁開發中,傳統的 HEX 和 RGB 顏色表示法雖然廣泛使用,但存在不易閱讀和直觀性不足的問題,且在廣域的色彩空間如 P3 下表現能力受限。HSL(色相、飽和度、亮度)提供了一種更直覺的顏色定義方式,讓開發者能更輕鬆地理解與調整顏色。HSL 通過色相、飽和度和亮度三個維度來描述顏色,使得顏色的調整更加人性化,特別是在設計系統中,HSL 能更好地呈現色盤的亮度變化。