Vue.js进阶【1】Vue产生的背景与未来

Web之前

为何会出现Web开发：https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434501549492cdf5d4013db14fa9ad8ca172f0664345000 2018-10-22

Web是什么

Web就是浏览器呈现给你的内容，这些内容是由浏览器加载本地的三种文件呈现给你的。这三种文件是HTML,CSS,JavaScript。其中HTML是骨架，CSS是皮肤和美容，JavaScript是表情和情绪反应。

这些文件并不是一开始就在你机器上的，随着Web的不断发展，他们经历了三个阶段。

 

 Web的三个阶段

1 最古老的静态网页是HTML；

2 后来，asp jsp在HTML里面增加了变量绑定，但是这些变量是由服务端填充之后仍然以HTML的形式发给客户端；

MVC的模式进行开发，这种模式严重阻碍了前端开发效率，也让后端不能专注于业务开发。此时的前端主要是做demo。

3 再后来，就是现在的Vue.js Angular.js React.js 界面控件的数据在客户端HTML里面用js变量绑定，客户端自己控制刷新，需要读写数据的时候用ajax和服务端通信一下完事。由于此时的Web页面需要数据交互时走ajax请求，所以根本就不需要重新加载页面，从而但诞生了单页Web应用（single page web application，SPA）。

测试：成本可以节省很多。以前开发的接口都是针对表现层的，很难写测试用例。如果做了前后端分离，甚至测试都可以分开，一拨人专门测试接口，一拨人专注测试UI（这部分工作甚至可以用工具代替）

稳定性：基于JAVA的基础架构已经非常强大而且稳定，而且更适合做现在架构的事情。

更详细的发展请参考：2017年Web前端技术综述

可以看出来Vue.js是代表当前最先进的技术的，或者说是适应时代需要的。

 

当前的前端框架对比-尤雨溪- 知乎Live

尤雨溪 - 不黑不吹聊聊前端框架 知乎Live 语音翻译成的文本链接 ：https://mp.weixin.qq.com/s/UiNEflH-KIiRBXFQ0-A0lw

Vue的原理：

0 https://github.com/DMQ/mvvm 专门介绍几种前端框架的实现原理的，并自己给出js核心代码实现了一个简单的版本 10分

1 https://segmentfault.com/a/1190000013643610  这篇文章最后有一段伪代码讲述了Vue的核心原理 6分

2 https://cn.vuejs.org/v2/guide/reactivity.html Vue官方文档对Vue原理的解释 5 分

Vue的未来

1 下面是关于Vue的未来在知乎上的讨论：https://www.zhihu.com/question/58731753 可以看一下Trotyl Yu的回答，这个回答比较全面客观，对于标准和主流技术的关系分析的也很到位，Vue的作者尤雨溪也赞同了这个回答。2018-10-22

如果想省事，也可以直接看我剪过来的答主的结论：

• Web 开发由于其存在方式，必然需要在「避免构建」和「提高生产力」之前作出选择；
• Web 标准必将长期保持领先于「浏览器实现」，落后于「可行的最先进方案」的状态；
• Web 框架／类库／平台的先进性可能需要其不被标准化才能持续保持；
• JSX 没有一个统一的语义，且平台相关性过于显著，不太可能被吸收进 ECMAScript。

2 狼叔关于Node.js的展望：2017，我们来聊聊 Node.js ：https://cnodejs.org/topic/58eee565a92d341e48cfe7fc

 

下一节，我们通过Vue.js的Hello World ! 来演示 Vue.js的原理以及为何选择Vue.js