阅读更多

2顶
16踩

Web前端

翻译新闻 原生 JavaScript 和 jQuery 的优缺点

2012-10-11 14:01 by 副主编 wangguo 评论(20) 有30346人浏览
JavaScript目前被广泛地应用于Web开发中,随着HTML5技术的发展,JavaScript在未来还将有更大的发展和应用空间。行业分析机构RedMonk近期的一份调查显示,JavaScript目前在最受欢迎编程语言排行榜中排名第一。

而jQuery是最流行的JavaScript库,据调查,互联网中近一半的网站都使用了jQuery。使用jQuery,开发者的编码工作将大大减少,而大量的jQuery插件,也使得开发者可以轻易实现很多绚丽的效果。

但是在Web开发中,并不是用到JavaScript的地方都适合使用jQuery。本文列出了JavaScript和jQuery的一些优缺点(目的并不是对两者进行比较),供开发者在选择时进行参考。

JavaScript的优点和缺点:

优点:

  • 性能:由于JavaScript运行在客户端,节省了web服务器的请求时间和带宽
  • 轻量级的脚本语言,比较容易学习
  • 运行在用户机器上,运行结果和处理相对比较快。
  • 可以使用第三方附加组件来检查代码片段。
缺点:

  • 安全问题:由于JavaScript在客户端运行,可能被用于黑客目的。
  • 渲染问题:在不同浏览器中的处理结果可能不同。
jQuery的优点和缺点:

