1、什么是zepto
zepto是一个轻量级的针对现代高级浏览器的
JavaScript库, 它与
jquery有着类似的api。
如果你会用
jquery,那么你也会用zepto。
设计的目的是提供
jquery的类似的APIs,但并不是100%覆盖
jquery为目的。
zepto设计的目的是有一个5-10k的通用库、下载并执行快、有一个熟悉通用的API,所以你能把你主要的精力放到应用开发上。
Zepto 是一款开源软件,它可以被开发者和商业发布。
MIT license:
https://github.com/madrobby/zepto/blob/master/MIT-LICENSE
在线API帮助文档:
http://www.jq-school.com/api/zeptojs/index.html
官方网站:
http://zeptojs.com/
2、下载使用zepto
(1、下载zepto
默认的构建包括以下模块:
Core, Ajax, Event, Form, Effects, Polyfill, and Detect.
还有更多的模块; 所以可用模块链接在此
zepto.js v1.0 (源码) – 54.6k uncompressed, lots of comments
http://zeptojs.com/zepto.js
zepto.min.js v1.0 (压缩代码) – 24.5k when gzipped
http://zeptojs.com/zepto.min.js
Source code on Github
https://github.com/madrobby/zepto
(2、使用zepto
用一个script标签引入Zepto到你的页面的底部:
<script src=zepto.min.js></script>
如果你需要兼容ie浏览器,你可以用回
jquery。 需要注意ie10以后不再支持条件注释(为了提高与HTML5 的可互操作性和兼容性,Internet Explorer 10 标准模式和Quirks 模式中删除了对条件注释的支持),因此,我们建议以下的document.write方法:
<script>
document.write('<script src=' +('__proto__' in {} ? 'zepto' : 'jquery') +'.js><\/script>')
</script>
3、zepto兼容目标平台
桌面浏览器
Safari 5+ (Mac, Win)
Chrome 5+ (Win, Mac, Linux, Chrome OS)
Mozilla Firefox 4+ (Win, Mac, Linux)
Opera 10+ (Win, Mac, Linux)
移动端浏览器
iOS 4+ Safari
Chrome for Android
Chrome for iOS
Android 2.2+ Browser
webOS 1.4.5+ Browser
BlackBerry Tablet OS 1.0.7+ Browser
Amazon Silk 1.0+
Firefox for Android
Firefox OS Browser
Practically any WebKit-based browsers/runtimes
需要注意的是Zepto的一些可选功能是专门针对移动端浏览器的;因为它的最初目标在移动端提供一个精简的类似
jquery的js库。
在浏览器上(Safari和Chrome)上开发页面应用或者使用PhoneGap构建基于html的web-view本地应用,使用Zepto是一个不错的选择。
总之,除了ie浏览器外,zepto希望在所有的现代浏览器中作为一种基础环境来使用。
4、zepto总结
基本用法跟
jquery一样,如果做移动端页面的话,我建议大家选择使用zepto,因为它体积比
jquery的小,具体好不好用就让大家自己去体会了。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
zepto zeptojs zepto.js jquery JavaScript