Zepto.js移动前端类jQuery的框架-编程之家

Zepto.js是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto.js。在别人的手机HTML5代码里面发现这个js框架,之前都没有了解过这个框架,搜索了相关文章,发现跟jQuery有很大的相似性。而且被很多人用在手机上,所以有必要熟悉,说不定哪一天就在手机或者移动端使用这个框架了。

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

本来想转载这里的一篇文章关于Zepto的主意事项,发现这个框架已经1.13了,而且也没有讲多少。倒是可以看看这个slide.

目标平台

桌面浏览器

  • 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希望在所有的现代浏览器中作为一种基础环境来使用。

手动建立Zepto

zepto.jszepto.min.js提供以上使用方式。 然而,为了更好的程序效果和自由性,可以在使用Zepto源码构建Zepto.js和zepto.min.js的时候选择模块并作测试, 使用UglifyJS根据你的需要来生成(当服务端开启gzipped后,最精简的代码)代码。

github:https://github.com/madrobby/zepto官网:http://zeptojs.com