您的位置:首页 > Web前端 > JQuery

初识JavaScript、JQuery、AJAX

2016-08-14 00:01 351 查看
    作为初学者,刚接触BS,学习JavaScript,JQuery和AJAX,可谓满头雾水,并不清楚三者的关系,也不知道它们到底该怎么去用,项目中虽然用了这些,但都是照着源码敲的,还是不清楚,下面就现在的水平进行总结,理解。

【总括】

JavaScript是一种程序设计的脚本语言;

JQuery是一个框架,对JavaScript进行封装,是集中许多方法的类库;

AJAX是一门技术,多种思想的融合体,实现页面的局部刷新。



【JavaScript】

    是一种面向对象的解释型的程序设计语言,是相对安全的,基于对象和事件驱动的客户端的弱类型的脚本语言。能进行数据验证等,重要的是加强用户的体验。

【JQuery】

      是继Prototype之后一个优秀的JavaScript类库,总之是write
less,do more!写更少的代码,做更多的事。

实现html样式和行为分离,html中不需要添加复杂的js来调用命令,只需要定义id即可。

主要用处

1、选择器:通过$可以快速定位到元素;

2、DOM操作:同样通过$进行精确找到你DOM元素,对属性进行操作,添加和删除节点,添加事件,设置获取HTML文本和值,遍历子元素和同辈元素;

3、表单验证;

4、动画效果;

5、提供AJAX交互;

【AJAX】

    全称为异步JavaScript和xml,是由JavaScript+CSS+DOM+XMLHttpRequest结合,js是核心,jquery将ajax实现的更加轻松,ajax是局部刷新。

那么什么是异步呢?

    所谓异步就是事件触发之后浏览器仍然可以做其他事情,与触发事件无关的控件不受任何影响。

AJAX既然这么好是应用越多越好吗?

    显然不是,正确的时间正确的地点使用正确的方法才是最完美的。适合AJAX使用的情况:1、表单的交互2、深层树状导航;3、实时用户对用户通讯;4、投票选择等级评价;5、普通录入提示或者自动补齐等。

【优缺点对比】

JavaScript

优点:运行在客户端,节省web服务器的请求时间和宽带,运行结果和处理相对快;轻量级脚本语言,容易学习。

缺点:运行在客户端,可能被黑客利用,不够安全;在不同的浏览器中处理结果可能不同。

JQuery

优点:消除了JavaScript跨平台兼容问题;更容易使用;有一个庞大的库函数;有良好的文档和帮助手册;支持AJAX。

缺点:包含JQuery库文件,多版本可能会出现冲突。

AJAX

优点:减轻服务器的负担,按需取数据,最大程度的减少冗余请求;局部刷新页面,减少用户心理和实际的等待时间,带来更好的用户体验;基于xml标准化,并被广泛支持,不需安装插件,进一步促进页面和数据的分离。
缺点:AJAX大量的使用了javascript和ajax引擎,这些取决于浏览器的支持.在编写的时候考虑对浏览器的兼容性;AJAX只是局部刷新,所以页面的后退按钮是没有用的。

【小结】

    JavaScript可以看做是父亲,而JQuery和AJAX可以看做是JavaScript的孩子,在父亲复杂功能的基础上,孩子们取长补短,可以更加方便快捷实现相同的功能,他们各自拥有着各自独特的特点,在适合的地方采用合适的方法,使其实现更大的价值。现在理解都是皮毛,还需要进一步学习,fighting……
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: