第十一屆 佳作

web
深入現代前端開發
愷開

系列文章

DAY 1

Day1 現代網頁開發

前言 瀏覽器與互聯網的發展,讓前端的技術推陳出新,百花齊放。過去許多的概念逐漸過時,瀏覽器能夠做的事情越來越多了。除了後端以外,前端也是需要嚴謹的工程化以及架構...

DAY 2

Day2 [JavaScript 基礎] 淺談 ECMAScript 與 JavaScript

淺談 ECMAScript 與 JavaScript 很多人都在說,「嘿!這是最新的 ES6 語法」,但 ES6 到底是什麼,跟 Javascript 又有什麼...

DAY 3

Day3 [JavaScript 基礎] JavaScript 基本陣列操作

Javascript 常見操作簡介 由於篇幅的關係,這裡只介紹常見的陣列操作。 陣列的操作 map filter reduce every some 為什麼陣列...

DAY 4

Day4 [JavaScript 基礎] 我知道 `==` 與 `===` 不同,但為什麼? 淺談相等性

在 Javascript 當中,== 與 === 的差別時常被拿出討論。而兩者的差別相信有寫過一點 JavaScript 的都知道,== 會在比較時隱含地做型...

DAY 5

Day5 [JavaScript 基礎] Event Loop 機制

Event Loop 什麼是 event loop?JavaScript 跑在一個 thread 上,一次只能做一件事,不能像其他程式語言一樣,想開 threa...

DAY 6

Day6 [JavaScript 基礎] 垃圾回收機制

[JavaScript 基礎] 垃圾回收機制 垃圾回收機制(Garbage Collection),又稱作 GC。 那麼,是要回收怎樣的垃圾呢?在程式語言中,如...

DAY 7

Day7 jQuery 真的如此醜陋不堪嗎?重新思考 jQuery

這年頭使用 jQuery 的人越來越少,更甚者有可能連 jQuery 都沒有聽過。 不過在好幾年前,前端工程、SPA 的需求還沒有那麼高、瀏覽器的實作五花八門、...

DAY 8

Day8 為什麼前端需要工程化? — webpack

發明 webpack 的人應該得圖靈獎 這大概是我對 webpack 的讚嘆程度。 在談論為什麼前端需要工程化之前,我們先來定義一下什麼是工程化,根據維基百...

DAY 9

Day9 為什麼前端需要工程化? — Babel

ES2015 是 ECMAScript 2015 的簡稱。是一套規範怎麼實作 JavaScript 這個語言的細節,並且跟以往的版本比起來多了許多簡潔的語法跟...

DAY 10

Day10 有了 jQuery 為什麼要有xxx?

或許你我都會好奇,為什麼 jQuery 用得好好的,會有像是 Angular, React, Vue 等框架的出現? 網頁的互動越來越複雜 從網頁出現開始,最原...