自己写的一套 jquery 组件库

2016-05-09 13:04:23 +08:00
 mumuy

这套 插件库 的开发时间应该挺长的,从工作到现在 3 年了,都是在实际的项目实践中慢慢完善起来的……还是很稳定吧。 类型上满足了 web 开发中常见的一些需求:轮播、全屏滚动、标签页、滚动条、日历、自定义下拉框、搜索建议等等……

我认为一个插件设计的好不好,首先得看其参数的设置是否规范!比如:参数语义是否和功能匹配,参数是否有必要,是否独立等等。如果一个插件设计的不规范,很可能在设置一个参数的同时影响到另一个参数…… 之前见过一个轮播插件,作者在设计插件的时候考虑就有所欠妥,向左滚动 left ,向左循环滚动 leftMarquee ……

另外,插件的可拓展性和是很重要的,处理插件内容的事件调用,还需要提供方法调用,这样在模块外需要控制插件就方便多了~为此我设计的插件除了必要的参数设置外,还有回调函数! 以轮播为例方法 调用就可以是这样的: $(selector).slider(options,callback(api));

目前这个轮播已经支持了:响应式布局,手势键盘, x 和 y 轴滚动,无缝滚动,不定尺寸滚动, 10 余种动画效果等等特点!

插件库的演示地址: http://passer-by.com/widget/ 感兴趣的可以在 github 上关注项目: https://github.com/mumuy/widget

2415 次点击
所在节点    jQuery
4 条回复
lwbjing
2016-05-09 13:22:26 +08:00
赞。。
想起一句话,一千个前端有一千个轮播组件。。
mumuy
2016-05-09 13:32:02 +08:00
@lwbjing 哈哈哈,每个人对产品的理解总是千差万别吧
coldwinds
2016-05-11 00:07:16 +08:00
@mumuy 有没有 bower 打包
mumuy
2016-05-11 06:42:37 +08:00
@coldwinds 不做任何工程化工具的使用~

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/277314

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX