jquery和vue先学哪个(用了vue还需要jquery吗)

大家好，关于jquery和vue先学哪个很多朋友都还不太明白，今天小编就来为大家分享关于用了vue还需要jquery吗的知识，希望对各位有所帮助！

vue思路:vue和jquery哪个好

vue不配和jquery比，只配和jquerysetdate赋值比较一下高低，jquerysetdate是一个一行代码的扩展方法，只有几个单词组成，如果换成js可以完全脱离jquery，依旧是一行代码仅仅多出来几个js单词。vue无需你写这一行代码，因为vue自己已经写了，你只需要调用一下就可以。

mvvm，炸一看好高级的样子，实际上屁用没有。甚至造成了数据可以在前端修改的bug，不仅仅屁用没有，安全性还堪忧。

如果你有jquerysetdate.js那vue屁用没有。如果你没有jquerysetdate.js提供的一行几个单词的扩展方法，同时又对js和jquery一无所知，那vue可以帮助你。

由于jquer不提供绑定数据的扩展方法，所以你自己自己写一个几个单词构成的扩展方法，如果你对js jquery一窍不通，那肯定要用vue提供的方法。

当然jquery也有自己的问题，jquery本身只需要10k左右就已经非常非常强大了，甚至有很多很多东西，都是我们不需要，如今它已经90k了，jquery最大的败笔就是不断的扩展，却忽略了使用者其实根本不需要那些功能，造成了代码过于沉余，vue也一样，只是刚刚诞生不久，代码沉余没有jquery那么多。所以我推荐的是js自己写组件化的js组件，你就是下一个vue的创作者，并且比vue好很多

关于jQuery和Vue两者技术架构的比较分析报告

在过去的前端开发中，jQuery几乎会出现在任何大大小小的项目中，不论是类MS，还是电商，还是各类门户网站，都少不了jQuery的身影，可以说在之前的前端开发中，jQuery更是一种“标准”。

2008年，V8引擎随 Chrome浏览器横空出世，JavaScript这门通用的 Web脚本语言的执行效率得到质的提升。 V8引擎的出现，注定是 JavaScript发展史上一个光辉的里程碑。它的出现，让当时研究高性能服务器开发、长时间一筹莫展的 Ryan Dahl有了新的、合适的选择，不久，在2009年的柏林的 JSConf大会上，基于 JavaScript的服务端项目 Node.js正式对外发布。Node.js的发布，不仅为开发者带来了一个高性能的服务器，还很大程度上推动了前端的工程化，带来了前端的大繁荣。与此同时，因为 JavaScript执行效率的巨大提升，越来越多的业务逻辑开始在浏览器端实现，前端逻辑越来越重，前端架构随之提上日程。于是，我们谈论的主角，MVVM模式，走进了 Web前端的架构设计中。

MVVM模式，顾名思义即 Model-View-ViewModel模式。它萌芽于2005年微软推出的基于 Windows的用户界面框架 WPF，前端最早的 MVVM框架 knockout在2010年发布。当前最流行了MVVM框架 Vue的2.0版本在2016年5月发布。

一句话总结 Web前端 MVVM：操作数据，就是操作视图，就是操作 DOM（所以无须操作 DOM）。

无须操作 DOM！借助 MVVM框架，开发者只需完成包含声明绑定的视图模板，编写 ViewModel中业务数据变更逻辑，View层则完全实现了自动化。这将极大的降低前端应用的操作复杂度、极大提升应用的开发效率。MVVM最标志性的特性就是数据绑定，MVVM的核心理念就是通过声明式的数据绑定来实现 View层和其他层的分离。完全解耦 View层这种理念，也使得 Web前端的单元测试用例编写变得更容易。

MVVM，说到底还是一种分层架构。它的分层如下：

Model层，对应数据层的域模型，它主要做域模型的同步。通过 Ajax/fetch等 API完成客户端和服务端业务 Model的同步。在层间关系里，它主要用于抽象出 ViewModel中视图的 Model。

View层，作为视图模板存在，在 MVVM里，整个 View是一个动态模板。除了定义结构、布局外，它展示的是 ViewModel层的数据和状态。View层不负责处理状态，View层做的是数据绑定的声明、指令的声明、事件绑定的声明。

