vue3.0 学习总结

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;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值