这套 插件库 的开发时间应该挺长的,从工作到现在 3 年了,都是在实际的项目实践中慢慢完善起来的……还是很稳定吧。 类型上满足了 web 开发中常见的一些需求:轮播、全屏滚动、标签页、滚动条、日历、自定义下拉框、搜索建议等等……
我认为一个插件设计的好不好,首先得看其参数的设置是否规范!比如:参数语义是否和功能匹配,参数是否有必要,是否独立等等。如果一个插件设计的不规范,很可能在设置一个参数的同时影响到另一个参数…… 之前见过一个轮播插件,作者在设计插件的时候考虑就有所欠妥,向左滚动 left ,向左循环滚动 leftMarquee ……
另外,插件的可拓展性和是很重要的,处理插件内容的事件调用,还需要提供方法调用,这样在模块外需要控制插件就方便多了~为此我设计的插件除了必要的参数设置外,还有回调函数! 以轮播为例方法 调用就可以是这样的: $(selector).slider(options,callback(api));
目前这个轮播已经支持了:响应式布局,手势键盘, x 和 y 轴滚动,无缝滚动,不定尺寸滚动, 10 余种动画效果等等特点!
插件库的演示地址: http://passer-by.com/widget/ 感兴趣的可以在 github 上关注项目: https://github.com/mumuy/widget
1
lwbjing 2016-05-09 13:22:26 +08:00
赞。。
想起一句话,一千个前端有一千个轮播组件。。 |