iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

深入現代前端開發 系列

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

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

Day21 前端快取機制 - CDN, localStorage, Cache-Control, ServiceWorker

為什麼需要快取?因為我們希望能夠快速獲得想要的資訊。 一般來說,前端能夠處理的快取有幾種: 透過 http 的 cache 機制。例如 301 以及對應的 h...

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

Day22 - 前端與安全性

前端能夠顧慮到最直接的安全性問題大概就是 XSS 了,像是早期的留言板幾乎都沒有擋 HTML 或 JavaScript 語法,等於直接開啟了隱私大門,駭客可以直...

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

Day23 什麼是 Functional Reactive Programming 與 RxJS

什麼是 Functional Reactive Programming? 我們先從幾個簡單的概念介紹,比如說我們修改了表單內的內容,我們希望改變的值能夠「即時」...

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

Day24 GraphQL 與 apollo

GraphQL GraphQL 是個查詢語言,可以透過各個程式語言的實作來定義型別與 data schema,而在前端則可以用 graphQL 這套查詢語言來查...

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

Day25 前端可以做到的 SEO

要做 SEO 有很多眉角,今天來介紹一些常見的方式與可以注意的地方。 <head> 在 head 當中,我們可以定義許多標籤讓搜尋引擎方便拿到資料,...

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

Day26 前端可以不只是前端

除非你打算踏入純靜態網頁的開發,或是你的興趣就是寫很多特效動畫,做單人遊戲。不然一般在做前端開發的時候,跟後端的合作是密不可分的。 這兩個領域有密切的關連,因此...

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

Day27 開發直播應用要知道的事

前言 今天來談談前端實作串流這件事。 在早期,如果想要做影片相關的應用的話,只能用像是 flash 之類的方式嵌入,不像現在那麼奢侈,不過自從 <vide...

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

Day26 前端中的效能優化

前言 雖然我們時常聽到盡量不要操作 DOM,但在 UI 上要完全不操作 DOM ,除非你將應用全部用 canvas 改寫,不然根本是不可能的事。 今天就來淺談前...

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

Day29 前端串接 Deeplink

前言 如果服務同時提供了網頁與應用程式(如桌面應用程式、iOS、Android)版本,而且希望使用者在點擊網頁的連結時,如果可以使用原生的 App 時,就會用到...

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

Day30 前端當中的錯誤處理

在 Javascript 當中,難免會出現錯誤。最一般的解決錯誤方式就是使用 try...catch try { JSON.parse('{adfhjkl}'...

2019-10-01 ‧ 由 愷開 分享