前端三十｜18. [FE] 為什麼網站要做成 SPA？SSR 的優點是什麼？

稍有經驗的開發者，可能對最近 SPA，SSR 等術語不太陌生，大概也能知道 SPA 指的是單頁式應用（Single Page Application）、SSR…

前端三十｜23. [FE] 網頁的快取機制是怎麼運作的？

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

前端三十｜29. [WEB] 網站常見的資安問題有哪些？

在本系列文前面的旅程中，我們討論了許多語言特性、效能優化、技術選型，但如果網站的安全性不足，無法正確保護網站使用者的資料、甚至成為惡意程式的寄生處，…

前端三十｜27. [WEB] Cookie & Session 是什麼？

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

前端三十｜22. [FE] 為什麼跨域請求會產生錯誤？如何處理？

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

前端三十｜15. [JS] 什麼是原型鏈？

今天是鐵人賽的第十五天，旅程進行到了一半，而本系列文 JavaScript 的部分也即將告一段落。經過了連續三天型別相關的內容，今天也將接續下去，跟大家聊聊許多開發者時常搞不清楚的「物件原型」及「原型鏈」。

前端三十｜30. [WEB] 從輸入網址列到渲染畫面，過程經歷了什麼事情？

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

前端三十｜25. [BE] Node.js 與 JavaScript 的關係是什麼？

隨著 Node.js 的問世，前端開發者的觸角也逐漸蔓延到後端；藉由 Node.js，前端開發者得以使用較為熟悉的…