1· diff算法是如何优化的
相对于老版本v2.0 的全量对比,新正式版本v3.0 diff算法新增了静态标记。每当视图更新时直接通过旧的节点查找到新生成的dom,新旧dom只对比进行带有标记的节点查看是否发生变化,进行节点替换;
2·hoisStatic 静态提升
v3 会将没有参与更新的节点作为Const常量保存并且只会创建一次,在下次更新节点时直接复用,以此提升渲染性能;
3·cacheHandlers 事件侦听缓存
与react 的 useCallback 类似。将动态绑定的事件 转化为一个内联函数 ,此dom节点变为一个静态节点,
也可以我们手动写 ()=> chlick() ,v3会默认开启缓存;
4 ·安装Vite
npm install -g creact-vite-app;
create-vite-app projeacName;
cd projectName;
npm i;