阅读笔记

青春何以不朽：从毛泽东的“三好”寄语看人生真谛 1953年6月30日，毛泽东在接见青年团二大代表时，出人意料地没有大谈革命理想，而是像长辈般叮嘱：“祝贺你们身体好、学习好、工作好。”这番朴实无华的话语

renderer(最常用的renderer--ReactDOM)工作的阶段被称为commit阶段, 将各种副作用commit到宿主环境UI中.

编译器用于将vuejs中的模板转为渲染函数, 其分为解析模板、生成模板AST、模板AST转换为JS AST、JS AST生成代码等流程

制约web应用程序“快速响应”的因素可以概括为CPU瓶颈和I/O瓶颈. 而React是一款重运行时框架, 无法从AOT获取更多优化.

书籍《vuejs设计与实现》-- 权衡的艺术 1.1 命令式和声明式 1.2 性能与可维护性的权衡 ......

渲染器是框架性能的核心. 其实现直接影响框架的性能. vuejs中很多功能依赖渲染器来实现. 如Template组件、Teleport、Suspense等组件...

基于渲染器的基础能力, 实现KeepAlive组件、Telepport组件、Transition组件等内置组件.

框架应该给用户提供哪些构建产物? 产物的模块格式如何? 当用户没有以预期方式使用框架时, 是否应该打印警告信息从而帮助用户快速定位问题? 开发版本的构建和生产版本的构建有何区别? ...

双端Diff算法从新旧子节点两端同时开始进行比较, 试图找到可复用的节点. 对于简单diff算法, 同样的更新场景下执行的dom移动操作次数更少.

解析器本质上是一个状态机. 与前面对模板进行标记化得到一系列token, 然后根据token构建模板AST的思路有所不同. parseChildren是整个解析器的核心.

编译优化指的是通过编译的手段提取关键信息, 并以此为指导生成最优代码的过程. 重点在于区分静态内容和动态内容, 只更新动态内容, 避免不必要的操作.

CSR、SSR以及同构渲染 同构渲染分为首次渲染以及非首次渲染. 首次渲染与SSR的工作流程一致, 即当首次访问或刷新页面时, 整个页面的内容是服务端完成渲染的

React设计原理第一章, 大概了解Svelte、Vue3、React三个前端框架之间的涉及到的技术.

vue3中采用Proxy实现响应式数据, 响应式数据与副作用函数之间如何进行关联? 实现中有哪些细节? 其与vuejs的渲染如何关联?

原始值指boolean、number、bigInt、string、symbol、undefined、null等类型的值. 通过一层包装实现代理

当新旧vnode的子节点都是一组节点时, 为了以最小的性能开销完成更新操作, 需要比较两组子节点, 用于比较的算法就是diff算法.

异步组件是指以异步的方式加载并渲染一个组件, 在代码分割、服务端下发组件等场景中尤为重要. 函数式组件允许用户使用一个普通函数定义组件, 返回值作为渲染内容. 其特点是无状态、 简单且直观.

vuejs的设计思路、工作机制及其重要组成部分(编译器、渲染器). 我们可以把这些组成部分当作独立的功能模块, 看看它们直接是如何相互配合的.

不同对象的同一属性, 其实际语义可能不尽相同, 需要针对情况做特殊的处理. 对特殊的对象, 需要详尽各种情况.

当编写比较复杂的页面时, 用来描述页面的虚拟dom也会越来越复杂.这时就需要组件化的能力, 将页面分拆分为多个部分.