jQuery与Vue的对比

jQuery是很早就出现的一个封装原生JS的库,而Vue则是最近几年流行的MVVM框架。那么,vue到底比jQuery好在哪儿呢?

一、开发者只需操作数据

1.数据与视图的分离(解耦)。jq的数据与视图混在一块,Vue的数据与视图分离。

2.数据驱动视图。jq直接用js修改视图,Vue以数据驱动视图。

这样,开发者只需操作数据(模型层,即M),就可以直接驱动视图(视图层,即V)的改变。

二、提升页面性能

通过虚拟DOM + Diff算法,使得vue在更改DOM树前先判断DOM树的哪部分发生了变动,进而只更改变动的那部分,从而提升页面渲染性能。

三、模块化

使用npm,加上ES6的import和export实现前端模块化开发,从而更好地复用代码。

说了这么多优点,该说缺点了。

缺点就是要学更多的东西,使前端的学习过程变得更复杂了,比如需要学习npm、ES6、webpack、MVVM框架(React和Vue)等。

原文地址:https://www.cnblogs.com/luoyihao/p/12173630.html

时间: 2024-10-11 19:42:06

jQuery与Vue的对比的相关文章

jquery和vue的区别

1.jquery:这个曾经也是现在依然最流行的web前端js库,可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替,随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现,jquery的使用率将会越来越低 2.vue:是一个兴起的前端js库,是一个精简的MVVM.从技术角度讲,Vue.js 专注于 MVVM 模型的 ViewModel 层.它通过双向数据绑定把 View 层和 Model 层连接了起来,通过对数据的操作就可以完成对页面视图的渲染.当然还有很多其他的mv

jquery和vue对比

jquery和vue对比 前言:很多人说jquey和vue没有什么可比的,应该和Angular,React来比吧,我到觉得他们倒没有多大的可比性,都是基于mvvm思想设计的框架,无非就是实现的方式不一样,在不同场景下性能上会有一些差异.然而从jquery到vue或者说是到mvvm的转变则是一个思想想的转变,是将原有的直接操作dom的思想转变到操作数据上去,难道不是一个根本性的改变吗? 1.jquery介绍:想必大家都用过jquery吧,这个曾经也是现在依然最流行的web前端js库,可是现在无论是

jQuery到Vue的迁移之路

背景 在前段时间做了L10的某个超复杂超多坑的三端专题之后,组里的小伙伴们一致认为是时候想办法统一一下组里的开发模式了.因为用nie那一套jQuery/zepto(下文jQuery默认包括zepto)的话,十个人就有十种习惯,不管是代码组织也好,页面结构也好,逻辑处理也好-- 其实如果像一般的专题,开发周期短,生命周期短的,用传统的方式开发也还好,不需要后期维护,不需要多人协作.但是,如果项目稍微复杂一点,问题就来了,一碰到需要多人协作的项目,不同的人都有不同的组织代码的习惯,维护起来效率相当低

Web前端技术--网络三剑客(HTML、CSS、JavaScript)什么是新网络三剑客?以及其他前端技术(JQuery、Vue.js)。

一.Web前端技术--网络三剑客 1.HTML是什么? HTML,全称HYPER TextMarkup Language (超文本标记语言).HTML是一门描述性语言,它是网页的标准语言,并不是一门编程语言. 2.CSS是什么? CSS,全称Cascading Style Sheet(层叠样式表),是用来控制网页外观的一种技术. 3.JavaScript 是什么? JavaScript ,就是我们通常说的JS,是一种嵌入到HTML页面中的脚本语言,由浏览器一边解释一边执行.   “HTML”是网

vue react 与原生 js jquery 渲染时间简单对比

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

angular和vue的对比学习之路

vue-ng 打开vue的中文官网一段关于vue的描述 HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单. 那我么再看下angular中文网 AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了.所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事. 看到这两句引用,心中是否顿时有种感觉,感觉vue会简单易学,angular难学.其实,你是对的,相对来说,如果我

angular和vue的对比,几个总结:

首先都是双向数据绑定,前后分离的武器之一,不同点,ng庞大,功能更复杂,有时候用在手机端可能不是很好,而vue就是迷你版的angular,好比,jq和zepto的区别 1.controller,对应到vue里面就是new Vue({el:}),这个el,页面上,ng需要写控制器名字,vue不需要, 2.ng自带http服务,vue没有,需要下载vue-resource,当然这个也不大,就12k左右: 3.ng的指令,对应vue的组件,不理解的可以认为是jq的插件,区别是ng是directive,

输入框,手机号输入,344格式(jQuery和Vue)

一.jquery function fomatterTel(val, old) {//val: 当前input的值,old: input上次的值 var str = ""; var telLen = val.length; if (old.length <= telLen) { if (telLen === 4 || telLen === 9) { var pre = val.substring(0, telLen-1); var last = val.substr(telLen

Dojo前端开发框架与jQuery前端开发框架,对比分析总结

最近Dojo和jQuery双双发布了最新的1.8版本,有着相同版本号的两个Javascript库也有许多核心的相同之处:相同的资源加载机制AMD.相同的选择器 引擎Sizzle等.作为业界知名的Javascript库,Dojo和jQuery在各自领域有着为数众多的拥护者.不过正所谓一把钥匙开一把锁,对一个项目来说肯定有个最适合它的工具库,用对了工具才能事半功倍.所以对项目经理或是技术总监来说,工程开始前的技术选型是关键一步,本文将对Dojo和 jQuery最新版本进行一个综合比较,重点在于区分两