最近做一个CMS后台管理项目,为了给自己一定挑战,放弃使用任何webFrom控件技术(.NET平台). 全部由javascript脚本玩转这些DOM. 这对于以前一见到js就头痛的我来说实在是不小的进步.
最后结果还算满意,这都要归功于jQuery框架给我节省了无法预计的劳动量.看到网上很多人对jQuery创始人John Resig顶礼膜拜,我突然觉得为什么正在定制的EMACscript3.1/4标准不能做一个面向不同应用域的多级标准? 就是说,核心还是EMACScript那些核心函数,但是面向webBrowser执行的脚本可以分离做一个继承于EMACScript的新的标准,这个脚本就可以是类似于jQuery这样拥有能够大量简化DOM操作的功能. 同样,面向服务器端的EMAC脚本也可以增加封装很多数据结构操作的方法. 当然,这仅仅是个人YY, 对于EMAC标准组织的运做流程和规矩我是一窍不通,而且我也没用过其他的js框架如YUI,MooTools,Prototype,Dojo这些,所以更没啥发言权啦.
回到现实,jQuery社区的强大这两天使我非常惊讶,这个CMS后台的Grid图表是我自己做的,只有编辑按钮,分类排序,分页这些基本功能,UI也只能说是符合我自己的口味. 但做玩了之后看到这个扩展让我不得不叹服.flexigrid
以前尝试过ExtJS,相当不喜欢,臃肿不说(500kb),文档看似炫目,很用心,但其实写的一点也不完备. 所以才促使我用jQuery自己做一个Grid,但这个flexigrid等于把我的劳动宣布作废(开个玩笑,我知道不是这样的),主要是看它第三个Example对于分页的控制完胜于我,其他到还无所谓了.
趁这个机会我昨天翻阅了超过上百个jQuery扩展,而且一点也没有感觉疲惫,最终整理了这张在我眼里最高效优质的扩展列表,给大家参阅,也给自己备份:
————————————— body
Flexigrid – grid控件功能强大,UI出色
http://webplicity.net/flexigrid/
Animated.innerfade – 非常攒的位置渐变展示控件, 适合做UI图片展示
http://www.openstudio.fr/Animated-InnerFade-with-JQuery.html
Cycle (图片单极显示)
http://www.malsup.com/jquery/cycle/
formValidator3.1 验证 -丰富
http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html
jVal 简单验证-炫
http://www.overset.com/2008/07/31/jval-jquery-form-field-validation-plugin/
flot 图表-精致
http://code.google.com/p/flot/
jQchart 图表-业务应对全面
http://jsgt.org/lib/jquery/plugin/jqchart/
Treeview
http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
jQuery Corner
http://www.methvin.com/jquery/jq-corner-demo.html
shopping-cart 商品买卖(用的机会很少,不过可以借鉴代码)
http://nettuts.com/javascript-ajax/build-an-ajax-powered-shopping-cart/
Superfish 导航栏专业
http://users.tpg.com.au/j_birch/plugins/superfish/#
interface.eyecon – igoogle
http://interface.eyecon.ro/
————————————— expert
Jtip-Tooltip 提示
http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip
js-hotkeys
http://code.google.com/p/js-hotkeys/
dropshadow-阴影
http://eyebulb.com/dropshadow/
chain-填充item
http://github.com/raid-ox/chain.js/wikis
cookie
http://stilbuero.de/jquery/cookie/
jQuery Easing Plugin 高级滑动效果
http://gsgd.co.uk/sandbox/jquery/easing/
Pagination- 分页控件
http://plugins.jquery.com/project/pagination
dsrte-编辑器 高效,优雅
http://avidansoft.com/dsrte/
————————————— Tips
LavaLamp- 导航栏 花哨
http://gmarwaha.com/blog/?p=7
kwicks-An apple style menu
http://www.hotajax.org/demo/jquery/kwicks/kwicks/example/kwicks_final.html
jCarousel 横向滚动展示-小巧简单
http://sorgalla.com/projects/jcarousel/
Gradient jQuery plugin- 图层渐变透明度,颜色
http://www.unitorganizer.com/myblog/2007/08/gradient_jquery_plugin.html
Splitter 自定义分栏插件
http://methvin.com/jquery/splitter/default.html
Simple Star Rating 评分系统
http://php.scripts.psu.edu/rja171/widgets/rating.php
Slider Gallery – Apple.com效果(只需css设计)
http://jqueryfordesigners.com/slider-gallery/
————————————— Design
首页展示效果
http://www.panic.com/coda/
新闻图片廊,, 渐隐效果应用
http://bitsamppixels.com/
NiceJForms 表单设计
http://www.lexcat.ro/nicejforms/nicejforms.html#
