javascript,jQuery,vue的区别

最新推荐文章于 2023-04-14 11:12:04 发布
最新推荐文章于 2023-04-14 11:12:04 发布
阅读量2.1k 收藏 7
点赞数
分类专栏： Java 文章标签： javascript vue.js jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WYFTJX1314/article/details/124870141
版权

1.javaScript是运行在浏览器端的脚本语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解释执行的。

2.jQuery就是javascript中的一个函数库，一个js文件，是把js中比较复杂的东西封装成一个库，能够让人们在开发过程中尽可能的少写多做。

3.Vue.js可以作为一个js库来使用，也可以用它全套的工具来构建系统界面，这些可以根据项目的需要灵活选择，所以说，Vue.js是一套构建用户界面的渐进式框架。Vue的核心库只关注视图层，Vue的目标是通过尽可能简单的 API 实现响应的数据绑定，在这一点上Vue.js类似于后台的模板语言。其本质上来说也是js代码。

总结：1.js,jQuery首先都要获取到DOM对象，然后对DOM对象进行进行值的修改等操作
2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把DOM的值就行更新。
也可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作

jQuery只是一个类库，提供了很多的方法，但不能算框架，而vue.js是一个框架，有一套完整的体系。所以Vue的优势比jQ大很多，工作中大多数也是采用Vue框架来编写的

        

