小小前端的生存筆記 ver.2025
2025 年了，AI 崛起，無疑給軟體業帶來了重大的變革，web 開發更是首當其衝。
最近真的實際玩過了 Cursor AI，對它短時間能產出一份還不錯的網頁能力大受震撼。不禁思考，在 AI 浪潮下，前端開發者該如何應對？
但在探討那麼深遠的問題前，總覺得還是要先講一下我眼中的前端知識與感觸。
因為自己當初是 Alpha Camp 轉職出來的，所以自己也懂剛要入行 web 開發時那份擔憂又期待的心情。
尤其 AI 浪潮下，對那些預備入行的前端工程師來說入行門檻變很高了，希望我眼中的前端知識能對你們能有所幫助；已經在職的前端朋朋或前輩們，我們就當交流了。
所有文章
📄️ Day01 - Web 骨架的樑與柱
說到骨架都會想到原神裡稻妻那隻蛇神奧羅巴斯的超巨大蛇骨架 (x)。
📄️ Day02 - 誒逗，怎麼壓不過它的樣式呢？
前一篇提到說，現代 web 開發幾乎都會使用 UI framework 來加速開發，說真的，除非有特別設計，不然現今的 UI framework 普遍真的做得挺美觀的 (但某 B 開頭的那個真的一眼就看出來了)。
📄️ Day03 - CSS 的「相對」概念
今天不會有 code，喔耶！
📄️ Day04 - 大家都在說的變數作用域和提升到底說了什麼故事？
關於 Javascript 的變數宣告與變數作用域其實也是個老生常談的問題。基本上面試裡總是喜歡塞個幾題考考變數的概念。
📄️ Day05 - 咻！飛過去的是 arrow function 還是 function？
函式 (function)，其他語言會稱為 method。
📄️ Day06 - 到底為何這麼愛考 bind, call, apply？
如題，我想不透為什麼這麼愛考 bind, call, apply。
📄️ Day07 - 老哥！這批函式很純！
JavaScript 另一個常被問的問題是：
📄️ Day08 - 面試很愛考的閉包 (Closure) 到底是怎麼一回事？
其實我第一次接觸閉包 (Closure) 這個概念其實並不是在 JavaScript，而是那個時候被當時任職公司要求學 Flutter 時在 Dart 裡碰到的。
📄️ Day09 - Call by Value or Call by Reference?
「Call by value」跟「Call by reference」一詞之差，概念卻差了十萬八千里。
📄️ Day10 - 又不是寫文章，為什麼 JS 也有「!」跟「?」呢？
如題，又不是寫文章，為什麼 Javascript 裡到處都是 ! 跟 ?？
📄️ Day11 - needTypeCheck ? TypeScript : JavaScript
前面那篇一不小心提到了一些關於 TypeScript、關於型別的問題，本來 TypeScript 是想放到後面再來聊聊的，但想想還是先拿出來講好了。
📄️ Day12 - 事件捕獲與冒泡其實是一個青春戀愛物語
這個概念其實沒那麼難~
📄️ Day13 - JS 的原型鍊又在說什麼故事？
Javascript 有一個每本書都會提到，但面試時考出來機會偏低的基本概念，那就是原型鍊（Prototype Chain）。
📄️ Day14 - JS 的辛亥革命：非同步的崛起
非同步一直是 JavaScript 相關文章很愛討論、考試也超多衍伸題的一個話題。
📄️ Day15 - Waiter! 然後 API 端上了一盤 response
前一篇講到非同步在 JS 的歷史崛起，今天這篇就來講講非同步在前端最廣泛的應用 - 串接 api。
📄️ Day16 - 404 Not Found!
為什麼不把 api 的 status code 跟昨天的 api 文章合在一起呢？
📄️ Day17 - 前端資料操作的眉眉角角
這是一個有點嚴肅的話題 (並沒有)。
📄️ Day18 - SSR！出金啦！
SPA 是去海島國家飯店的必備享受。
📄️ Day19 - 驚現蟲蟲危機！關於前端日常 Debug
對於前端工程師而言，日常除了開發之外，處理各式各樣的 bug 也是重要業務一部分。
📄️ Day20 - 一直問我有沒有寫過測試！測試真的很重要嗎？
Junior 面試很常被問的一題是：「你有沒有寫過測試？」
📄️ Day21 - React & Vue，慣壞前端的框架們
開篇就要先道歉 XD
📄️ Day22 - 網頁卡卡的怎麼辦？
網路效能一向是前端開發中很重要的一個議題。
📄️ Day23 - 我是軟體工程師，我也要當駭客！
應該都有看過那種電影，身為超級駭客的主角在鍵盤上批哩啪啦一陣輸出，然後螢幕上就出現入侵的進度條。
📄️ Day24 - 網路身分證：JWT 與 session
前一篇提到 CSRF 的意思是攻擊者竊取受害者的身份後，冒充受害者對網站發出請求。
📄️ Day25 - 面試問我開發環境以及流程耶~ 我該怎麼回答？
這個議題其實可以在拆成三個常見的問題：
📄️ Day26 - 讓我們一起複習網路知識吧~
網路知識是前後端入門必學的一個章節，有時面試也會考。
📄️ Day27 - 我們需要乾淨的 code
乾淨，這個詞可以代表的事情太多。
📄️ Day28 - 來聊聊前端面試流程
鐵人賽快結束了，倒數第三天想跟大家分享一下我遇過、或是朋友分享過的前端面試流程。
📄️ Day29 - 誒，AI，它對前端有什麼衝擊？
大家都知道，大概從 2023 年開始，AI 的話題開始充斥在日常生活中。
📄️ Day30 - So, what is Frontend Engineer?
用一篇文章為這次系列文收尾，我決定聊聊我眼中的前端工程師。