Vue.js(轻量级Javascript框架) V3.0 官方版
Vue.js 3.0加强了TypeScript的支持,加强API设计一致性,同时提高自身的可维护性,开房了更多底层功能,是目前非常热门的框架之一。Vue.js 3.0的新特性、新优化、新功能,能够帮您大大提升工作效率。
开发背景
2013年末,作者还在Google Creative Lab工作。当时在项目中使用了一段时间的Angular,在感叹数据绑定带来生产力提升的同时,也感到Angular的API设计过于繁琐,使得学习曲线颇为陡峭。出于对Angular数据绑定原理的好奇,作者开始 “造轮子”,自己实现了一个非常粗糙的、基于依赖收集的数据绑定库。这就是Vue.js的前身。同时在实际开发中,作者发现用户界面完全可以用嵌套的组件树来描述,而一个组件恰恰可以对应MVVM中的ViewModel。于是作者决定将我的数据绑定实验改进成一个真正的开源项目,其核心思想便是 “数据驱动的组件系统”。
Vue新特性
1、压缩包体积更小
当前最小化并被压缩的 Vue 运行时大小约为 20kB(2.6.10 版为 22.8kB)。Vue 3.0捆绑包的大小大约会减少一半,即只有10kB!
2、Object.defineProperty -》 Proxy
Object.defineProperty是一个相对比较昂贵的操作,因为它直接操作对象的属性,颗粒度比较小。将它替换为es6的Proxy,在目标对象之上架了一层拦截,代理的是对象而不是对象的属性。这样可以将原本对对象属性的操作变为对整个对象的操作,颗粒度变大。
Javascript引擎在解析的时候希望对象的结构越稳定越好,如果对象一直在变,可优化性降低,proxy不需要对原始对象做太多操作。
3、Virtual DOM 重构
vdom的本质是一个抽象层,用Javascript描述界面渲染成什么样子。react用jsx,没办法检测出可以优化的动态代码,所以做时间分片,vue中足够快的话可以不用时间分片。
传统vdom的性能瓶颈:
虽然 Vue 能够保证触发更新的组件最小化,但在单个组件内部依然需要遍历该组件的整个 vdom 树。
传统 vdom 的性能跟模版大小正相关,跟动态节点的数量无关。在一些组件整个模版内只有少量动态节点的情况下,这些遍历都是性能的浪费。
JSX 和手写的 render function 是完全动态的,过度的灵活性导致运行时可以用于优化的信息不足
下载地址
热门软件
Office Tool Plus免安装版 V8.2.3.2 绿色免费版
暴雪战网 V2.1.1.12915 官方安装版
阿里旺旺客户端 V9.12.11 官方最新版
腾讯TIM V3.3.5.22018 精简版
微信 V3.2.1.44 官方纯净版
腾讯会议 V2.12.3.408 官方安装版
WeTool(微信管理软件) V4.0.8.0 绿色版
YY语音 V8.69.0.3 官方版
微信客户端 V3.2.1.100 beta版
Microsoft Store(微软应用商店) V22106.1401.2.0 Win11新版
装机必备 更多+
电脑软件专题 更多+