鐵人檔案
隨著科技進步，瀏覽器能夠做的事情越來越多，前端的技術推陳出新，許多前端開發的概念也逐漸過時。
除了後端以外，前端也需要嚴謹的工程化以及架構，才能應付日漸複雜的需求。Webpack 與 babel 的出現造就前端蓬展。這 30 天希望可以各種新、舊的 Javascript 技術，並且分享在一般網頁開發時會遇到的問題以及瀏覽器、Javascript 的運作，再逐漸帶到近幾年逐漸流行的框架：web-component, react, vue。
這並不是一份從 0 到 1 的入門教材，而是記錄自己對於前端開發的理解，並分享一些自己的經驗，更適合已經有基礎的前端工程師。
為什麼需要快取？因為我們希望能夠快速獲得想要的資訊。 一般來說，前端能夠處理的快取有幾種： 透過 http 的 cache 機制。例如 301 以及對應的 h...
前端能夠顧慮到最直接的安全性問題大概就是 XSS 了，像是早期的留言板幾乎都沒有擋 HTML 或 JavaScript 語法，等於直接開啟了隱私大門，駭客可以直...
什麼是 Functional Reactive Programming？ 我們先從幾個簡單的概念介紹，比如說我們修改了表單內的內容，我們希望改變的值能夠「即時」...
GraphQL GraphQL 是個查詢語言，可以透過各個程式語言的實作來定義型別與 data schema，而在前端則可以用 graphQL 這套查詢語言來查...
要做 SEO 有很多眉角，今天來介紹一些常見的方式與可以注意的地方。 <head> 在 head 當中，我們可以定義許多標籤讓搜尋引擎方便拿到資料，...
除非你打算踏入純靜態網頁的開發，或是你的興趣就是寫很多特效動畫，做單人遊戲。不然一般在做前端開發的時候，跟後端的合作是密不可分的。 這兩個領域有密切的關連，因此...
前言 今天來談談前端實作串流這件事。 在早期，如果想要做影片相關的應用的話，只能用像是 flash 之類的方式嵌入，不像現在那麼奢侈，不過自從 <vide...
前言 雖然我們時常聽到盡量不要操作 DOM，但在 UI 上要完全不操作 DOM ，除非你將應用全部用 canvas 改寫，不然根本是不可能的事。 今天就來淺談前...
前言 如果服務同時提供了網頁與應用程式（如桌面應用程式、iOS、Android）版本，而且希望使用者在點擊網頁的連結時，如果可以使用原生的 App 時，就會用到...
在 Javascript 當中，難免會出現錯誤。最一般的解決錯誤方式就是使用 try...catch try { JSON.parse('{adfhjkl}'...
