系列文章
21. [FE] 用過 Webpack 之類的打包工具嗎？為什麼需要？
隨著網頁技術不斷翻新，前端需要處理的事也就越來越繁雜；在 2016 年有一篇當時很紅的文章，詼諧的故事除了是技術名詞科普之外，同時也諷刺了前端技術的瘋狂增長，...
22. [FE] 為什麼跨域請求會產生錯誤？如何處理？
如果讀者您在開發、建置網站的過程中，有嘗試透過任何套件、框架，或是瀏覽器的 fetch、XHR 串接外部 API，相信對於「跨域請求」這個名詞一定不會陌生，更...
23. [FE] 網頁的快取機制是怎麼運作的？
筆者在剛開始寫網頁時，總是會遇到改了檔案重新整理畫面卻沒更新，或是更新了一張圖檔到伺服器但網頁內容沒有更換等情況，使得現在按 Ctrl/CMD + R 時，小...
24. [BE] 請說明一下 npm 的套件管理機制。
在現代的網站中，使用他人開放原始碼的套件輔助開發已經是稀鬆平常的事情，無論是透過套件加速堆砌產品，或是在開發環境中加上協助工程師的各式工具，只需要稍加設定，一...
25. [BE] Node.js 與 JavaScript 的關係是什麼？
隨著 Node.js 的問世，前端開發者的觸角也逐漸蔓延到後端，甚至透過 Electron.js 這類強大的套件，也可以製作出完整的桌面 GUI 應用程式；藉...
26. [BE] API 設計拿資料要透過 POST，會有什麼問題嗎？
現代的網站越來越多前後端分離的架構，透過 前端 MVC 框架 快速堆砌出 SPA，再透過 API 取得變動的資料也已經是開發者日常；而用來聯繫前後端的 API...
27. [WEB] Cookie & Session 是什麼？
Cookie 和 Session 這兩個名詞，相信大部分的開發者都不會太陌生，特別是 Cookie，從社群網站、電商平台、Google Analytics 分...
28. [WEB] HTTP 和 HTTPS 的差別是什麼？
相信大多數的讀者，對這個畫面應該都不陌生吧？當前最熱門的瀏覽器 Google Chrome 從 Chrome 69 開始，會在網站使用 HTTP 作為傳輸協定...
29. [WEB] 網站常見的資安問題有哪些？
經過一番努力，精心打造的網站眼看就要部屬到正式環境了；但在網站對外之前，你有先仔細思考過你的網站安不安全嗎？在本系列文前面的旅程中，我們討論了許多語言特性、效...
30. [WEB] 從輸入網址列到渲染畫面，過程經歷了什麼事情？
相信讀者您在生活中，多少都會有搜尋、瀏覽網頁的經驗吧？輸入網址、而身為網頁製造者的前端工程師，你真的知道你寫出來的網頁在部屬之後，是怎麼從網址變成頁面，進而顯...