iT邦幫忙

鐵人檔案

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

前端三十 - 成為更好的前端工程師 系列

精選三十道網站開發常見問題,涵蓋演算法、CSS、JavaScript 特性、網路基礎、前後端分離等網站軟體開發相關主題。一天一題,一起成為更強大的前端工程師吧!

鐵人鍊成 | 共 31 篇文章 | 157 人訂閱 訂閱系列文 RSS系列文 團隊Wow Doge!
DAY 1

達標好文 01. 你最近學會了什麼新東西?

上班工作,下班生活;緊湊的節奏是否也曾讓你感覺迷失其中?不彷想想,讀者您有多久沒有好好靜下來,認真學點新東西了呢? 筆者身為一個軟體工程師,雖然僅有四年左右的...

2019-09-17 ‧ 由 Gary 分享
DAY 2

02. [HTML] script tag 加上 async & defer 的功能及差異?

前端當然要從 HTML 出發,今天就讓我們來聊聊 script tag 加上 async / defer 的功能及差異。 講古 我們知道,瀏覽器解析 HTML...

2019-09-18 ‧ 由 Gary 分享
DAY 3

03. [CSS] Reflow 及 Repaint 是什麼?

昨天 聊了 HTML 控制 JavaScript 載入順序的方法,設定得宜可以提升不少效能;那麼今天就來聊聊可能造成 CSS 影響效能的其中兩位兇手:回流(R...

2019-09-19 ‧ 由 Gary 分享
DAY 4

04. [CSS] z-index 與 Stacking Context 的關係是什麼?

不知道大家有沒有這樣的經驗:在排版時無論 z-index 怎麼調整,元素仍然被其他東西蓋住,怎麼調都調不好;今天我們將會深入理解這背後的原因,一起來聊聊 z-...

2019-09-20 ‧ 由 Gary 分享
DAY 5

05. [CSS] 元素選取器是如何運作的?

在前端工程師的日常中,使用元素選取器是稀鬆平常的事情;無論你是撰寫一般的 CSS,或是需要過編譯的 SASS、SCSS、LESS,最終都仍會被編譯成一行一行的...

2019-09-21 ‧ 由 Gary 分享
DAY 6

06. [JS] 請你在旁邊的白板寫個快速排序演算法。

今天是本系列進入 JavaScript 主題的第一天,那麼就先寫個 前陣子面試 時遇到的快速排序法吧! 快速排序法 來寫個由小到大的版本吧,不囉嗦直接上 Co...

2019-09-22 ‧ 由 Gary 分享
DAY 7

07. [JS] 瀏覽器 DOM 元素的事件代理是指什麼?

本系列來到了 JavaScript 相關的主題,預計會在這逐步前進好一陣子,讓我們從較簡單的主題開始吧;今天就先來聊聊瀏覽器中的事件代理是怎麼一回事。 事件...

2019-09-23 ‧ 由 Gary 分享
DAY 8

08. [JS] 請寫出間隔一秒印出 1, 2, 3, 4, 5 的程式碼。

相信稍有經驗的開發者多少都看過這題了,應該是彈指之間便能輕鬆解決;但初步接觸 JavaScript 的朋友,可能會撰寫出類似下面範例的程式碼: for(var...

2019-09-24 ‧ 由 Gary 分享
DAY 9

09. [JS] 什麼是閉包?

昨天我們聊到到了 JavaScript 中的事件迴圈,文中末段提到了透過 IIFE 的解決方法: for (var i = 1; i <= 5; i++...

2019-09-25 ‧ 由 Gary 分享
DAY 10

10. [JS] 一般函式與箭頭函式的差異?

旅程來到了第 10 天,這趟旅程真的有點硬啊...不過每天只要花一點點時間,就能讓逐漸讓自己變強,這樣的感覺是不是很棒呢? 今天的主題輕鬆一點,來看看 Jav...

2019-09-26 ‧ 由 Gary 分享