react之所以可以快速更新dom，在于react可以对比虚拟dom，找到差异后，只更新改变的部分。diff算法有很多，比如DFS算法O(n^3) >cito.js >kivi.jsO(n^2)对于react，FB通过大胆的策略，满足了大多数的性能最大化，将O(n3)复杂度的问题成功的转换成了O(n),并且后面对于同级节点移动，牺牲一定的DOM操作，算法的复杂度也才打到...

很久没有写vue的项目，近期加入了教育疫情项目的开发，重新启用vue，这里就vue代码自动修复环境的安装，以及可能遇到的vscode安装的插件：ESlint, Vetur,eslint-plugin-html (全局安装){"window.zoomLevel": 0,"terminal.integrated.rendererType": "dom","ed...

很久没有写vue的项目，近期加入了教育疫情项目的开发，重新启用vue，这里就vue代码自动修复环境的安装，以及可能遇到的vscode安装的插件：ESlint, Vetur,eslint-plugin-html (全局安装){"window.zoomLevel": 0,"terminal.integrated.rendererType": "dom","ed...

这是一个用来提升内部属性上的方法或者属性的包，换句话说就是把对象内部的属性暴露到根属性上。原理：通过原型链继承达到效果APIDelegate(proto, prop)用于创建一个 delegator 实例，用于把 proto 接收到的一些操作委托给它的 prop 属性进行处理。Delegate.auto(proto, targetProto, targetProp)根据 t...

loader在webpack打包流程中，有着比较重要的地位，很多资源类型需要经过loader的转化改变成浏览器能够识别的资源类型。1，loader的本质是一个node模块，它输出了一个函数，当某个资源需要用这个loader转换时，该函数就会被调用。形式如下：module.exports= function(src){//可以通过 this 访问Loader API//...

前端开发不像后端那样，很少出现有大量算法的场景，但是前端性能也是需要优化的。好的代码是保证网页平稳高性能运行的基础，结合以往开发中遇到的场景，本文对前端网页卡顿的原因进行了梳理和分析，并给出了对应的解决方法。前端页面卡顿的原因有很多，从渲染机制和运行上可以分为两大类，分别是：渲染不及时，页面掉帧网页内存占用过高，运行卡顿两种类型又可细分如下：渲染不及时，页面掉帧长时间占用js线程 页面回流和重绘较