提示补全组件：Kissy Suggest

 转自 http://www.javaeye.com/topic/428485

 

去年针对谷歌的搜索提示，发过一篇文章：从谷歌的一个Bug说起，谈谈键盘事件的兼容性。从那时开始，就一直想写一个适应中国本土环境的提示组件。

 

前不久做淘宝首页的性能优化，淘宝原来用的是 YUI AutoComplete, 但因其庞大的体积（压缩后 30k, 还需依赖 30k 的 datasource 组件），同时对中文输入法的支持不好（这是英美人士永远难以发现的 bug），使得 YUI AutoComplete 显得很鸡肋。这次做性能优化，索性重写了一个提示组件，目标是精简够用，适应本土环境。

 

 

 

重写后的组件压缩后约 10k, 仅依赖 YUI2 的 yahoo-dom-event. 目前在淘宝已全面应用一个多月。现在开源出来，希望能对需要此功能的兄弟们有所帮助。源码地址：

 

http://kissy.googlecode.com/svn/trunk/src/suggest/

 

suggest-yui2.js 是源码，test.html 是测试页面，demo.html 是实例，demo-google.html 是利用该组件给谷歌恢复搜索提示的小玩意。如果在项目中真实使用，需要加载以下两个文件：

 

http://kissy.googlecode.com/svn/trunk/lib/yui2/yahoo-dom-event.jshttp://kissy.googlecode.com/svn/trunk/build/suggest/suggest-yui2-min.js

 

可以很自信地说：这个组件目前无论在细节还是性能上，都是数一数二的。

 

欢迎试用和有效的建议。

 

PS：很感慨 Google 的产品，精致小巧，非常注意细节。Google 英文首页的搜索提示，看似简单，但极不简单。对键盘和鼠标等事件的细节处理上，没有看到比 Google 做得更好的。Kissy Suggest 在交互细节上基本上做到了和 Google 的一样，同时增加了对本土输入法的支持。