系列文章
Day11 設計 UI 真的很簡單嗎？談 UI 狀態
一般在設計 UI 時，難免會因為 mockup 的長相而忽略了許多設計網頁時應該要注意的事，這也是區分 UI 設計師與平面設計師的好方法。 為什麼這麼說呢？不像...
Day12 前端如何管理 API （上）
管理 API 可以說是前後端一直以來的難題之一。 後端要實作正確的 API，並且針對不同的格式做處理，同時也要防範 CORS 以及 DDoS 等等；而前端管理...
Day13 前端如何管理 API （中）- Cookie、CORS 、CSRF
在實作 API 的時候，如果你的應用有牽扯到使用者認證，那麼跟這三個主題絕對脫不了關係，今天就來淺談這幾個話題。註：並不是所有使用者驗證方式都是用 cookie...
Day14 前端如何管理 API （下）- 一些經驗談
前言 既然是經驗談，那麼可能會有不適用的場景，可以根據開發上的需要斟酌參考。 1. API endpoint 設定 在開發的時候，總不可能都打 producti...
Day15 談 CSS 管理
前言 如何把 CSS 寫好一直是件非常困難的事情，主要原因大家先試著想想看，我們下面繼續講述這個問題。 CSS 的難題 CSS 有幾個棘手的問題，尤其在管理大型...
Day16 談 CSS 管理 - 排版時要注意的事
前言 就算只是簡單的排版，設定 padding, margin 字型大小等等，也可以牽扯到很多需要注意的細節，CSS 裡頭沒有正確的答案，很多時候甚至需要一點想...
Day17 探索 Browser API （上）- requestIdleCallback
前言 最近這幾年許多 Browser 原生的 API 陸續被實作出來，試圖解決前端遇到的問題，這個系列試圖介紹一些比較有趣或是比較被廣泛支援的 API，以後遇到...
Day18 探索 Browser API（中）- MutationObserver、IntersectionObserver
今天會介紹 MutationObserver 與 IntersectionObserver 這兩個最近常見的 API。 MutationObserver 在實作...
Day19 探索 Browser API（下）- ServiceWorker, WebWorker 與其他
今天會淺談 ServiceWorker 與 Webworker 以及其他亮眼（我有興趣）的 API。 ServiceWorker ServiceWorker 讓...
Day20 Autoplay 與 mute
前言 如果用 facebook 網頁版來觀看影片，你會發現自動播放的影片都是靜音的，這是因為瀏覽器為了改善使用者體驗而限制了 autoplay 的條件。 試想如...