用Zepto代替Jquery提升移动Web用户体验

jQuery现在已经是Web开发者比较依赖的一个库.甚至在很多公司内部也把jQuery当成了一个基本库来使用.对于移动端压缩后100k左右的jQuery显得有些重量级了,于是就出现了一个轻量级兼容库Zepto.js.

Zepto是为了支持移动端的浏览器而开发的一个和jQuery API极度相似的一个库, 如果你会用jquery,那么你也会用zepto,这样就大大降低团队协作的成本,不用改变开发习惯也能迅速的进行移动端开发.

Zepto设计的目的是提供jquery的类似的APIs,但并不是100%覆盖jquery为目的。zepto设计的目的是有一个5-10k的通用库、下载并执行快、有一个熟悉通用的API,所以你能把你主要的精力放到应用开发上。

具体到我们的项目,由于各种原因,开始时并没有使用Zepto而是使用了Jquery。这次性能优化打算换成Zepto,毕竟size查了10倍啊。但是简单的把js引入替换成zeptp显然是不行的。由于用了lazyload等插件,依赖了jQuery的$.Defered, 还用了css3的一些selector,因此还有需要引入Zepto的一些扩展模块,Zepto默认提供的压缩文件只包含几个默认模块,可以通过命令自定义打包其它模块,也可以通过http://github.e-sites.nl/zeptobuilder/进行在线自定义打包和压缩。

兼容Zepto的lazyload插件可以用这个https://github.com/jieyou/lazyload

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,008评论 25 709
  • 简单的生活,应该执着着。就像看窗前的飞角,沉淀着古老的记忆在历史的深处乘风而来。斩掉了所有的风浪,伫立在桥头默然,...
    三声阅读 1,781评论 0 1
  • 遇见最好的自己 一切都是值得的
    芒果穿马甲阅读 1,846评论 1 1
  • 活动策划。这里的活动指导还是,网上或者说线上运营的活动。这里和线下活动策划有很多共性。比如文案,要求言简意赅,因为...
    若菲赋阅读 1,709评论 0 2
  • 来了大学读了一学期了,读的学前教育专业,以为每天唱唱跳跳很好玩,到了才发现,并不是那么简单,你还是得有个...
    杜杜杜佳人阅读 1,911评论 0 0