隨著科技進步,瀏覽器能夠做的事情越來越多,前端的技術推陳出新,許多前端開發的概念也逐漸過時。
除了後端以外,前端也需要嚴謹的工程化以及架構,才能應付日漸複雜的需求。Webpack 與 babel 的出現造就前端蓬展。這 30 天希望可以各種新、舊的 Javascript 技術,並且分享在一般網頁開發時會遇到的問題以及瀏覽器、Javascript 的運作,再逐漸帶到近幾年逐漸流行的框架:web-component, react, vue。
這並不是一份從 0 到 1 的入門教材,而是記錄自己對於前端開發的理解,並分享一些自己的經驗,更適合已經有基礎的前端工程師。
前言 瀏覽器與互聯網的發展,讓前端的技術推陳出新,百花齊放。過去許多的概念逐漸過時,瀏覽器能夠做的事情越來越多了。除了後端以外,前端也是需要嚴謹的工程化以及架構...
淺談 ECMAScript 與 JavaScript 很多人都在說,「嘿!這是最新的 ES6 語法」,但 ES6 到底是什麼,跟 Javascript 又有什麼...
Javascript 常見操作簡介 由於篇幅的關係,這裡只介紹常見的陣列操作。 陣列的操作 map filter reduce every some 為什麼陣列...
在 Javascript 當中,== 與 === 的差別時常被拿出討論。而兩者的差別相信有寫過一點 JavaScript 的都知道,== 會在比較時隱含地做型...
Event Loop 什麼是 event loop?JavaScript 跑在一個 thread 上,一次只能做一件事,不能像其他程式語言一樣,想開 threa...
[JavaScript 基礎] 垃圾回收機制 垃圾回收機制(Garbage Collection),又稱作 GC。 那麼,是要回收怎樣的垃圾呢?在程式語言中,如...
這年頭使用 jQuery 的人越來越少,更甚者有可能連 jQuery 都沒有聽過。 不過在好幾年前,前端工程、SPA 的需求還沒有那麼高、瀏覽器的實作五花八門、...
發明 webpack 的人應該得圖靈獎 這大概是我對 webpack 的讚嘆程度。 在談論為什麼前端需要工程化之前,我們先來定義一下什麼是工程化,根據維基百...
ES2015 是 ECMAScript 2015 的簡稱。是一套規範怎麼實作 JavaScript 這個語言的細節,並且跟以往的版本比起來多了許多簡潔的語法跟...
或許你我都會好奇,為什麼 jQuery 用得好好的,會有像是 Angular, React, Vue 等框架的出現? 網頁的互動越來越複雜 從網頁出現開始,最原...