前端技术选型分析
一、 Vue 和 jQuery 对比
1) 发展趋势对比:
Vue 的增长速度是最快的,vue 是国人开发的,在国内的受欢迎程度是空前的。
jQuery 现在无论是国内还是国外的使用率正在渐渐被其他的 js 库所代替,随着浏览器厂商
对 HTML5 规范统一遵循以及 ECMAScript6 在浏览器端的实现,jquery 的使用率将会越来
越低。
2) 资源对比:
Vue.js 虽然是最年轻的框架,但它已经拥有不少成熟的 UI 组件、开发框架和实用库、辅助
工具等,在开发中可以配合 Vue.js 框架使用。并且使用 Vue 提供的 vue-cli 能够快速开始
一 个 项 目 。 Github 中 vue 组 件 库 地 址 : https://github.com/vuejs/awesome-
vue。vue.js 是一个框架,有一套完整的体系。
jQuery 各种插件库、社区和工具网站也是非常多的。在所有的框架中 jQuery 在这一部分应
该是最强的了。jquery 只是一个类库,只是提供了很多的方法,不能算作一个框架。
3) 思维方式及性能对比:
Vue 是以操作数据为主,数据驱动,不操作 dom,Vue 采用虚拟 dom,实现(视图-模型)
双向数据绑定,减少了 DOM 操作,提高了页面性能;
jQuery 是以操作 dom 为主,做了数据处理之后还需要对 dom 进行操作,十分消耗浏览器
资源,性能很低。
4) 维护性对比:
Vue 支持组件化,高内聚,低耦合。提高了开发效率,方便重复使用,简化了调试步骤,提
升真个项目的可维护性,便于协同开发。
jQuery 采用选择器操作 dom,数据界面混合,牵一发而动全身,高耦合、低内聚,不易维
护。
5) 调试:
Vue 调试有专门的插件 Vue-devtools,可以清晰看到组件间的依赖关系及组件的数据结构,
极大提高了调试效率。
jQuery 可以在 Chrome 环境中安装 jQuery Debugger 插件。在 Chrome 默认的调试器中
可以看到由插件生成的 jQuery 专用的调试栏。但是代码结构较复杂,且不容易看到数据,
调试效率较低。
6) 兼容性对比:
Vue 不兼容 IE8 及之前的浏览器,Vue.js 支持所有兼容 es5 的浏览器。但是旧浏览器逐渐
被淘汰(比如 IE8 及以下, 主流框架已经放弃了支持)。