iT邦幫忙

鐵人檔案

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

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

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

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

21. [FE] 用過 Webpack 之類的打包工具嗎?為什麼需要?

隨著網頁技術不斷翻新,前端需要處理的事也就越來越繁雜;在 2016 年有一篇當時很紅的文章,詼諧的故事除了是技術名詞科普之外,同時也諷刺了前端技術的瘋狂增長,...

2019-10-07 ‧ 由 Gary 分享
DAY 22

22. [FE] 為什麼跨域請求會產生錯誤?如何處理?

如果讀者您在開發、建置網站的過程中,有嘗試透過任何套件、框架,或是瀏覽器的 fetch、XHR 串接外部 API,相信對於「跨域請求」這個名詞一定不會陌生,更...

2019-10-08 ‧ 由 Gary 分享
DAY 23

23. [FE] 網頁的快取機制是怎麼運作的?

筆者在剛開始寫網頁時,總是會遇到改了檔案重新整理畫面卻沒更新,或是更新了一張圖檔到伺服器但網頁內容沒有更換等情況,使得現在按 Ctrl/CMD + R 時,小...

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

24. [BE] 請說明一下 npm 的套件管理機制。

在現代的網站中,使用他人開放原始碼的套件輔助開發已經是稀鬆平常的事情,無論是透過套件加速堆砌產品,或是在開發環境中加上協助工程師的各式工具,只需要稍加設定,一...

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

25. [BE] Node.js 與 JavaScript 的關係是什麼?

隨著 Node.js 的問世,前端開發者的觸角也逐漸蔓延到後端,甚至透過 Electron.js 這類強大的套件,也可以製作出完整的桌面 GUI 應用程式;藉...

2019-10-11 ‧ 由 Gary 分享
DAY 26

26. [BE] API 設計拿資料要透過 POST,會有什麼問題嗎?

現代的網站越來越多前後端分離的架構,透過 前端 MVC 框架 快速堆砌出 SPA,再透過 API 取得變動的資料也已經是開發者日常;而用來聯繫前後端的 API...

2019-10-12 ‧ 由 Gary 分享
DAY 27

27. [WEB] Cookie & Session 是什麼?

Cookie 和 Session 這兩個名詞,相信大部分的開發者都不會太陌生,特別是 Cookie,從社群網站、電商平台、Google Analytics 分...

2019-10-13 ‧ 由 Gary 分享
DAY 28

28. [WEB] HTTP 和 HTTPS 的差別是什麼?

相信大多數的讀者,對這個畫面應該都不陌生吧?當前最熱門的瀏覽器 Google Chrome 從 Chrome 69 開始,會在網站使用 HTTP 作為傳輸協定...

2019-10-14 ‧ 由 Gary 分享
DAY 29

29. [WEB] 網站常見的資安問題有哪些?

經過一番努力,精心打造的網站眼看就要部屬到正式環境了;但在網站對外之前,你有先仔細思考過你的網站安不安全嗎?在本系列文前面的旅程中,我們討論了許多語言特性、效...

2019-10-15 ‧ 由 Gary 分享
DAY 30

30. [WEB] 從輸入網址列到渲染畫面,過程經歷了什麼事情?

相信讀者您在生活中,多少都會有搜尋、瀏覽網頁的經驗吧?輸入網址、而身為網頁製造者的前端工程師,你真的知道你寫出來的網頁在部屬之後,是怎麼從網址變成頁面,進而顯...

2019-10-16 ‧ 由 Gary 分享