尤雨溪带来的vue3.0最新讯息

尤雨溪带来的vue3.0最新讯息_第1张图片


       201968日来自全球各地的开发者齐聚上海交通大学文治堂VueConf 2019 在上海成功举办。

    

VUE 3.0  最新进展


  更快


使用 Object.defineProperty -> Proxy    速度 提升了1


尤雨溪带来的vue3.0最新讯息_第2张图片


VUE3.0  将 Virtual DOM 重构   速度 提升 6


尤雨溪带来的vue3.0最新讯息_第3张图片


牛逼吧 !!! 

尤雨溪带来的vue3.0最新讯息_第4张图片


是如何做到的呢?


答案:尤大神说我们还可以做的更好,于是性能就提升了6倍


呸 !!! 我信你个鬼 你的糟老头子坏的很


我就知道你不信,所以,copy 了几个ppt的页面来圆一下


首先 说下 传统的Virtual DOM 的缺点


尤雨溪带来的vue3.0最新讯息_第5张图片


尤雨溪带来的vue3.0最新讯息_第6张图片

以上是  传统的Virtual DOM 进行 domdiff  的操作


可以看到 这里面只有 那个蓝色的 message 是可变的,其他的都是写死的,但是

传统的Virtual DOM 进行 domdiff  的操作,还是全部比较了一遍。造成性能的浪费


尤雨溪带来的vue3.0最新讯息_第7张图片


尤雨溪带来的vue3.0最新讯息_第8张图片

以上是 VUE3.0 重构 Virtual DOM 进行 的domdiff 操作


可以看到 这里只检查了 动态节点

正是,这样的 骚操作 让 VUE 性能提升6倍!!!

还有个 很牛逼的 形容词:


动静结合


Function-based API


国际惯例重要的事情 说三遍!!!!!


没有Class API  没有Class API 没有Class API 


尤雨溪带来的vue3.0最新讯息_第9张图片


什么你问 为什么没有Class API


尤雨溪带来的vue3.0最新讯息_第10张图片


简单明了,TS 相比 类 对 函数更友好,类型推导 更完善,组合优于继承


话说回来 不用 Class API 用啥!!!!!


Function-based API


哦哦哦哦,下面该吹(说)优点了吧


尤雨溪带来的vue3.0最新讯息_第11张图片


看第一条 我说的没错吧


同时还对比了 React 的 Hooks 和 高阶组件的优缺点


就这样没图了? 不过瘾?(你是不是 偷工减料啊)


不敢不敢 此部分略为高深



so 


准备了 尤大神的演讲视频

 


VUE3.0 的最新进展视频


尤雨溪演讲视频


     

蒋豪群 演讲视频



 

看明白的了吗?

 

VUE 是真的,6倍速度VUE,让你想一下


你说没看爽啊,还有。。。(伸手党),莫慌  


珠峰架构是2018 · VUECONF大会官方赞助商


尤雨溪带来的vue3.0最新讯息_第12张图片


为庆祝大会顺利召开,珠峰架构放出价值2888元VUE的全套视频+前端高级架构视频,供大家学习。


尤雨溪带来的vue3.0最新讯息_第13张图片

扫描二维码加 闪闪 好友 领取 哦


《珠峰前端高级架构课》得到了廖雪峰和阮一峰,一致认可。


尤雨溪带来的vue3.0最新讯息_第14张图片

尤雨溪带来的vue3.0最新讯息_第15张图片


珠峰架构金牌讲师  姜文老师 亲自录制


尤雨溪带来的vue3.0最新讯息_第16张图片

尤雨溪带来的vue3.0最新讯息_第17张图片


除了以上这些 


墙裂推荐 超火的 前端学习神器


前端荣耀



尤雨溪带来的vue3.0最新讯息_第18张图片



贴心的我再给你配上 配套的介绍 和 使用说明


前端神器的介绍 :点击进入


前端神器使用说明 : 点击进入

你可能感兴趣的:(尤雨溪带来的vue3.0最新讯息)