移动开发框架，第【三】弹：Zepto.js

【原创】作者：一只猿

原文：http://www.92ez.com

转载请注明出处，谢谢

Zepto.js 是支持移动WebKit浏览器的JavaScript框架，具有与jQuery兼容的语法。2-5k的库，通过不错的API处理绝大多数的基本工作。如果你已经熟悉jquery的语法，并能熟练使用jquery，那么，相信你一定能够毫无压力地使用zepto.js来快速开发出个性的移动端页面。

jquery与zepto的对比：

语法相同，会使用jquery就会使用zepto。

那为什么我们不直接使用jquery呢，jquery已经那么火了，而且稳定性也相当不错，干嘛还要使用zepto这个新的js库呢？

这就要谈到运行环境的不同了，正所谓因地制宜，jquery适用于PC端桌面环境，桌面环境更加复杂，jquery需要考虑的因素非常多，尤其表现在兼容性上面，相对于PC端，移动端的发杂都远不及PC端。目前主流智能手机的操作系统上内置的浏览器都是比较现代的浏览器，支持新的W3C规范标准，兼容性相对比较统一，zepto主要是针对移动端的平台进行优化，而没有像jquery那样考虑到pc端的种种因素。

正因为jquery考虑的事情太多太多，所以，它臃肿，当然，按照理论上来说，你仍然可以把jquery用在移动端，因为它仍然兼容移动端的浏览器，而且变现也想当出色，为什么不用呢？毫无疑问，手机上的带宽永远比不上pc端。pc端下载jquery到本地只需要1~3秒（90+K），但是移动端就慢了很多，2G网络下你会看到一大片空白网页在加载，相信用户第二次就没打开的欲望了。

zepto解决了这个问题，只有不到10K的大小，2G网络环境下也毫无压力，表现不逊色于jquery。所以移动端开发首选框架，个人推荐zepto.js。

前面说了这么多zepto的好处，那干嘛不在pc端也用它？

前面说到zepto只针对了移动端的浏览器，毕竟pc端和移动端平台之间的差异还是很大，如果你想把zepto用在pc端的网页中，建议还是别这样做，这样只会让你遇到很多不必要的麻烦。

介绍了zepto，下面给出它的一些相关资料，供大家参考。

如果你想深入学习zepto或者你想快速建立自己的移动端页面，你可以参考官方首页上的api文档。

zepto.js官方首页：http://zeptojs.com/

转载于:https://www.cnblogs.com/cydmk/archive/2013/05/12/3074039.html

移动开发框架，第【三】弹：Zepto.js相关推荐

移动端开发框架Zepto.js
一.概述 Zepto.js是一个轻量的js库,它与jQuery有类似的API. zepto的设计目的是不到10K的通用库,快速下载,有一个熟悉的api-->精力专注在开发上. 流行起来的原因:轻 ...
Zepto.js框架
Zepto 一.Helloworld <!DOCTYPE html> <html><head><meta charset="UTF-8"& ...
scroll事件实现监控滚动条并分页显示示例（zepto.js）
scroll事件实现监控滚动条并分页显示示例(zepto.js ) 需求:在APP落地页上的底部位置显示此前其他用户的购买记录,要求此div盒子只显示3条半,但一页有10条,div内的滑动条滑到一页 ...
每日三道前端面试题--vue 第三弹
每日三道前端面试题--vue 第三弹 Vue常见的指令有哪些? Vue的生命周期函数有哪些?(中文及英文)? vue2.0生命周期 vue3.0生命周期 vue怎样自定义指令? 自定义指令全局注册 ...
tcplayer 源码改造第三弹 - 防盗录
文章目录前序简介人群 git地址源码改造tcplayer.js(各位客官请自行格式化代码) 修改思路添加配置参数添加防盗录的节点添加防盗录的节点样式使用说明参数说明使用示例相关推 ...
Zepto.js库touch模块代码解析
Zepto.js也许并不陌生,专门针对移动端开发,Zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件.swipe事件),Zepto是不支持IE浏览器的. 下面来解析一些Zepto.js触摸 ...
他是第一个到达学校的人英语_日本留学：不需要英语成绩的大学盘点·私立学部篇（第三弹）...
今日知识点:日本留学也是需要英语成绩的. 很多同学左脚刚要迈进日本留学大门,右脚就被英语成绩给吓回去了.嗯?我就是因为英语不好,才来日本的呀??? 连载篇来啦~大圣历时168小时整理出来不需要提交英语 ...
Bootstrap入门（三十）JS插件7：警告框
Bootstrap入门(三十)JS插件7:警告框通过这个插件可以为警告信息添加点击以及消失的功能. 当使用一个.close按钮,它必须是第一个子元素.alert-dismissible,并没有文字内 ...
Zepto.js简介
Zepto.js简介一.总结一句话总结: Zepto.js语法和jquery起码百分之90相似,主要做移动端框架,和jquery mobile是一个类型的概念 1.Zepto.js做移动端的特点? ...
JavaScript -- 时光流逝（三）：js中的 String 对象的方法
JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javasc ...

移动开发框架，第【三】弹：Zepto.js

移动开发框架，第【三】弹：Zepto.js相关推荐

最新文章

热门文章