NidusP

我们在使用vuex的时候，mutation和action这两个方法非常接近，今天讲一下两个方法的特色和差异...

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

Reconciler工作的阶段在React内部被称为render阶段. ClassComponent的render函数、FunctionComponent本身都在该阶段调用...

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

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

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

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

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

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

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

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

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

判断两个对象的实例是否是同一个 ==和identical的区别，以及operator的使用方法。。。...

前言 大文件上传下载一直以来是前端常用且常考的热门话题。本文将分别介绍大文件上传/下载的思路和前端实现代码。 上传 整体流程 对文件做切片，选择文件后，对获取到的file对...

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

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