iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

深入現代前端開發 系列

隨著科技進步,瀏覽器能夠做的事情越來越多,前端的技術推陳出新,許多前端開發的概念也逐漸過時。
除了後端以外,前端也需要嚴謹的工程化以及架構,才能應付日漸複雜的需求。Webpack 與 babel 的出現造就前端蓬展。這 30 天希望可以各種新、舊的 Javascript 技術,並且分享在一般網頁開發時會遇到的問題以及瀏覽器、Javascript 的運作,再逐漸帶到近幾年逐漸流行的框架:web-component, react, vue。
這並不是一份從 0 到 1 的入門教材,而是記錄自己對於前端開發的理解,並分享一些自己的經驗,更適合已經有基礎的前端工程師。

鐵人鍊成 | 共 32 篇文章 | 230 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11 設計 UI 真的很簡單嗎?談 UI 狀態

一般在設計 UI 時,難免會因為 mockup 的長相而忽略了許多設計網頁時應該要注意的事,這也是區分 UI 設計師與平面設計師的好方法。 為什麼這麼說呢?不像...

2019-09-12 ‧ 由 愷開 分享
DAY 12

Day12 前端如何管理 API (上)

管理 API 可以說是前後端一直以來的難題之一。 後端要實作正確的 API,並且針對不同的格式做處理,同時也要防範 CORS 以及 DDoS 等等;而前端管理...

2019-09-13 ‧ 由 愷開 分享
DAY 13

Day13 前端如何管理 API (中)- Cookie、CORS 、CSRF

在實作 API 的時候,如果你的應用有牽扯到使用者認證,那麼跟這三個主題絕對脫不了關係,今天就來淺談這幾個話題。註:並不是所有使用者驗證方式都是用 cookie...

2019-09-14 ‧ 由 愷開 分享
DAY 14

Day14 前端如何管理 API (下)- 一些經驗談

前言 既然是經驗談,那麼可能會有不適用的場景,可以根據開發上的需要斟酌參考。 1. API endpoint 設定 在開發的時候,總不可能都打 producti...

2019-09-15 ‧ 由 愷開 分享
DAY 15

Day15 談 CSS 管理

前言 如何把 CSS 寫好一直是件非常困難的事情,主要原因大家先試著想想看,我們下面繼續講述這個問題。 CSS 的難題 CSS 有幾個棘手的問題,尤其在管理大型...

2019-09-16 ‧ 由 愷開 分享
DAY 16

Day16 談 CSS 管理 - 排版時要注意的事

前言 就算只是簡單的排版,設定 padding, margin 字型大小等等,也可以牽扯到很多需要注意的細節,CSS 裡頭沒有正確的答案,很多時候甚至需要一點想...

2019-09-17 ‧ 由 愷開 分享
DAY 17

Day17 探索 Browser API (上)- requestIdleCallback

前言 最近這幾年許多 Browser 原生的 API 陸續被實作出來,試圖解決前端遇到的問題,這個系列試圖介紹一些比較有趣或是比較被廣泛支援的 API,以後遇到...

2019-09-18 ‧ 由 愷開 分享
DAY 18

Day18 探索 Browser API(中)- MutationObserver、IntersectionObserver

今天會介紹 MutationObserver 與 IntersectionObserver 這兩個最近常見的 API。 MutationObserver 在實作...

2019-09-19 ‧ 由 愷開 分享
DAY 19

Day19 探索 Browser API(下)- ServiceWorker, WebWorker 與其他

今天會淺談 ServiceWorker 與 Webworker 以及其他亮眼(我有興趣)的 API。 ServiceWorker ServiceWorker 讓...

2019-09-20 ‧ 由 愷開 分享
DAY 20

Day20 Autoplay 與 mute

前言 如果用 facebook 網頁版來觀看影片,你會發現自動播放的影片都是靜音的,這是因為瀏覽器為了改善使用者體驗而限制了 autoplay 的條件。 試想如...

2019-09-21 ‧ 由 愷開 分享