1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

jQuery最出色的是 API 设计

作者:用户 来源:互联网 时间:2016-06-25 14:12:54

jquery设计api方法valavala windows一个yui3YAHOO.util.Domprop

jQuery最出色的是 API 设计 - 摘要: 本文讲的是jQuery最出色的是 API 设计, jQuery 将马上发布 1.4 正式版,代码也从 googlecode 上迁移到了 github. jQuery 是我接触的第一个 JS 类库,俗话说初

jQuery 将马上发布 1.4 正式版,代码也从 googlecode 上迁移到了 github. jQuery 是我接触的第一个 JS 类库,俗话说初恋总是让人难以忘记。一年以前,这种难以忘记仅仅是一种纯感觉,说不出来具体原因。前几天重新看了一遍 github 上的源码。从纯功能上说,jQuery 并没有特别出色的地方。究竟是什么让我如此恋恋不舍呢?

昨天搭建 taskspeed, 检查 jQuery 的测试代码时,突然明晓了一个也许大家都已知道的秘密:

jQuery 最出色最让人恋恋不舍的是它的 API 设计。

比如 dom-style 的 api, YUI3 和 MooTools 等框架采用的是传统方式:

el.setStyle(prop, val);
el.getStyle(prop);
el.setStyles({ propA: valA, propB: valB });
el.getStyles(propA, propB); // MooTools 支持

在 jQuery 里,一个 css 方法全部搞定:

el.css(prop); // 表示 getStyle
el.css(prop, val); // 表示 setStyle
el.css({ propA: valA, propB, valB }); // 表示 setStyles
el.css(prop, func); // func 是一个返回 val 值的函数

对比以上两种 API 设计,乍一看 jQuery 显得不那么“标准”。但从可记忆性和灵活性上讲,我觉得 jQuery 的设计都更人性化。jQuery 的 API 还符合学习上的渐进式思维:先学会最简单的情况el.css(prop), 再了解到还可以有两个参数,接着发现参数可以是 map, 更进一步发现 val 还可以是一个函数。func 参数甚至能带给学习者一种惊喜:居然还可以这样用!jQuery 把一种渐进和愉悦带进了学习和使用的过程中,实在漂亮!

YUI3 的 API 缺少这种乐趣。查询 jQuery 的 API, 会有一种探寻秘密的寻宝感觉。YUI 的文档查询则让人感觉就是份工作,有点 boring.

和 YUI2 相比,YUI3 的 API 做了些改变。在 YUI2 里,YAHOO.util.Dom 的方法名,严格以动词开头,虽然有些方法名长点,但总体规律性很强,可记忆性还不错。在 YUI3 里,则出现了 byId, elementByAxis 等方式命名的方法。纯粹为了省几个字符?这种不一致性很纳闷。还有一些以名词命名的方法:ancestor, docHeight, 乍一看很难以为是方法。

老婆说,要睡觉了,就不码字了。最后说一句:YUI3 的 API 整体还是挺不错的,比如 Node 的方法命名,就非常严谨。ancestor 也是为了对应 next, prev 等命名。也就是说:Y.Dom 其实已变成了内部 API, 不鼓励用户直接调用。

但是不知为什么,我还是觉得 jQuery 的 API 设计高出一个层次,套用一句流行话就是:
jQuery API 的用户体验更好。



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery , 设计 , api , 方法 , vala , vala windows , 一个 , yui3 , YAHOO.util.Dom prop jquery api、jquery api 中文、jquery api 下载、jquery在线api、jquery3.1.1 api 文档,以便于您获取更多的相关知识。

mete-华为Mate体验如何,有用过的么?

...幕,满足大屏视觉效果   2:四核处理器,2GB RAM,硬件出色。   3:背部磨砂手感不错。   4:影音功能支持格式全,支持杜比音效。   5:4000mAh电池   缺点:   1:底部动作条隐藏/开启没有提示。   2:悬浮按...

Google排名中的10个最著名的 JavaScript库_javascript技巧

JavaScript 是 Web 开发与设计中不可或缺的东西,不管是一个简单的网页还是一个专业的站点,也不管你是高手还是菜鸟,如今 JavaScript 库越来越强大,可以胜任许多复杂的工作,然而同时,人们在众多 JavaScript 库面前又觉得无所...

-整理一些好的开源项目

首先说明,要想找开源项目,当然是Github。 另外oschina上面也可能有你要的,这个是分类的链接:http://www.oschina.net/project/tags,比如这个是一个Python的相关开源资源:http://www.oschina.net/project/lang/25/python 但是不管是用Github还是oschina...

开源软件推介(三)

可视化HTML编辑器 TinyMCE ==================================================== TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行的各种浏览器,由JavaScript写成。功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),...

文章: 《JavaScript与JQuery》书评

《JavaScript与JQuery》 一书是一份关于JavaScript与jQuery类库的核心功能的入门指南。整本书的内容非常直观,而且它的读者群明显更偏向具有设计经验,而不是具有技术或编码背景的读者。 全书的结构清晰易懂,并且使用了大量的...

前三篇
后三篇