ViewModel层把 View需要的层数据暴露，并对 View层的数据绑定声明、指令声明、事件绑定声明负责，也就是处理 View层的具体业务逻辑。ViewModel底层会做好绑定属性的监听。当 ViewModel中数据变化，View层会得到更新；而当 View中声明了数据的双向绑定（通常是表单元素），框架也会监听 View层（表单）值的变化。一旦值变化，View层绑定的 ViewModel中的数据也会得到自动更新。

如图所示，在前端 MVVM框架中，往往没有清晰、独立的 Model层。在实际业务开发中，我们通常按 Web Component规范来组件化的开发应用，Model层的域模型往往分散在在一个或几个 Component的 ViewModel层，而 ViewModel层也会引入一些 View层相关的中间状态，目的就是为了更好的为 View层服务。

开发者在 View层的视图模板中声明数据绑定、事件绑定后，在 ViewModel中进行业务逻辑的数据处理。事件触发后，ViewModel中数据变更， View层自动更新。因为 MVVM框架的引入，开发者只需关注业务逻辑、完成数据抽象、聚焦数据，MVVM的视图引擎会帮你搞定 View。因为数据驱动，一切变得更加简单。

不可置否，MVVM框架极大的提升了应用的开发效率。It's amazing！But，MVVM框架到底做了什么？

视图引擎：我是视图引擎，我为 View层作为视图模板提供强力支持，开发者，你们不需要操作 DOM，丢给我来做！

数据存取器：我是数据存取器，我可以通过 Object.defineProperty() API轻松定义，或通过自行封装存取函数的方式曲线完成。我的内部往往封装了发布/订阅模式，以此来完成对数据的监听、数据变更时通知更新。我是数据绑定实现的基础。

组件机制：我是组件机制。有追求的开发者往往希望按照面向未来的组件标准－ Web Components的方式开发，我是为了满足你的追求而生。MVVM框架提供组件的定义、继承、生命周期、组件间通信机制，为开发者面向未来开发点亮明灯。

MVVM架构型模式的兴起，实现了前后端真正的职责分离，在提高开发效率的同时，也存在一些不足之处。

可以说前后端分离随着趋势已经形成一种标准，MVVM设计模式的开发框架（Vue）适用任何场景的开发（低版本IE除外）。

jQuery是直接来操作DOM的，凭借简化后的API直接和DOM对话（优异的兼容性）；

Vue是直接来操作数据的，拿数据说话。

零基础学web前端,应该先学啥

随着互联网的迅速发展，前端开发工程师成为市场上非常抢手的人才。很多对于IT完全零基础的同学都想学习前端。前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张，内容虽多但有迹可循，只要循序渐进就不怕学不好前端！

那么前端开发到底需要学什么？应该怎么学？接下来小编带你从零基础学习前端。

一、前端开发入门

如果你想要学好web前端最好加入一个好的学习环境，可以来这个Q群，首先是132，中间是667，最后是127，这样大家学习的话就比较方便，还能够共同交流和分享资料

在入门阶段，你首先要学会最基本的技能：根据UI的设计稿，实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。

在这个阶段你需要学习：

1、HTML+CSS基础

掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。

2、JavaScript基础

掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。

3、常用的前端工具

比如Webstrom、Sublime、Dreamweaver等。掌握其快捷键设置等技巧，可快速提高开发调试效率。

这个阶段的学习难度相对不高，学完这些之后，我们已经能完成静态页面的制作。当然，这只是入门，如果你想用这些技能找工作的话还是比较困难的。

二、前端初级开发

在接下来的这一个阶段，我们的目标是达到前端开发行业的基本要求，让自己有底气出去找一份月薪8000以上的工作！

这个阶段我们要重点掌握这两方面的能力：

1、利用jQuery、Bootstrap等框架开发复杂的交互功能与效果；

2、利用HTML5、CSS3、Canvas进行移动端开发。

针对第一方面的能力，你需要学习：

1、JavaScript基本特效

能够实现图片轮播、拖拽、放大镜等常见网页特效。

2、jQuery基础

掌握jQuery常用API的使用方法，并且能够熟悉jQuery的插件开发机制。

3、Bootstrap响应式

掌握原生响应式实现机制，能够使用Bootstrap中的栅格式布局和响应式布局进行复杂页面的布局开发。

4、AJAX基础

