支付宝关于界面制作

Author : lovecicy

alipay about

之前闲来无事,看到支付宝的关于页面,页面挺简单的,就看了看他的页面代码,学习学习。 最后制作了一张简单的页面,中间的slide是用flash做的,模仿不了,就自己用js代码实现了左右滚动。用到js的地方只有两个,一个是slide,另一个是右上角的导航。 页面主要分为四个部分,第一部分是导航,中间是最重要的slide,下面是简介和footer。 实现slide功能的js用jQuery写了一个小插件,模仿的是jQuery.tokeninput插件的结构,有几个地方hard code了,需要再修改一下,欢迎各位js高手提出批评。 实现页面地址:http://lovecicy.com/alipay/about.html 支付宝关于页面:http://ab.alipay.com/i/index.htm

standard

创建jquery插件的建议

Author : lovecicy

jQuery很强大,除了自身的api优秀好用之外,大批优秀的插件也是jQuery受欢迎的原因。 之前用过一个jQuery插件叫tokeninput,类似于autocomplete的一个插件,挺好用的,项目部署在github上,直接把源代码下载下来,因为遵循MIT协议,所以允许商业使用。因为项目需求,所以需要自己修改插件,所以硬着头皮看完了代码,1000多行,应该不算多吧。看完之后,觉得有些代码设计真的很巧妙,看几遍源码,也能学习不少知识。 最近,自己也在鼓捣一个插件,发现写的很丑,结构很是差啊,而且还是在看了tokeninput的源码之后。越到后来越发现自己的插件扩展性差,使用场所有很多限制,所以打算学习下怎么重构代码,使代码结构更合理。于是在网上搜了搜,果然一大堆,最后觉得这篇文章写的还不错,转发一篇,当做笔记。   原文: 在开发过很多 jQuery 插件以后,我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构,只要专注最主要的逻辑代码就行了。 使用相同的设计模式和架构也让修复bug或者二次开发更[Read More]

standard