写点什么

选择 jQuery 的理由

  • 2012-08-05
  • 本文字数:2177 字

    阅读完需:约 7 分钟

随着 Web 前端技术的发展,Javascript 框架层出不穷,jQuery 就是其中之一。最近,国内外社区针对 jQuery 的优缺点做了深入的分析,其中不少内容值得 Web 开发人员借鉴。

Richard Hein 在“ 6 Things You Need to Know About jQuery ”一文中列举了推荐 jQuery 的若干理由,包括:

  1. jQuery 简化工作——开发人员会发现学习 jQuery 比较容易,因为该框架的代码简洁精练,语法简单、编码标准开发等特点帮助开发人员缩短了部署应用的时间。此外,开发人员无需对 Web 设计非常在行,利用 jQuery,不必花费太多的时间用来编写和测试 CSS 代码,而且 jQuery 还有大量的 UI 组件。
  2. jQuery 的显示不受 Javascript 被禁用的影响——如果 Adobe Flash 不能正常加载,那么有的页面就不能正常显示。这会对用户产生负面的影响,并且导致开发人员不得不为此做额外的编码处理,从而延长了开发时间。而这种情况不会在 jQuery 身上出现。它采用的是 HTML DOM 操作,即使浏览器的 Javascript 被禁用,网页还是可以正常显示。
  3. jQuery 与 Visual Studio IDE 集成——NuGet 是 Visual Studio 的一个扩展,在开发基于.NET Framework 的应用时,NuGet 能够简化添加、删除等工作。VS 2010 通过“管理 NuGet 包”对话框来支持对 jQuery 的集成。这种特性会触发 VS 的智能感知等功能,提示开发人员 jQuery 的方法和语法。总的来说,大多数.NET 开发人员对 NuGet 都比较熟悉。这就是 jQuery 在.NET 社区持续受到关注的原因之一。利用 jQuery 针对 Windows 的 Mobile theme,你会在 Windows Phone 平台上享受到所有的开发优势。微软也在鼓励 jQuery 的使用,并且认真对待 HTML5,引入了许多 jQuery 元素。
  4. jQuery 制作的动画效果不比 Flash 差——Flash 开发人员需要很长的学习过程,对于通常的开发人员开说,需要花费数年的时间才能创建出优秀的作品。而另一方面,jQuery 是免费的,而且只要求开发人员了解 Javascript 和 HTML。假设你可以负担得起 Flash 开发软件,但是开发人员仍然需要处理那些不支持 Flash 的情况,这是构建 Flash 网站的最大的缺点之一,也是利用 HTML5 构建的最大优势之一。同时,jQuery 使用了 CSS、HTML、Javs 和 Ajax,这意味着你可以无需采用类似 Flash 那种特殊的优化方式。
  5. jQuery 加载更快——Google 和其他搜素引擎都把页面加在时间作为影响 SEO 的因素之一。因此,开发人员都会努力把 Web 代码尽可能写的简洁和准确。最好的方式是减少代码量。jQuery 文件与 Web 页面分开存储,这可以让开发人员集中地优化代码。此外,jQuery 还支持开发人员自主选择如何加载 Div 标签,如果你想要改进网站的速度,那么可能会考虑在必要的时候只加载所需的 Div 标签。
  6. jQuery 有助于 SEO——网站的代码结构对各种搜索引擎的排名影响较大,jQuery 提供了大量优化的插件帮助开发人员完成这项工作。

在国内社区,开发人员也对 jQuery 做了讨论。张经纬比较了 jQuery 和 YUI 的优缺点

jQuery 专注于 DOM 的操作,他通过继承的方式给传入的对象增加了新的方法,从而使我们可以通过链式调用来操作对象,这种方法上手简单,我看到很多设计师都可以玩上一玩。其实,就像 jQuery 说的,write less do more!
YUI 是一个大型开发工具,他提供了一套 javascript 以及 css 的类库来为交互开发提供支持,我们可以看到 YUI 除了主打的 js 框架外,还有配套的压缩工具(YUI Compressor),文档生成工具(YUI Doc),单元测试工具(YUI Test)甚至开放了 PHPLOADER(YUI PHP Loader ),再较大团队开发中,这些东西是非常重要的。
从编程语法上来说,诚如前面所说,jQuery 专注于 DOM 操作,因此必不可免的弱化了 OO,相比之下 YUI 则更加规范。再如,jQuery 中面向 DOM 的设计,决定了他可以通过 $.extend() 或者 $(elem).extend() 向对象或者节点增加新的方法,而 YUI 在这方面就异常的笨拙。当然,这些并不能说明谁比谁好,YUI 的颗粒化决定了他的维护成本低,可以称为刀,而 jQuery 锋利的刀刃决定了它使用方便,游刃有余,可以称为剑。

