Skip to content

Search K

Main Navigation前端后端 AI

Appearance

Sidebar Navigation

设计理念

前端设计理念

基础

pnpm 与工程配置

词法 / 语法与 AST 管线

V8 源码深度解析

概述

核心架构：Isolate、Context 与句柄

编译与执行分层：Ignition / Sparkplug / Maglev / Turbofan

堆布局与垃圾回收

写屏障、Remembered Set 与并发标记

Chrome 集成、内存压力与嵌入 API

优化与安全：指针压缩、Sandbox、快照等

关键设计决策与依据

常见问题

浏览器渲染管线与 V8 协作

事件循环、微任务与其他运行时设计

JavaScript 引擎横向对比

Chrome / Chromium 架构

核心架构概述

Content 与 Chrome 分层

Site Isolation 与 SiteInstance

Mojo 与服务化

Blink 与渲染主路径

cc 合成器、CompositorFrame 与 viz

线程、Sequence 与任务调度

沙箱与安全模型

Network Service 与资源获取

性能与工程优化手段

关键设计决策、依据与思考题

页面是如何渲染的（从导航到像素）

FrameTree、BFCache、viz 角色及其他设计

浏览器内核横向对比（Blink / Gecko / WebKit）

Chromium docs/ 官方文档精读提要

前端编译流程

Taro

概述

核心架构概述

编译管线与 Runner

小程序模板与 Runtime

框架层与 Reconciler

CSS 与样式转换

性能优化

与 uni-app 等横向对比

关键设计决策

常见问题

CSS 与 JS 转化引擎设计

React Native

概述

仓库与架构总览

New Architecture 详解

事件循环与调度模型

多平台编译与兼容机制

工程化管理

Codegen 与 Autolinking

Hermes 与 JS 引擎策略

关键设计决策与依据

性能优化手段

高频思考题

设计模式（React）

策略模式

适配器模式

单例模式

发布 / 订阅模式

代理模式

提供者模式

Diff 算法

概述

Myers 差分算法（图搜索视角）

Myers 差分的线性空间版本

diff3 与三路合并

框架

React

概述

核心架构概述

Fiber架构详解

Reconciliation算法

Hooks实现机制

Scheduler调度器

Suspense和ConcurrentRendering

ReactServerComponents

关键设计决策

常见问题

Univer

概述

核心架构概述

插件架构详解

渲染引擎

公式引擎

命令系统和UndoRedo

数据模型架构

协同编辑

同构架构

关键设计决策

常见问题

xyflow

概述

核心架构概述

状态管理详解

渲染机制详解

交互系统详解

性能优化策略

System核心系统

v12重构分析

关键设计决策

常见问题

Formily

概述

仓库与整体架构总览

reactive-响应式内核

core-表单领域模型

path-系统与-query-机制

联动系统-effects-reactions

json-schema-编译与协议扩展

react-绑定层与渲染策略

性能设计与工程化权衡

关键设计决策与issue-pr依据

高频问答与参考回答

源码证据摘录与解读

Plate

概述

仓库与技术栈总览

插件系统内核

Editor模型与api-tf分层

React绑定与渲染层分离

序列化反序列化与安全边界

协同编辑Yjs设计

AI能力层设计

性能工程与构建演进

关键设计决策

高频思考题

Slate

概述

架构总览与包分层

核心数据模型与Operation系统

Transforms与Normalization机制

Selection与PathRange映射机制

slate-react事件管线与输入法兼容

slate-history撤销重做与批处理策略

性能优化Selector与Chunking

关键设计决策与Issue证据

高频问答与回答框架

Tiptap

概述

整体架构与包分层

编辑器生命周期与事务管线

扩展系统设计

命令系统与链式API

React集成与性能优化

协同编辑与一致性策略

Markdown引擎与序列化策略

高级特性案例研究

设计决策与证据

问题与参考答案

Qiankun

概述

核心架构概述

Monorepo 包职责与数据流

流式 Loader、Head 虚拟化与 writable-dom

沙箱：Membrane、Compartment 与 DOM 补丁

资源转译、Blob 执行与依赖共享

single-spa 集成、loadApp 与 loadMicroApp

性能优化与预取策略

关键设计决策、依据与技术债

常见问题

状态管理

Zustand

概述

核心架构概述

VanillaStore实现详解

React集成机制

中间件系统

状态更新和合并机制

并发渲染和僵尸子组件问题

性能优化策略

关键设计决策

常见问题

Redux

概述

核心架构概述

Store实现机制详解

Reducer和combineReducers

Middleware机制深度解析

Action和ActionCreator

订阅机制和状态更新

类型系统设计

关键设计决策和最佳实践

常见问题

MobX

概述

核心架构概述

依赖追踪机制

状态传播与批处理

ComputedValue懒计算

Reaction副作用机制

Observable类型实现

Action机制

React集成

性能优化

关键设计决策

常见问题

Pinia

概述

核心架构概述

Store实现机制

响应式系统与状态管理

类型系统设计

插件系统

SSR支持

Devtools集成

关键设计决策

常见问题

Table of Contents for current page

前端

设计理念

前端设计理念

框架

React
Univer

Last updated:

Next page前端设计理念

MIT License.

前端 ​

设计理念 ​

框架 ​

前端

设计理念

框架