寫 Vue 的時候，我們很習慣這樣做： state.count++ 改完資料，畫面上的數字就跟著變了。我們沒有呼叫任何「更新畫面」的函式，Vue 卻知道資料被改了。 它到底是怎麼知道的？ 這個問題的...
今天我們要來認識這個專案會用到的工具，包含主要設計畫面的 Vue 和建置工具 Vite。 以下內容有參閱 Vue.js 和 Vite 的官方文件：Vue.js、Why Vite，想要詳細了解的人可以點...
從 Application Timing 到 Runtime Attribution，確認改善到底發生在哪一層？ 昨天完成 composable-chaos 的 Vue 3.5.40 Baseli...
前言 昨天聊到Vue他是一個Framework它可以小到像JQuery一樣在HTML裡面就能跑，但使用上更方便，大也可以撐起整個正式專案的重責大任。 備註：不過兩者雖然用起來一樣輕巧，思考方式卻很不...
在前端開發中，JSON.parse(JSON.stringify(obj)) 常被用來實現簡單的深拷貝。然而，這套「組合拳」在 TypeScript 環境下究竟是如何被推導的？解析後的資料又該如何維持...
Composable Chaos Baseline：Depth 變深之後，Cost 到底增加在哪裡？ 昨天完成 composable-chaos Scenario，今天固定使用 Vue 3.5.4...
Vue 是為了取代什麼誕生的？ 很多人以為 Vue 是為了「取代」某個工具而出現的，但其實不太是這樣。 Vue的作者尤雨溪以前在Google Creative Lab工作，常常需要快速做出網頁原型。...
評比：誰比較厲害？ 簡單來說：技術上各有千秋，沒有絕對的勝負，但「演進方向」正逐漸趨同。 Vue 3 (Proxy 響應式)：【開發直覺度勝】 憑藉自動依賴收集（Dependency Trac...
在現代前端開發中，「狀態（State）」是驅動 UI 變更的核心。當狀態改變時，框架如何得知？又是如何決定哪一部份的 DOM 需要更新？ React 的 useState 採用了 不可變資料（Immu...
從 Render Duration 到 Framework Attribution，如何判斷效能改善來自哪一層？ Day 18 做完 VDOM Stress Test 的初步觀察後，我們知道 大量...