隨著科技進步,瀏覽器能夠做的事情越來越多,前端的技術推陳出新,許多前端開發的概念也逐漸過時。
除了後端以外,前端也需要嚴謹的工程化以及架構,才能應付日漸複雜的需求。Webpack 與 babel 的出現造就前端蓬展。這 30 天希望可以各種新、舊的 Javascript 技術,並且分享在一般網頁開發時會遇到的問題以及瀏覽器、Javascript 的運作,再逐漸帶到近幾年逐漸流行的框架:web-component, react, vue。
這並不是一份從 0 到 1 的入門教材,而是記錄自己對於前端開發的理解,並分享一些自己的經驗,更適合已經有基礎的前端工程師。
一般在設計 UI 時,難免會因為 mockup 的長相而忽略了許多設計網頁時應該要注意的事,這也是區分 UI 設計師與平面設計師的好方法。 為什麼這麼說呢?不像...
管理 API 可以說是前後端一直以來的難題之一。 後端要實作正確的 API,並且針對不同的格式做處理,同時也要防範 CORS 以及 DDoS 等等;而前端管理...
在實作 API 的時候,如果你的應用有牽扯到使用者認證,那麼跟這三個主題絕對脫不了關係,今天就來淺談這幾個話題。註:並不是所有使用者驗證方式都是用 cookie...
前言 既然是經驗談,那麼可能會有不適用的場景,可以根據開發上的需要斟酌參考。 1. API endpoint 設定 在開發的時候,總不可能都打 producti...
前言 如何把 CSS 寫好一直是件非常困難的事情,主要原因大家先試著想想看,我們下面繼續講述這個問題。 CSS 的難題 CSS 有幾個棘手的問題,尤其在管理大型...
前言 就算只是簡單的排版,設定 padding, margin 字型大小等等,也可以牽扯到很多需要注意的細節,CSS 裡頭沒有正確的答案,很多時候甚至需要一點想...
前言 最近這幾年許多 Browser 原生的 API 陸續被實作出來,試圖解決前端遇到的問題,這個系列試圖介紹一些比較有趣或是比較被廣泛支援的 API,以後遇到...
今天會介紹 MutationObserver 與 IntersectionObserver 這兩個最近常見的 API。 MutationObserver 在實作...
今天會淺談 ServiceWorker 與 Webworker 以及其他亮眼(我有興趣)的 API。 ServiceWorker ServiceWorker 讓...
前言 如果用 facebook 網頁版來觀看影片,你會發現自動播放的影片都是靜音的,這是因為瀏覽器為了改善使用者體驗而限制了 autoplay 的條件。 試想如...