跳至主要內容
KOH NEWS

出版第 345 號

今日電稿

框架「必須存在」的理由正被平臺拿走?掘金長文梳理2026年瀏覽器原生能力對前端函式庫的替代輪廓

科技 深度報導 刊登 (台北時間) 閱讀約 5 分鐘

掘金作者濤濤ing於2026年10月17日刊文,主張CSS if()、跨文件視圖過渡與Navigation API等瀏覽器原生能力正在取代路由庫、動畫庫與狀態管理庫的部分職能,本臺整理其論點與可核實邊界。

掘金作者「濤濤ing」於2026年10月17日刊出長文,標題直指2026年前端圈的一個現象:開發者花多年精通的路由庫、動畫庫與狀態管理庫,部分職能已可由瀏覽器原生API承擔。該文閱讀量標示為104次、閱讀時長約8分鐘,屬個人技術論述,本臺以下整理其可核實的論點與數據,並標明訊源邊界。

論點主軸:平臺能力逐一接管函式庫職能

作者的核心主張是:框架仍存在,但框架「必須存在」的理由,正被瀏覽器平臺一項一項拿走。文中所列的技術依據集中在三個層面:CSS的條件邏輯能力、跨文件視圖過渡,以及Navigation API對路由工程的收斂。

這類「原生能力取代npm依賴」的論述在技術社羣並非首次出現。本臺先前整理過的2026年可從專案刪掉五個npm包的掘金長文論點,同樣以瀏覽器原生Signals與Temporal API等能力為基礎主張精簡依賴,兩文可互為對照。

CSS:從樣式表走向具備邏輯

文中指出,CSS Values 5引入的 if() 函數允許將條件分支直接寫進屬性值。條件可以是 style()(讀取自訂屬性)、media()(媒體查詢)與 supports()(特性檢測),並支援 and、or、not 組合,分支按順序求值,由 else 兜底。作者同時提醒一項工程紀律:舊瀏覽器會把整條宣告視為無效而丟棄,回退宣告必須寫在前面。

跨文件視圖過渡(Cross-Document View Transitions)被作者視為2026年的「真正變數」。文中稱,同文件的View Transitions早在2025年10月即達到Baseline Newly Available,而跨文件版本讓傳統多頁應用(MPA)只需在頁面加上 @view-transition { navigation: auto; } 一行宣告,普通的 a 標籤跳轉即可獲得交叉淡入與元素形變過渡,無需JavaScript與框架。作者引述的覆蓋率數據為:View Transitions與滾動驅動動畫在Chrome、Firefox、Safari的合計覆蓋率已超過95%,大量過去依賴GSAP或Framer Motion的場景可改用幾條CSS完成。此數據出自原文引述,本臺未另行查證各瀏覽器版本細節。

文末另列舉多項作者稱為「刪庫級」的CSS更新:text-box裁掉line-height留下的字體空隙、shape()提供可動畫的clip-path繪製語法、sibling-index()與sibling-count()讓樣式直接讀取兄弟元素序號、field-sizing: content讓textarea隨內容自動長高、scrollbar-color與scrollbar-width進入標準,以及@starting-style搭配transition-behavior: allow-discrete解決元素首次出場與display過渡的歷史問題。

文章稱,Navigation API於2026年1月達到Baseline Newly Available,Chrome 102以上、Edge 102以上、Firefox 147與Safari 26.2均予支援。作者描述的對照是:過去以History API實作SPA路由,需全域監聽a標籤點擊、手動呼叫pushState、單獨監聽popstate,還要處理表單提交、中鍵點擊與跨源連結等邊緣情況,任何遺漏都會產生路由缺陷;Navigation API將這些流程收斂至單一 navigate 事件,SPA路由工程可刪去約半數程式碼。

訊源邊界

該文屬個人技術長文,未附官方規格文件連結或實測數據截圖。文中對瀏覽器版本支援、覆蓋率與Vite 8.1啟動速度「快15倍」等數字,均為作者單方引述,本臺無法逐一核實。就方法論而言,此類論述與先前流傳的「前端已死」討論有相近之處,本臺曾整理過掘金長文主張AI重構各行業工作單位一文,該文同樣以單一職業的消長為切入,延伸至工作方式的重構。

從可確認的事實看,View Transitions、Navigation API與CSS if()等規格確實處於瀏覽器廠商推進時程之中,具體的Baseline達成日期與各瀏覽器版本號,讀者可至MDN與web.dev等官方文件查證。至於「框架被架空」的判斷,屬作者個人觀點,框架在元件化、狀態管理與生態整合上的角色是否因此動搖,文中未提供量化的採用率或遷移數據佐證。

標籤

#前端技術#瀏覽器原生api#掘金

回到即時新聞