程劭非则对 jQuery 的评价不高,理由包括:

  1. jQuery 主要解决了兼容问题和 DOM 操作问题,以 CSS 选择器的方式批量操作元素是主要特色,对于特定项目,我认为实现这个的难度实在不大。而其主旨"write less, do more." 少写些的这个观点我半点不能认同,写程序的时间主要花在思考和调试,而非打字。
  2. jQuery 污染了两个名字 JQuery 和 $,这个在类库中可以算极少污染了,但是实际上 $ 与其它类库冲突很多,而 noconflict 这个方案可算不伦不类。
  3. jQuery 的 API 设计可以说非常巧妙和优秀,但是其实跟 JS 的原生对象差的有些远,不过却跟 CSS 的模式比较接近,这个对于不少人很有亲和力。
  4. jQuery 的实现质量也算比较高了,虽然选择器还有些优化空间,不过基本可以认为没有太大问题。

杨昆则给出了知乎选择 Closure Library 来作为 JavaScript 库,而不选择更流行的 jQuery 的理由

选择 closure-library 是因为这是一个整体解决方案,自带的库已经很丰富,不需要再去找其他插件。而且 google 用其开发了 gmail,google doc,可以放心它的质量。
如果选择 jquery 的话,单纯 jquery 库是不够的,还得很多第三方插件,这些插件质量良莠不齐,对不同版本 jquery 支持还不一致。

InfoQ 的读者对 jQuery 的优缺点有什么看法?欢迎发表自己的看法!

2012-08-05 09:5310963
用户头像

发布了 501 篇内容, 共 259.7 次阅读, 收获喜欢 61 次。

关注

评论

发布
暂无评论
发现更多内容

20道常被问到的JavaScript题目

helloworld1024fd

JavaScript 前端

全网首次公开:Java面试参考指南V3.0版(完美契合当下所有互联网公司面试需求)

Java全栈架构师

数据库 程序人生 后端 高并发 Java 面试

全网首次公开!阿里巴巴1685页Java面试突击核心讲(基础到高级足足涵盖19个Java核心技术)

Java永远的神

数据库 spring 程序员 程序人生 java面试

Python语法之字典

芯动大师

字典 9月月更 Python语法

2022年企业Java面试前复习的正确姿势(已助力512人入职大厂)

收到请回复

Java 程序员 微服务 语言 & 开发

【云原生 | 从零开始学Kubernetes】九、k8s的node节点选择器与node节点亲和性

泡泡

Docker 云计算 云原生 k8s 9月月更

Javaweb核心响应对象

楠羽

笔记 Java核心笔记 9月月更

【算法实践】手把手带你简单实现希尔排序

迷彩

算法 排序算法 希尔排序 算法实践 9月月更

信息论与编码(一)| 信源分类与数学模型

timerring

9月日更 信息熵

第九期-模块一

wuli洋

如何准备vue相关的知识点

bb_xiaxia1998

Vue 前端

直冲云霄,阿里大牛耗时49天整理12W字面试手册,押题准确率直冲95%

Geek_0c76c3

Java 数据库 开源 程序员 架构

阿里五位MySQL封神大佬耗17个月总结出53章性能优化法则

Geek_0c76c3

Java 数据库 开源 程序员 开发

Canvas+Javascript实现点击小球的爆炸效果

Sam9029

JavaScript canvas 9月月更 小球爆炸

Linux安装minikube指南

程序员欣宸

Kubernetes minikube 9月月更

阿里内网流传的9w字图解网络(全彩版)GitHub现已下载量过百万

程序知音

Java 程序员 计算机网络 后端技术 计算机底层

阿里最新秋招面经,腾讯/美团/字节1万道Java中高级面试题

程序知音

Java 大厂面试 后端技术 Java面试八股文 阿里面试

【编程实践】提高工作效率,避免重复且枯燥的操作,利用Python自动发送邮件

迷彩

SMTP 邮件协议 9月月更 Python邮件发送

2022-09-25:给定一个二维数组matrix,数组中的每个元素代表一棵树的高度。 你可以选定连续的若干行组成防风带,防风带每一列的防风高度为这一列的最大值 防风带整体的防风高度为,所有列防风高度

福大大架构师每日一题

算法 rust 福大大

大数据ELK(四):Lucene的美文搜索案例

Lansonli

9月月更 EKL

大厂前端面试考什么?

loveX001

JavaScript 前端

这些js手写题你能回答上来几道

helloworld1024fd

JavaScript 前端

微信业务架构图与学生管理系统架构图

冷夫冲

架构实战营 #架构实战营 架构师实战营 「架构实战营」

2022前端面试官经常会考什么

beifeng1996

前端 React

互联网架构师联合总结的Java面试攻略,GitHub标星30K!

程序知音

java面试 大厂面试 java架构师 后端技术 Java面试八股文

【云原生 | 从零开始学Kubernetes】八、命名空间资源配额以及标签

泡泡

Docker 云计算 云原生 k8s 9月月更

面试突击86:SpringBoot 事务不回滚?怎么解决?

王磊

Java 面试

阿里P8大牛总结的Java锁机制入门笔记,堪称教科书式天花板

收到请回复

多线程 语言 & 开发

数据中台架构概述

穿过生命散发芬芳

数据中台 9月月更

总结了一下前端高频面试题的答案

loveX001

JavaScript 前端

react面试应该准备哪些题目

beifeng1996

前端 React

选择jQuery的理由_语言 & 开发_崔康_InfoQ精选文章