学jQuery之前是不是必须先学Javascript?
一般是这样的,学习jQuery之前应该是先要学习JavaScript的,因为jQuery是JavaScript的一个类库,所以学习了JavaScript一些知识才能更好的理解jQuery。
首先说一下JavaScript和jQuery的联系和区别吧。
简单的说jQuery是JavaScript的一个类库,通俗的说就是jQuery的作者将JavaScript中一些常用的功能或者函数封装称jQuery对象和一些其他的对象供我们使用,使用jQuery可以大大简化我们开发的难度。但是使用jQuery开发和使用JavaScript开发流程是一样的,思路也是一样的,只不过jQuery可以为我们减少一些劳动强度。
具体说一下jQuery的优势。
1、轻量级
JQuery非常轻巧,采用Dean
Edwards编写的Packer压缩后,大小不到30KB,如果使用Min版并且在服务器端启用Gzip压缩后,大小只有18KB。
2、强大的选择器
JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及JQuery独创的高级而且复杂的选择器,另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器。由于JQuery支持选择器这一特性,因此有一定CSS经验的开发人员可以很容易的切入到JQuery的学习中来。
3、出色的DOM操作的封装
JQuery封装了大量常用的DOM操作,使开发者在编写DOM操作相关程序的时候能够得心应手。JQuery轻松地完成各种原本非常复杂的操作,让JavaScript新手也能写出出色的程序。
4、可靠的事件处理机制
JQuery的事件处理机制吸收了JavaScript专家Dean
Edwards编写的事件处理函数的精华,是的JQuery在处理事件绑定的时候相当可靠。在预留退路、循序渐进以及非入侵式编程思想方面,JQuery也做得非常不错。
5、完善的Ajax
JQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。
6、不污染顶级变量
JQuery只建立一个名为JQuery的对象,其所有的函数方法都在这个对象之下。其别名$也可以随时交流控制权,绝对不会污染其他的对象。该特性是JQuery可以与其他JavaScript库共存,在项目中放心地引用而不需要考虑到后期的冲突。
7、出色的浏览器兼容性
作为一个流行的JavaScript库,浏览器的兼容性是必须具备的条件之一。JQuery能够在IE6.0+,FF
2+,Safari2.+和Opera9.0+下正常运行。JQuery同时修复了一些浏览器之间的的差异,使开发者不必在开展项目前建立浏览器兼容库
零基础学Web前端的学习路线总结
今天小编要跟大家分享的文章是关于零基础学Web前端的学习路线总结,准备学习web前端知识的小伙伴们来和小编一起看一看吧,希望本篇文章能够对大家有所帮助。
第一个阶段:
1、HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。
2、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM操作、ECMAscript、DOM、BOM、定时器和焦点图。
3、JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
4、JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。
5、JQuery:悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二个阶段:
1、HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、Canvas。
2、CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
3、Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
4、移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三个阶段:
1、WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
2、PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求。
3、AJAX:Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四个阶段:
面向对象:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
第五个阶段:
1、框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架。
2、框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
3、框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六个阶段:
1、Web开发工作流:GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。
2、MVC/MVVM/MVW框架Angular.js、Backbone.js、Knockout/Ember。
3、常用库:React.js、Vue.js、Zepto.js。
第七个阶段:
Node.js全栈开发
以上就是小编今天为大家分享的关于零基础学Web前端的学习路线总结的文章,希望本篇文章能够对正在学web前端知识的新手有所帮助,想要了解更多web前端知识记得关注北大青鸟web培训官网,最后祝愿小伙伴们学习成功,成为一名优秀的web前端工程师。
文章来源:原创前端资源库前端资源库
jquery零基础好学吗?
不建议如此,jquery是基于JavaScript封装而成的框架,目的是让开发者更简便地使用JavaScript,因此我们在使用各种JavaScript框架的时候,建议要有JavaScript的基础为佳,如此我们才能更快地掌握jquery和灵活的使用它。
JavaScript是现实中房子的地基,学习须得掌握基础,才能基于基础更快的掌握更深的知识。
如果满意,还望采纳,谢谢!
怎么打好jquery基础知识 求推荐网址
1、学习javascript、html、DOM
2、研究JQuery API,熟悉几大功能:选择器(符)、属性和CSS修改、事件绑定、AJAX、动画等。
给个API:
web前端开发需要掌握哪些知识?
一.基础学习
主要就是html、css、JavaScript。建议直接从html5、css3、ES5入手进行来学习。由于该部分是web前端开发中的基础部分,因此建议大家基础一定要打牢固。
二.与美工相关、后端开发、设计相关的学习
优秀的web前端开发工程师,将熟知自己工作界面的各种布局。因此,这也将是你工作中的重点。根据公司的不同,大家可扩大知识面,加深对自身产品的理解。
与美工相关,主要是精通ps、切图类工具的应用。Photoshop是必然需要掌握的,这里我们不强调作图的精美,但是至少需要掌握它的应用。一技之长,无论何时何地总会大有应用。
后端开发,一般情况下,前端开发和后端开发是分开的,不过也存在特殊情况。因此,需要我们做出选择后端的主要学习阵地,很多人都在比较PHP、Python、Node.js哪种好,其实三者差别不大,从市场上的热度来看,Node.js视乎更受欢迎一点,当然Node.js对js熟悉的前端来说也更容易上手。
三.各种框架类库的学习
jquery,bootstrap等,现在的框架比较多,但是jquery和bootstrap这样级别的必须得熟练掌握,要不很多公司都没法干活。一般类库和框架都有垂直的网站可以学习,如bootstrap中文网之类的都很不错。