使用jQuery最大的好处是少量的代码做更多的事情。看个简单例子,获取元素的值,使用JavaScript:
document.getElementById(‘elementid').value

使用jQuery:
$(‘#elementid').val();

与JavaScript相比,jQuery的语法更加简单。通过jQuery,可以很容易地浏览文档、选择元素、处理事件以及添加效果等,同时还允许开发者定制插件。

优点:

  • jQuery消除了JavaScript跨平台兼容问题。
  • 相比其他JavaScript和JavaScript库,jQuery更容易使用。
  • jQuery有一个庞大的库/函数。
  • jQuery有良好的文档和帮助手册。
  • jQuery支持AJAX。
缺点:

  • 由于不是原生JavaScript语言,理解起来可能会受到限制。
  • 项目中需要包含jQuery库文件。如果包含多个版本的jQuery库,可能会发生冲突。
希望以上对比能够为你的选择提供一些参考。

英文原文:The Pros and Cons of Javascript and jQuery
  • 大小: 6 KB
  • 大小: 4.8 KB
  • 大小: 4.4 KB
  • 大小: 3.9 KB
2
16
评论 共 20 条 请登录后发表评论
20 楼 ququjioulai 2012-11-02 23:43
木有javascript就木有jquery
chamcon 写道
leavesforeye 写道
【至原创】
你拿类库和语言比?
jquery再牛还是个类库。
[jQuery有一个庞大的库/函数。] 怎么理解这句话?
[jQuery支持AJAX。]这也算优点?
[相比其他JavaScript和JavaScript库,jQuery更容易使用。]是容易快速掌握吧?
[jQuery消除了JavaScript跨平台兼容问题。]类库能做到,语言本身不能做到?

回答的好,我同样有这样的疑惑,他们是不可比的,况且学习jquery本身就是一种javascript。还有就query的缺点:项目中需要包含jQuery库文件,占用服务器空间。呵呵,真是笑话,我们不在乎jquery占用服务器多少空间,在乎的是用到jquery的页面需要包含这个库文件,增加了页面大小,增大了流量

木有JavaScript就没有jquery,就像再厉害的java框架也不可能脱离java语言。jquery最大的优点就只有方便。
19 楼 WuYuansen 2012-10-18 17:02
原生 javascript 也可以实现 ajax  。就是麻烦点。
[jQuery支持AJAX。]这也算优点? 应该说比较方便简单把。
18 楼 chamcon 2012-10-17 17:14
white_crucifix 写道
chamcon 写道
leavesforeye 写道
【至原创】
你拿类库和语言比?
jquery再牛还是个类库。
[jQuery有一个庞大的库/函数。] 怎么理解这句话?
[jQuery支持AJAX。]这也算优点?
[相比其他JavaScript和JavaScript库,jQuery更容易使用。]是容易快速掌握吧?
[jQuery消除了JavaScript跨平台兼容问题。]类库能做到,语言本身不能做到?

回答的好,我同样有这样的疑惑,他们是不可比的,况且学习jquery本身就是一种javascript。还有就query的缺点:项目中需要包含jQuery库文件,占用服务器空间。呵呵,真是笑话,我们不在乎jquery占用服务器多少空间,在乎的是用到jquery的页面需要包含这个库文件,增加了页面大小,增大了流量


好像没提到占用服务器空间吧……


这文章被修改了的。。之前有。我保证
17 楼 锅包肉 2012-10-17 00:06
科普帖子,大家不必惊慌~~要淡定
16 楼 kylxw 2012-10-12 11:02
这种文章就不要放上来了,根本就没说到什么关键的东西。
15 楼 guozhen_168 2012-10-12 10:48
扯蛋,没说到重点,像个初学者……
14 楼 damoqiongqiu 2012-10-12 09:33
就这么简单?
13 楼 mahm 2012-10-12 09:19
语言和类库比,怎么比?
12 楼 jnoee 2012-10-12 09:12
如此扯蛋的玩意也能放上来...
11 楼 king_lm 2012-10-12 08:49
不知道是作者脑子进水了还是翻译脑子进水了
10 楼 white_crucifix 2012-10-11 20:04
AngelAndAngel 写道
不知道这是个什么蛋疼的比较 假如我是初学者 很容易让我感觉这两个东西是平级的东西


其实还好啦,估计不太会有人把两者搞混。。不然还做什么程序员呢~ 
9 楼 white_crucifix 2012-10-11 20:03
chamcon 写道
leavesforeye 写道
【至原创】
你拿类库和语言比?
jquery再牛还是个类库。
[jQuery有一个庞大的库/函数。] 怎么理解这句话?
[jQuery支持AJAX。]这也算优点?
[相比其他JavaScript和JavaScript库,jQuery更容易使用。]是容易快速掌握吧?
[jQuery消除了JavaScript跨平台兼容问题。]类库能做到,语言本身不能做到?

回答的好,我同样有这样的疑惑,他们是不可比的,况且学习jquery本身就是一种javascript。还有就query的缺点:项目中需要包含jQuery库文件,占用服务器空间。呵呵,真是笑话,我们不在乎jquery占用服务器多少空间,在乎的是用到jquery的页面需要包含这个库文件,增加了页面大小,增大了流量


好像没提到占用服务器空间吧……

8 楼 bitray 2012-10-11 19:22
渲染问题:在不同浏览器中的处理结果可能不同。
这句话什么意思呢?是说jquery能跨浏览器吗?但是jquery是javascript写的啊,那他怎么跨浏览器?还不是增加了很多判断?这能算js的缺点吗?作者是不是糊涂了?

一个工具类而已,有点自己的简便之处很正常啊,要是和基础api一样,谁还用你啊
7 楼 chenjianweicjwjw 2012-10-11 15:53
jquery说白了就是javascript的一种封装体,看那你们想怎么用呗。
6 楼 rmh1985 2012-10-11 15:46
蛋疼啊 
5 楼 AngelAndAngel 2012-10-11 15:10
不知道这是个什么蛋疼的比较 假如我是初学者 很容易让我感觉这两个东西是平级的东西
4 楼 plist 2012-10-11 14:46
我觉得可以在翻译原文的基础,总结下原文下有用的评论,因为原文有些东西不是很准确,这样可以避免误解。不过很谢谢让我看到了这篇文章~
3 楼 chamcon 2012-10-11 14:44
leavesforeye 写道
【至原创】
你拿类库和语言比?
jquery再牛还是个类库。
[jQuery有一个庞大的库/函数。] 怎么理解这句话?
[jQuery支持AJAX。]这也算优点?
[相比其他JavaScript和JavaScript库,jQuery更容易使用。]是容易快速掌握吧?
[jQuery消除了JavaScript跨平台兼容问题。]类库能做到,语言本身不能做到?

回答的好,我同样有这样的疑惑,他们是不可比的,况且学习jquery本身就是一种javascript。还有就query的缺点:项目中需要包含jQuery库文件,占用服务器空间。呵呵,真是笑话,我们不在乎jquery占用服务器多少空间,在乎的是用到jquery的页面需要包含这个库文件,增加了页面大小,增大了流量
2 楼 achun 2012-10-11 14:28
leavesforeye 写道
【至原创】
你拿类库和语言比?
jquery再牛还是个类库。
[jQuery有一个庞大的库/函数。] 怎么理解这句话?
[jQuery支持AJAX。]这也算优点?
[相比其他JavaScript和JavaScript库,jQuery更容易使用。]是容易快速掌握吧?
[jQuery消除了JavaScript跨平台兼容问题。]类库能做到,语言本身不能做到?



1 楼 leavesforeye 2012-10-11 14:25
【至原创】
你拿类库和语言比?
jquery再牛还是个类库。
[jQuery有一个庞大的库/函数。] 怎么理解这句话?
[jQuery支持AJAX。]这也算优点?
[相比其他JavaScript和JavaScript库,jQuery更容易使用。]是容易快速掌握吧?
[jQuery消除了JavaScript跨平台兼容问题。]类库能做到,语言本身不能做到?


发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 原生js和jQuery优缺点对比

    原生js缺点: 1、不能添加多个入口函数(window.onload),如果添加了多个入口函数,则会将前面的覆盖。 2、原生js的API名字都太长,太难记 例如:document.getElementById();style.border=‘’;textConten=...

  • 【CSDN软件工程师能力认证学习精选】原生 JavaScript 和 jQuery 的优劣比较

    2021年3月1日,中国专业的IT开发者社区 C站(CSDN,以下简称C...原生 JavaScript 和 jQuery 的优劣比较 很多时候,我们经常听人说jquery有多快多快。在这个各种类库满天飞的时候,不得不说的是,能有原生JS快吗?是的.

  • 原生 JavaScript 和 jQuery 的优劣比较

    原生 JavaScript 和 jQuery 的优劣比较很多时候,我们经常听人说jquery有多快多快。在这个各种类库满天飞的时候,不得不说的是,能有原生JS快吗?是的,明显原生JS要更快,jq 速度再快,也无法与原生的js相比 因为...

  • 原生AJAX和JQuery的AJAX

    AJAXHttpRequestAJAX原理AJAX的优缺点XMLHttpRequestHTTP报文请求报文Request响应报文Response响应头类型状态码statusfile协议无法实现跨域在JS中使用AJAXJQuery 中使用AJAXjQuery.ajax()$.get()$.getJSON()$....

  • 原生JavaScript和jQuery的较量

    要想知道二者的如何进行较量,我们先了解一下什么是JavaScript和jQuery,知其源头,才能知其所以然。  JavaScript:  一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。

  • JavaScript-jQuery的ready和原生js的onload

    jQuery的ready和原生js的onload 两者出现的原因:加载模式 两者的区别 window.onload的缺点 总结 jQuery 经典面试题 两者出现的原因:加载模式 jQuery-demo.html < ! DOCTYPE html > < html lang = "en" > ...

  • 原生JS与jQuery的优缺点

    // 原生JS的缺点: // 1.不能添加多个入口函数(window.onload),如果添加了多个,后面的会把前面的给覆盖 // 2.原生JS的API名字都太长太难记 // 3.原生JS有的时候会造成代码冗余 // 4.原生JS中有些方法或属性...

  • JavaScript和jQuery的优缺点

    JavaScript目前被广泛地应用于Web开发中,随着HTML5技术的发展,JavaScript在未来还将有更大的发展和应用空间。行业分析机构RedMonk近期的一份调查显示,JavaScript目前在最受欢迎编程语言排行榜中排名第一。 而...

  • 探秘 | 原生ajax、jquery-ajax、axios与fetch的区别与优缺点

    其实有这么多种的请求方法和解决方案,总结一下:原生XHR几乎很少开发会用,JqueryAjax属于老当益壮的那种,虽然很老,但是很好用,Fetch是属于初生牛犊,还需要慢慢成长,axios就目前来说,算是非常好的了,无脑...

  • javaScript的Lodash库和jQuery库和layui库

    JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。 简单...

  • JQuery特点、优缺点及其常用操作

    JQuery是一个优秀的javascript框架。 JQuery是继Prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库,这是其它的js库所不及的,它兼容CSS3,还...

  • 原生javascript与jquery 的比较

    JavaScript的优点和缺点: 优点: 性能:由于JavaScript运行在客户端,节省了web服务器的请求时间和带宽 轻量级的脚本语言,比较容易学习 运行在用户机器上,运行结果和处理相对比较快。 可以使用第三方...

  • 原生ajax以及jQuery中的ajax

    js原生ajax以及jQuery中的ajax          ajax 即 Asynchronous Javascript And XML,AJAX 不是一门的新的语言,而是对现有持术的综合利用。 ajax优点:   &...

  • ajax和axios区别及优缺点

    ajax和axios介绍、原理、区别及优缺点

  • 前端学习之JavaScript jQuery库的使用

    ​ JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。 简单...

  • js(javascript)实现继承的6种方式以及优缺点详解

     缺点:1、新实例无法向父类构造函数传参。  2、继承单一。  3、所有新实例都会共享父类实例的属性。(原型上的属性是共享的,一个实例修改了原型属性,另一个实例的原型属性也会被修改!)    二、

  • Ajax(原生js和jQuery)

    2.Ajax的优缺点 优 : 通过异步模式,提升用户体验。 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用。 ajax在客户端运行,承担了一部分本来由服务器承担的工作,减少

  • 解压软件 ZArchiver.apk

    解压软件 ZArchiver.apk

  • 毕设项目:基于SSM框架+mysql开发的教务管理系统分前后台【附含源码+数据库+毕业论文】

    二、技术实现 后端:spring,springmvc,mybatis,mysql 前端采用:vue,css 运行环境及开发工具:jdk8,idea或者eclipse,Navicat 三、系统功能 系统登录角色分为:管理员、老师、学生 用户登录 用户注册 首页 个人中心 修改密码 个人信息 班级管理 成绩类型管理 公告类型管理 教程类型管理 第几节管理 院系管理 职称管理 专业管理 公告管理 课程管理 成绩管理等功能

Global site tag (gtag.js) - Google Analytics