微软Typescript团队和VS Code团队亲自给Vue开发插件,下一个版本的Vue 2.4将由微软提供支持Vue使用Typescript,之前为VS Code写vue扩展插件的人已入职微软VS Code团队
讲师 | 尤雨溪
速记 | kalasoo
5 月 20 日,在全球首届 VueConf 上,Vue.js 作者尤雨溪介绍了 Vue.js 2017 的现状,并对 Vue 的未来做了展望。本文是对此次演讲的回顾。获取更多Vue相关内容,请关注前端之巅公众号并回复“Vue”。
视频回顾

建议视频和下文的 PPT 及速记结合观看。

class="video_iframe" data-vidtype="1" allowfullscreen frameborder="0" height="417" width="556" scrolling="no" data-src="https://v.qq.com/iframe/preview.html?vid=s0506yc3u0e&width=500&height=375&auto=0">

一、Vue 的起源
  • 2013 年 6 月:First Commit (Seed)

  • 2013 年 12 月:第一次将项目名字 Vue

  • 2014 年 2 月:第一次公开发布 Hacker News

  • 2014 年 11 月:0.11 版本(重写)

  • 2015 年 4 月:Laravel 社区作者开始使用并宣传

  • 2015 年 10 月:Vue.js 1.0 发布

  • 2016 年 10 月:Vue.js 2.0 发布(重写 & 一定的向后兼容)

二、Vue 的定位
 早期定位

Just a View Layer Library

最早只想解决一些视图层的问题,并没有完全服务于大型业务的功能。但是随着 Vue 的发展开始增加辅助工具,例如 vue-router, vue-loader, vuex

 进化后的定位

The Progress Framework

不需要完全的全家桶,而是可以渐进式的根据需求一点点增加业务复杂度。这样易于上手,也可以更快的应用在老业务上,比侵入式框架易于上手。

三、Vue 的现状
  • GitHub 超过 53,986 个 Star 数,已经是历史的 Top 10

  • 每月 55 万 + 次 NPM 下载(不算阿里爸爸 CNPM 镜像)

  • Chrome DevTool 插件 17.4 万日活

  • 国内用户:

  • 314 Contributors

  • 社区化的开源产品:NUXT.js,Quasar Framework(Ionic),Element,iView,Muse-UI,Vux,Vuetify,Vue Material

  • 与阿里合作的 Weex

  • Microsoft Build TypeScipt 老大作者 Anders Hejlsberg 在 Demo 中 Vue + VSCode 中可以推倒

  • Google I/O Addy Osmani 介绍 Vue + PWA

Vue 2.3
 服务端渲染改进 ssr.vuejs.org

在存在代码分割的情况下,通过分析 Webpack 服务端和客户端的构建信息,自动推导需要在客户端预加载的文件,生成最优的 <script><link re="preload/prefetch"> 链接

 异步组件改进

Loading / Error / Timeout Fallback

 函数式组件改进
  • 不再需要显示式 props

 其他改进
  • Passive 事件侦听:@touchmove.passive

  • .sync 回归了

Vue 2.4
Vue 2.4(K__)
 与 TypeScript 更好的整合
  • TypeScript 团队 Type 声明

  • VSCode 团队最好的 IDE

 SSR 性能进一步优化

通过编译时优化获得 2~8x 性能提升,通过字符串实现性能优化,但是很多 2.0+ 都是用 render 实现的。现在是可以自动分析出来,非组件内容多的话,可以快速提升。

 SSR + webpack code split 完美支持

不再局限于路由

 vue-cli 3.0
  • 配置依赖化 + 可组合(更新升级)

  • PWA by default

  • 一个模版,不同参数(--ts, --sr ...)

  • 更好的测试方案

长期展望

素材来源
 视频及 PPT 来源

视频及 PPT 由 Vue.js 官方、W3C 中国、w3ctech、前端圈共同举办的全球首届 VueConf 提供。

PPT 下载链接:https://img.w3ctech.com/VueConf-Beijing.pdf

 速记来源

掘金《VueConf 大会现场笔记》

https://juejin.im/post/591fa2d0a0bb9f005f3ccd1b?from=singlemessage&isappinstalled=0

以上素材均已获得授权。

原文地址:https://mp.weixin.qq.com/s/bkE5BVzz7AUCJB4yc9rxbQ


.NET社区新闻,深度好文,微信中搜索dotNET跨平台或扫描二维码关注