充分理解AJAX原理，掌握JS原生和jQuery方式的AJAX使用。

5、UI流行框架

掌握jQueryUI的使用，快速高效实现页面的效果呈现。

学会了这些技能，你就能够独立制作电商类、企业类网站，实现常见JS动态效果，并且能够基于jQuery、Bootstrap等框架实现炫酷的效果和复杂的功能啦！

针对第二个方面的移动端开发，你需要学习：

1、HTML5、CSS3新特性

掌握HTML5、CSS3在移动端的使用技巧。

2、Canvas基础

掌握Canvas的基本画图API，做到能实现Canvas在报表和广告展示效果方面的应用，并且能够实现炫酷的展示效果。

3、移动Web框架

能够基于jQuery Mobile/Zepto等框架进行移动端JS功能开发。

掌握这两大方面的技能，你就能达到市场上对前端工程师的基本要求了。根据市场反馈数据看，薪资普遍在8000-13000元/月，赶快加油学习吧！

三、前端进阶开发

小编就知道你是一个有理想、有抱负的人，不会满足于做一个初级的前端开发工程师。在接下来的这个阶段，我们将走上前端的进阶之路，将自己的能力再往上提高一个等级。同样，薪资也会往上升一个等级！

但是，如果你是一个前端菜鸟，接下来可能会出现一些你没有用过或者没有听过的知识点。不要着急，你可以先收藏下来，在慢慢理解。

言归正传，在这个阶段，我们要重点掌握以下两个方面的能力：

1、在实现功能的同时，考虑代码的优雅性，注重代码的性能和重用性；

2、深入理解前端框架实现原理，并且能够开发和重构通用的前端组件。

在这个阶段你需要学习以下知识：

1、面向对象开发思维

2、JavaScript面向对象

3、JavaScript闭包、作用域链、原型链等高级特性

4、常用的设计模式

5、使用原生JavaScript的原理实现框架封装

6、jQuery框架封装原理

7、jQuery插件的实现原理

掌握jQuery插件的实现原理，深刻理解插件的两种扩展方式的实现机制。

8.组件化和模块化开发：SeaJS、RequireJS

如果你熟练掌握以上技能，就能够具备解决复杂问题和技术难点的能力，并且能够独立设计开发复杂的功能模块。如果你达到这个水平，恭喜你已经能满足前端行业的中级需求，根据市场反馈数据看，薪资普遍在 13000-20000元/月！

四、前端开发高级

写到这里，连小编自己也激动了，因为在接下来的这个阶段，我们的目标是：进军全栈开发工程师！全栈开发工程师就是那种既精前端，又通后台，遇到问题能快速定位问题、解决问题的一类大牛！据职友集数据统计，北京全栈开发工程师月薪在20K-50K之间的占比高达60%，而且人才非常缺乏！

要晋级为全栈开发工程师，我们在这个阶段得做这些事情：

1、能从前端的全局角度认识流行框架的原理与实现模式；

2、深刻理解移动App的开发模式和技术选型；

3、熟悉Node.js的全栈式解决方案；

4、了解主流的后台技术和前后端协作方式，能从全局角度理解项目的整个生命周期。

相应的，你需要学习以下这些内容：

1、Web开发工作流框架：Yeoman/Grunt/Gulp/Bower等

掌握流行的前端工作流工具，可以让前端开发更方便更高效！

2、MVC/MVVM框架：AngularJS等

掌握前端MVC/MVVM框架实现机制，通过AngularJS的实践深刻理解MVC的开发模式，理解双向数据绑定等相关概念。

3、HTML5响应式框架

4、UI流行框架：jQueryUI、EasyUI、ExtJS等

掌握常见UI框架的封装原理，通过源码分析，深入理解组件化开发思想。

5、VUE.js

Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。

6、Ionic、Angular

掌握移动端混合开发模式，通过Ionic、Angular的结合，理解使用HTML5、CSS3、JS实现App开发的整体流程和实现机制。

7、React Native

掌握移动端ReactNative的开发模式。

8、HTML5 Plus

9、Node.js全栈式开发

掌握Node.js全栈式解决方案，实现JS在服务器端的高效开发。

如果你能熟练掌握以上四个阶段的知识技能，你就可以满足前端与移动开发行业的高级需求啦！

OK，本文到此结束，希望对大家有所帮助。