没事写点啥

1. 能减少不必要的DOM操作 例如添加你需要添加1000个DOM元素，你可能会一个接一个的添加。而虚拟DOM就可以将所有添加操作合并为一次。 2. 减少操作的范围 虚拟DOM可以借助DOM diff把多余的操作省掉，比如你添加1000个节点，其实只有10个新增的。 3. 跨平…

TreeShaking会将没有使用的依赖自动删除（从依赖树上摇下来），这也是为了减少不必要的开销。 在页面中检查元素会看到：页面中引入了SVG标签。 那难道每次使用都要console.log(x)一下吗。可以使用require来引入，require不支持TreeShaking。

监听多个属性的变化需要将属性作为数组传入第二个参数。 实现componentDidUpdate。 使用一个变量count变量来保证在第一次执行的时候不做操作。 封装之后就可以向调用React.useEffect一样使用，不过它不支持多个属性。 如果将代码改为这样就可以接受多个参…

每次使用setState更新属性值,都会再次执行函数组件，并将函数返回的虚拟DOM与虚拟DOM树进行一个DOM Diff的操作。 那么React。useState(0)在每次函数组件执行的时候都会调用，而得到却并非是初始值0。也就是说相同的代码在不同次数执行的时候得到的值是不一…

你的想当然不一定是对的，让我们通过代码来思考一下。页面提供了两个按钮，一个是将n+1一个是在三秒钟之后打印出n的值。 结果符合我们的正常思维。在三秒钟之后n=1 当我们点击log的时候会得到一个旧的n我将它称为oldN,定时器会引用这个oldN，点击n+1之后setState(…

配置完成之后没有显示svg，那么你可能应该重启一下你的服务器。

在vue中使用动画需要使用标签包裹起来。 指定动画的模式： in-out/out-in。 指定动画的名称，对应过渡的类名。 v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active：定义进入过渡生效时的状态。在整…

路由就是分发请求的对象，前端路由主要是通过url的变化来渲染不同的内容，路由可以分为三种模式：hash、history、memory。 hash模式在任何情况下都能使用，但是hash对SEO不友好。 跟在#号后面的所有字符都不会请求到服务器上，也就是说不论你访问baidu.co…

但是input发生变化的时候，数据根着变化。当数据发生变化的时候，input发生变化。