jQuery让开发者恋恋不舍的秘密

开发 开发工具 前端
今年年初,jQuery发布了1.4版本,代码也从googlecode上迁移到了github,jQuery是本人接触的第一个JavaScript类库,从此便对其难以忘记。究竟是什么让JavaScript开发者如此恋恋不舍呢?

今年年初,jQuery发布了1.4版本,代码也从googlecode上迁移到了github,在这个版本中,jQuery有相当多的改进与功能更新,它不仅包含了很多新的特性,更在性能优化方面下了很大功夫。

jQuery是本人接触的***个JavaScript类库,俗话说初恋总是让人难以忘记。一年以前,这种难以忘记仅仅是一种纯感觉,说不出来具体原因。从纯功能上说,jQuery并没有特别出色的地方。究竟是什么让JavaScript开发者如此恋恋不舍呢?

51CTO推荐专题:jQuery从入门到精通

在搭建taskspeed,检查jQuery的测试代码时,突然明晓了一个也许大家都已知道的秘密:jQuery最出色最让人恋恋不舍的是它的API设计

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

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

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

  1. el.css(prop); // 表示 getStyle  
  2. el.css(prop, val); // 表示 setStyle  
  3. el.css({ propA: valA, propB: valB }); // 表示 setStyles  
  4. 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的用户体验更好!

【编辑推荐】

  1. 不只是口号 jQuery的设计艺术
  2. jQuery四大天王:核心函数详解
  3. jQuery***实践:精妙的自定义事件
  4. 抛砖引玉 自定义jQuery扩展接口
  5. 小团队大成功 春风得意的jQuery
责任编辑:王晓东 来源: lifesinger.org
相关推荐

2013-09-03 09:42:13

Android开发者

2018-06-06 14:03:19

2012-07-30 14:57:35

Android 开发者

2016-12-01 14:51:03

2013-09-03 09:35:30

Android开发碎片化

2013-09-02 11:33:38

百度

2014-08-20 10:02:54

GitGit能力

2012-08-10 09:52:27

红帽

2012-03-13 16:04:49

2024-07-29 07:00:00

JavaScript字符串数组对象

2011-12-29 10:01:03

Windows 8注意事项

2017-11-22 22:38:30

2020-12-30 09:35:20

EuiAdmin后端vue框架

2020-03-12 12:31:01

开源谷歌量子AI

2013-08-14 13:16:08

App应用开发者

2012-04-11 12:07:21

Android

2012-06-13 01:23:30

开发者程序员

2019-04-11 09:22:31

AI 数据人工智能
点赞
收藏

51CTO技术栈公众号