WYFTJX
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
认识Vue.js+Vue.js的优缺点+和与其他前端框架的区别
DreamsTom的博客
11-05 6万+
首先，我们先了解什么是MVX框架模式？MVX框架模式：MVC+MVP+MVVM1.MVC：Model(模型)+View(视图)+controller(控制器)，主要是基于分层的目的，让彼此的职责分开。View通过Controller来和Model联系，Controller是View和Model的协调者，View和Model不直接联系，基本联系都是单向的。用户User通过控制器Controller来...
Vue组件中引入jQuery
最新发布
m0_63174618的博客
04-12 1468
打开全栈工匠技能包-1小时轻松掌握SSR两小时精通jq+bs插件开发生产环境下如歌部署Node.js网易内部VUE自定义插件库NPM集成谁说前端不用懂安全，XSS跨站脚本的危害webpack的loader到底是什么样的？两小时带你写一个自己loader。
javaScript、jQuery、vue的区别
sinat_31907813的博客
09-27 8260
javaScript,jQuery,vue的区别： 1.javaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解释执行的。 2.jQuery就是javascript中的一个函数库，一个js文件，是把js中比较复杂的东西封装成一个库，能够让人们在开发过程中尽可能的少写多做。 3.Vue.js可以作为一...
jQuery(javascript) 与Vue有什么区别
青山不改，绿水长流。
10-08 803
1.jQuery根据业务逻辑操作DOM，注重实现过程，亲历亲为。vue根据Model数据变化驱动View视图的变化。Vue组件、打包压缩 => 单文件HTML页面，前后端分离（后端只负责API接口、前端实现视图逻辑）3.jQ需要配合后台服务器端渲染php/jsp/aspx,前后端不分离。2.jQ兼容性很好兼容到IE6，vue最低兼容到IE8。
JavaScript、jQuery、Vue三者的区别
key__value的博客
08-29 5551
javaScript、jQuery、vue的区别，前端面试题
JS jQuery vue
云兮莫愁的博客
03-13 330
1 JS 本教程全面介绍 JavaScript 核心语法，从最简单的讲起，循序渐进、由浅入深，力求清晰易懂。所有章节都带有大量的代码实例，便于理解和模仿，可以用到实际项目中，即学即用。 本教程适合初学者当作 JavaScript 语言入门教程，也适合当作日常使用的参考手册。 点击查看！ 2 jQuery 在本教程中，您将通过教程以及许多在线实例，学到如何通过使用 jQuery 应用...
类似于jQuery的VueReact性API-JavaScript开发
05-26
类似于jQuery的Vue Reactivity API v美元类似于jQuery的Vue Reactivity API，它的类型很不错！ npm i v美元参考=> $计算=> $监视=> $ unref => $设置=> $不客气。 从'v-dollar'导入v美元的用法{$} const counter = $...
jquery 组件Vue 加密价格墙
04-15
使用 Socket API (Codepen) 使用 Vue 构建的实时加密货币价格墙。
前端开发工程师面试题js，css,jquery,vue
11-15
前端开发工程师面试题js，css,jquery,vue
本项目包含了 HTML、CSS、JavaScript、JQuery、Vue 等相关知识和小实例，大家一起学习，一起讨论
04-08
简单又令人惊艳的hover效果表单案例 HTML+CSS实现3D旋转卡片 HTML+CSS打造伸缩式导航栏 有点小酷的input输入框动画 HTML+CSS制作闪亮的玻璃图标悬浮效果 HTML+CSS制作富有弹性的导航栏标签 HTML+CSS制作弹性旋转菜单...
浅谈Vue.js
12-01
vue.js的总体评价“简单却不失优雅，小巧而不乏大匠” Vue.js简介 Vue.js的作者为Evan You（尤雨溪），任职于Google Creative Lab，虽然Vue是一个个人项目，但在发展前景上个人认为绝不输于Google的AngularJs，下面我会将Vue与Angular（Angular 1.0+版本）做一些简单的比较。 Vue的主要特点就和它官网（http://cn.vuejs.org/）所介绍的那样： （1） 简洁 （2） 轻量 （3）快速 （4） 数据驱动 （5） 模块友好 （6） 组件化 下面看一段Angular的实现双向绑定的代码 // html <body n
jquery 组件Vue价格汇总计算表
04-15
jquery 组件Vue价格汇总计算表，CodePen - React 价目表，js汇总计算
vue(1)和js区别
weixin_43293451的博客
06-18 5058
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue</title> </head> <body> <script type="text/javascript" src="vue.min.js"&g...
.vue和.js的区别
monicateacat的博客
04-14 3365
.vue和.js的区别
Vue.js概述、MVVM模式、Vue.js与JavaScript和jQuery的不同之处
吴声子夜歌的博客
10-05 5217
Vue.js Vue.js的官方文档中是这样介绍它的：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。 简单小巧是指Vue.js压缩后仅有17KB。所谓渐进式（Progressive），就是我们可以一步一步、有阶段性地来使用Vue.js，不必一开始就使用所有的东西。 使用Vue.js可以让Web开发变得简单，同时也颠覆了传统前端开发模式。它提供了现代Web开发中常见的高级功能： 解耦视图与...
vue.js与Node.js区别以及Node.js下载与安装
weixin_42567141的博客
10-11 3131
首先vue.js 是库，不是框架，不是框架，不是框架。 Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 vue.js 下载过来直接在html中引入就好了并不一定要npm install vue. vue.js 有路由的 叫vue-rou...
vuejs和html语言一样么,vue和vue.js有区别吗？
weixin_33771582的博客
05-31 2395
vue和vue.js没有区别，vue就是vue.js的简称。vue是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。Vue.js...
JavaScript、jQuery、Vue、Ajax、Json的理解
FA的博客
06-04 1220
JavaScript是前端开发语言，经常与html、css技术一起构成前端开发，JavaScript一般通过Ajax与后台进行数据交互。 Ajax是一种结合了Java、XML以及JavaScript等编程开发技术，全称 Asynchronous JavaScript andXML（异步js和xml），能提供异步更新的机制，换句话说就是能够实现网页部分更新，再具体就是表格添加更新删除操作之后，也只是表格进行刷新，菜单栏不会随网页刷新。使用他时，就会用到Json进行传输。Ajax致力于创建交互式网页应用。 J.
vue 项目html 与js,什么是VUE?VUE与JS的对比
weixin_31509753的博客
06-15 1001
1.1. vue的引入先看下面这样一个简单的例子,实现了这样一个功能数据的双向绑定:也就是数据的同步修改逻辑分析: 1. 我们需要一个UI元素和属性相互绑定的方法 2. 我们需要监视属性和UI元素的变化 3. 我们需要让所有绑定的对象和元素都能感知到变化1.1.1. vue与js的对比1.1.1.1. js的实现(了解)Demo数据的双向绑定----js的实现functi...
jquery VUe
08-26
jQuery和Vue.js是两种不同的前端开发框架。jQuery是一个功能强大的JavaScript库，主要用于简化DOM操作、处理事件、执行动画效果等。而Vue.js是一个渐进式JavaScript框架，专注于构建用户界面。它通过数据绑定和组件化的方式，使得创建交互式的Web应用程序更加简单。 在使用方式上，jQuery使用选择器来选取DOM对象，并对其进行操作。例如，可以使用`$('selector')`选择DOM元素，并使用方法对其进行赋值或取值。 Vue.js通过数据驱动的方式实现了双向数据绑定。使用Vue.js，可以将数据绑定到Vue实例中的属性上，并使用插值表达式`{{ expression }}`将数据动态地显示在HTML模板中。同时，Vue.js还提供了方便的指令和事件处理机制，如`v-on:click`用于处理点击事件。 下面是一个使用Vue.js的例子： ``` <div id="app"> <div>{{ counter }}</div> <button v-on:click="increment">Increment</button> </div> <script> new Vue({ el: '#app', data: { counter: 0 }, methods: { increment() { this.counter++; } } }); </script> ``` 而使用jQuery的实现则可能如下所示： ``` <div id="output"></div> <button id="increment">Increment</button> <script> var counter = 0; $(document).ready(function() { var $output = $('#output'); $('#increment').click(function() { counter++; $output.html(counter); }); $output.html(counter); }); </script> ``` 总而言之，jQuery和Vue.js是用于前端开发的不同工具，它们有着不同的使用方式和特点。具体使用哪种取决于项目需求和个人喜好。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue 和 jQuery 两者之间的区别是什么？](https://blog.csdn.net/m0_71231013/article/details/125323738)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Vue.js与Jquery的比较 谁与争锋 js风暴](https://blog.csdn.net/qq_20062767/article/details/53127903)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值