React 组件性能优化最佳实践 React 组件性能优化的核心是减少渲染真实 DOM 节点的频率，减少 Virtual DOM 比对的频率。 1. 组件卸载前进行清理操作 ...
发简信
IP属地：浙江
-
React 组件性能优化
-
UIStackViewUIStackView 可以方便地创建竖直或水平的布局，自动管理大部分约束。更重要的是 ，UIStackView 支待嵌套 ，这种灵活的方式可以创建出非常好看的界面。 打开 ...
-
（六）Vue-模板编译和组件化模板编译 模板编译的主要目的是将模板 (template) 转换为渲染函数 (render) vue-template-explorerVue 2.6 把模板编译成 rend...
-
（五）Vue-响应式原理
响应式 响应式处理的入口 src\core\instance\init.js initState(vm) vm 状态的初始化 初始化了 _data、_props、method...
-
（四）Vue-渲染过程Vue 的不同构建版本 完整版：同时包含编译器和运行时的版本。编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码，体积大、效率低。运行时：用来创建 Vue...
-
（三）Vue-Snabbdom虚拟 DOM 的作用 维护视图和状态的关系 复杂视图情况下提升渲染性能 跨平台• 浏览器平台渲染DOM• 服务端渲染 SSR(Nuxt.js/Next.js)• 原生应用(W...
-
（二）Vue-模拟实现响应式数据驱动 数据响应式、双向绑定、数据驱动 数据响应式数据模型仅仅是普通的 JavaScript 对象，而当我们修改数据时，视图会进行更新，避免了繁琐的 DOM 操作，提高开发...
-
手写SyncHook&AsyncParallelHook
Hook 基类，负责通用方法实现 HookCodeFactory & SyncHookHookCodeFactory 代码构建SyncHook 子类 HookCodeFact...
-
校验工具（ESLint、Stylelint）一、ESLint基础 二、ESLint配置文件 三、ESLint 配置注释 eslint-disable-line标识不处理ESLint规则[http://eslint.cn...
-
webpack基础使用(五)十六、加载构建优化 懒加载 预获取 & 预读取 与 prefetch 指令相比，preload 指令有许多不同之处： preload chunk 会在父 chunk 加载时...
-
webpack基础使用(四)
十四、ts ts-loader帮助我们处理ts文件， 编译的时候就可以处理语法错误。 preset-typescript，支持polyfill填充，进行语法转化。但是不能再编...
-
webpack基础使用(三)
九、自动刷新 使用watch + live server 不足1.所有源代码都会重新编译2.每次编译成功之后都需要进行文件读写3.live server是vscode的工具4...
-
webpack基础使用(二)
五、处理图片 file-loader 通过src使用图片, 有三种方式 通过url使用图片，注意要关闭 css-loader转为esModule的功能。 设置文件名称输出 常...
-
webpack基础使用(一)
为现代JavaScript应用提供静态模块打包 Webpack 功能 打包：将不同类型资源按模块处理进行打包 静态：打包后最终产出静态资源 模块：webpack支持不同规范的...