全部文章

10 年蹤跡的第 7 年

10 年蹤跡的第 6 年

徹底弄懂 prototype, __proto__, constructor, instanceof 的淵源

10 年蹤跡的第 5 年

React Server Components 是什麼？有什麼用？長啥樣子？

本文作為 Next.js 系列的第三篇（也是最後一篇），記錄了我從中發現的設計技巧，包括 API 設計、文檔設計、框架設計等，也分享給你

SSG 性能最佳，SSR 適用範圍最廣，CSR 跳轉體驗最優，非得在三者之間做出抉擇嗎？不，我全都要

完善的靜態渲染/服務端渲染支持讓 Next.js 在 React 生態中獨樹一幟

hydrate 是注水？那水又作何解釋？

React 組件是怎麼變成 HTML 字符串的？這些字符串是如何邊拼接邊流式發送的？hydrate 究竟做了什麼？看看源碼就知道了

React 提供的 SSR API 分為兩部分，一部分面向服務端，另一部分仍在客戶端執行

low-code 大旗之下，我正在做的低代碼平台該何去何從？

前後端分層之前很長的一段時間裡都是以服務端渲染為主（JSP、PHP），如今兜兜轉轉似乎又回到了起點

時機已到，SSR 落地開花

該不該上 SSR，上了有什麼好處？

假如 Web 當初不支持動態化，前端大軍又會趟出一條怎樣的動態化之路呢？

對於正在做或者將要做的工具平台，如何進一步提升其效能價值呢？

前端工程化通常意味著要造一系列的工具和平台，那麼這些基建工作的價值要如何衡量？是否存在通用的度量模型？

抓手是技術與業務的結合點？還是契機、切入點？

從面向对象的角度來看，前端工程是對象和對象間的關係及交互行為

從面向過程的角度來看，前端工程是貫穿前端應用生命周期的一系列工程設施，用來保障前端應用的開發體驗、質量和交付速度

React 17 要來了，非常特別的一版

一些時候 Write Once, Run Everywhere 只是美好願景

現如今的 low-code 是什麼？與 20 年前的 Dreamweaver 有什麼區別？

大要發揮大的優勢，所以定製化 IDE 在不同階段應有不同的價值體現

重重變化之中，什麼才是不變量？

10 年蹤跡的第 1 年

FaaS 加持下的前端開發模式會是怎樣的？

TC39、ECMAScript 與 JavaScript 有什麼關係？

比起 ES2019，ES2020 算是一波大更新了，動態 import、安全的鏈式操作、大整數支持……全都加入了豪華午餐

CSR、SSR、Prerendering、Rehydration 都是什麼意思？

與想盡辦法艱苦奮鬥了 6 年的 React Hot Loader 不同，Fast Refresh 出生在 React 大家族

Hot Reload 是怎麼做到的？

HMR 是什麼，有什麼用？

JSON 欄位提示和校驗是怎麼做到的？支援擴充嗎？

require 支持的這 4 種模塊到底是怎麼加載的？

C++ 擴展是什麼，怎麼寫，有什麼用？

每天都在用 Node.js，想過它是怎麼實現的嗎？

系統設計筆記系列（共 14 篇），已完結

require() 時發生了什麼？Node.js 內部是怎麼實現的？知道這些有什麼用？

理論上，在數據層之前的任意一層加緩存都能夠阻擋流量，減少最終抵達數據庫的操作請求

與其先範式化，遭遇性能瓶頸再進行反範式化，不如從一開始就考慮反範式設計——直接採用 NoSQL

對於關係型資料庫，有辦法進一步提升資料讀取性能嗎？

有了 Replication 機制，數據庫的擴展難題就順利解決了嗎？

從單庫擴展成多庫，至少要有一種數據更新同步機制，稱之為 Replication

如何理解 Service Mesh？

微服務架構負責拆分服務、解耦依賴關係，而 Service Discovery 用來解決這些服務間的通訊問題，讓一個微服務能夠找到另一個

反向代理為什麼叫「反向」代理？

理論上，在第 2~7 層中的任意��層都有機會變更終點，而常見的負載均衡機制多實現在第 4 層和第 7 層，這是為什麼呢？

CDN 是什麼？有什麼用？長什麼樣子？怎麼工作的？