Vue 2017 现状与展望 | 视频+PPT+速记快速回顾相关推荐

  1. vue技术分享ppt_胡中南:Web端GIS技术新进展 | GTC专题论坛报告(视频+PPT+速记)

    点击图片上方蓝色字体"慧天地"即可订阅 文章转载自微信公众号GIS软件技术大会,版权归原作者及刊载媒体所有. 在GTC 2020『GIS基础软件新技术论坛』上,超图研究院副院长胡中 ...

  2. 前端每周清单第 7 期:Vue现状与展望、编写现代 JavaScript 代码、Web 开发者安全自检列表...

    前端每周清单第 7 期:Vue现状与展望.编写现代 JavaScript 代码.Web 开发者安全自检列表 为InfoQ中文站特供稿件,首发地址为这里:如需转载,请与InfoQ中文站联系.从属于笔者的 ...

  3. 金连文:“文字检测与识别:现状及展望” | CAAI AIDL 演讲实录

    点击我爱计算机视觉标星,更快获取CVML新技术 CAAI原创 丨 作者金连文 转自中国人工智能学会,52CV获得金老师授权转载,严禁二次转载. 8月31日-9月1日,由中国人工智能学会主办,华中科技大 ...

  4. 演讲实录丨清华大学朱小燕教授:对话系统现状与展望

    2021-02-23 22:49:59 2020年11月20日,由中国科学技术协会主办,中国国际科技交流中心.中国人工智能学会.新加坡通商中国承办的"中新数字经济与人工智能高峰论坛" ...

  5. 机器人程序设计——之如何正确入门ROS | 硬创公开课(附视频/PPT)【转】

    转自:http://blog.exbot.net/archives/2966 导语:本期公开课面向想入手ROS却又不知从何下手的小伙伴,为大家梳理好学习思路. ROS和Android一样是开源的,功能 ...

  6. 【AI不惑境】模型压缩中知识蒸馏技术原理及其发展现状和展望

    大家好,这是专栏<AI不惑境>的第十一篇文章,讲述知识蒸馏相关的内容. 进入到不惑境界,就是向高手迈进的开始了,在这个境界需要自己独立思考.如果说学习是一个从模仿,到追随,到创造的过程,那 ...

  7. VALSE 视觉资源汇总(视频+PPT+文章解读,持续更新)

    本文为极市平台整理. VALSE(Vision and Learning Seminar, VALSE)发起于2011年,是国内计算机视觉.图像处理.模式识别与机器学习等研究领域的青年学者.学生的一个 ...

  8. 微服务技术发展的现状与展望

    微服务技术发展的现状与展望 人工智能技术与咨询 来源:计算机研究与发展,作者冯志勇等 摘 要 随着云计算.物联网等技术迅速发展,用户对软件系统的需求趋于多样化,面向服务的体系架构(service or ...

  9. 视频PPT互动问答丨Oracle Groundbreak亚太巡演2021(中国区)

    点击蓝字 关注我们 一年一度的 Oracle Groundbreakers 亚太巡演在线上举行.在众多地区的 Oracle 用户组和 Java 社区的共同参与下,成为了 APACOUC(亚太Oracl ...

最新文章

  1. IBM谢东:2nm芯片可让手机4天一充电,量子计算机大规模应用的未来不会太远|MEET2022...
  2. 2.Ridge Regression 岭回归
  3. 在错误的数据上,刷到 SOTA 又有什么意义?
  4. YUI事件体系之Y.Do
  5. php月历,PHP生成月历代码
  6. 简 易 版 线 程 池 模 型 学 习
  7. (计算机组成原理)第二章数据的表示和运算-第二节1:定点数的表示(原码、反码、补码和移码)
  8. 让nginx 支持 pathinfo ,支持thinkphp
  9. Silverlight 密码框 Focus
  10. 拆箱装箱有什么作用JAVA_基础--最简单明了的拆箱装箱解释,带实例
  11. 「leetcode」101. 对称二叉树
  12. mysql改变授权_mysql8使用grant授权修改
  13. 【预测模型】基于天牛须算法优化ELman神经网络实现数据预测matlab代码
  14. 基于python技术的超市仓库管理系统
  15. HTML+CSS+JavaScript仿京东购物商城网站 web前端制作服装购物商城 html电商购物网站
  16. 机械设计:如何能看懂复杂机械图纸中的尺寸标注,赶快学起来
  17. Python代码加密-PyArmor
  18. comsol移动网格_COMSOL动网格调试
  19. Oracle11g Dataguard配置
  20. 系统架构设计笔记(19)—— 网络存储技术

热门文章

  1. #celery#周期性任务
  2. ext 浅谈类的实例
  3. SQL Server日期函数集合
  4. 【鉴权/授权】一步一步实现一个简易JWT鉴权
  5. 2021 .NET Conf China 主题分享之-轻松玩转.NET大规模版本升级
  6. SingnalR 开发到生产部署闭坑指南
  7. 基于事件驱动架构构建微服务第8部分:在应用程序上实现事件溯源
  8. BeetleX之Websocket协议分析详解
  9. dotNET Core 3.X 请求处理管道和中间件的理解
  10. .NET Core开发实战(第14课:自定义配置数据源:低成本实现定制化配置方案)--学习笔记...