- 浏览: 330738 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (354)
- 学习 (219)
- 工作 (69)
- 前端技术 (188)
- 个人评论 (1)
- 工作总结 (1)
- 工作的方法 (1)
- 代码库 (1)
- jQuery (63)
- javascript (4)
- css (4)
- 网络通信协议 (3)
- web (7)
- 服务端性能 (1)
- 优化 (1)
- html5 (4)
- serialize (1)
- 上线页面 (1)
- ie6 (6)
- js (1)
- iframe (1)
- flash (1)
- a (1)
- img (1)
- 页面tms的要求 (1)
- kissy (3)
- 需求也页面 (0)
- 需求页面 (2)
- 视频插件 (1)
- 切图片 (1)
- map (1)
- display (1)
- 浮动定位 (1)
- 大小图片的切换功能 (2)
- demo (1)
- margin (1)
- a标签 (1)
- border (1)
- 侧导航 (1)
- 切换PNG格式的css (1)
- padding (1)
- 显示添加和删除 (1)
- 滚动条 (1)
- 和图片处理 (1)
- 移动端 (1)
- 定位 (1)
- 移动端的包的引入作用与直接拨打电话的A标签 (1)
- git (1)
- node.js (1)
- Zepto (1)
最新评论
-
幻紫1992:
还有分页的功能、、(⊙o⊙)嗯
[JS代码库] -
幻紫1992:
就是没有返回顶部的按钮,这个页面、、
[JS代码库] -
幻紫1992:
很受用,O(∩_∩)O谢谢啦~
[JS代码库] -
nlnl520coco:
想下个东西 规则太苛刻了 网站得改进
[JS代码库] -
hxp520520:
new Limiter() 这个对象是kissy API里面的 ...
Limiter的简单demo--20131029
Zepto
Zepto,是一个比较有争议的框架,最近一直在做移动端页面开发,一直在用这个框架,今天对于用了这么久的框架来聊聊这个Zepto如何。
Zepto是什么:
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果会用jquery,那么也会用zepto,从这里了解到,Zepto是一边比较新的框架,它比jquery小很多,只有20多KB,实现了,jquery只能说一部分的功能。
Zepto - jquery 对比:
Zepto号称迷你版jQuery,并且成为移动端dom操作库的首选
事实上zepto很多时候只是借用了jQuery的名气,保持了与其基本一致的API,其内部实现早已面目全非!
艾伦分析了jQuery,我就暂时没有那个本事分析jQuery,这里就恬不知耻说说自己对zepto的源码理解。
核心代码1000行不到,快速占领了移动端的市场。
也如艾伦所言,jQuery狭义的讲其实就是dom操作库
zepto将这点发扬光大,并且抛弃了浏览器兼容的包袱,甚至CSS3的前缀都不给加,这些因素造就了zepto小的事实。
Zepto - jquery 性能上:
一直特别纠结zepto性能这个问题,有的人说zepto体积小,性能好,然后又看国外的一个帖子,说除了体积小,性能比jquery差很多。各个人的说法不一,不清楚到底选择哪个好。经过在pc浏览器和手机浏览器上测试,zepto的效率确实很低,除了体积小,没有任何优势,jquery的性能差不多是zepto的2.5倍。一定要消除这个观念,不是体积很小,效率就很高。
Zepto的一些核心的组件是哪些呢:
zepto现在也采用了模块拆分,这样读起来其实代码十分清晰,门槛也低了很多,整个zepto核心模块保持在900行以内
看他很好的发扬了dom库特点便是因为这900行基本在干dom操作的活
核心模块有以下部分组成
① 闭包变量、工具类方法定义
这个部分主要为后面服务,比如说什么isFunction/isPlainObject/children
其中有一个比较特别的变量是
② zepto与jQuery的$
zepto第二阶段干的事情便是定义了一个类
③ zepto与jQuery的$.fn
我们知道jQuery的$.fn指向的是jQuery.prototype的原型对象,而zepto的fn就是一个简单对象
$.fn = {};
这里有段非常关键的代码是:
还有一些就不一一写出来了。
既然Zepto这样那为为什么还要用它呢:
他适用于移动设备已经桌面浏览器除了ie系列的
他兼容jquery的API,所以学起来或用起来并不吃力。他比jquery的优势在于
1.他够小,只有21k左右,功能俱全(这里的功能齐全只是说再实现一些比较实用的效果和接口上等等)。
2.增加了移动设备的触摸等事件,不需要再次引入其他手机框架如jquery mobile。
3.虽然不兼容ie但是提供了一个兼容方法
总结:Zepto确实是是一个很轻量级的移动端js框架,去除了jquery那么繁重的和用不到的功能模块,在基于jquery的基础上跟进出来,能大部分的时间移动端所需要的效果和功能,学习和入手快,不方便的地方,在于没有jquery或者jquery mobile强大已经css3动画效果,游览器的兼容,等等,一个框架的新起总有他的好处和问题所以还是需要看个人的需要来定。
Zepto,是一个比较有争议的框架,最近一直在做移动端页面开发,一直在用这个框架,今天对于用了这么久的框架来聊聊这个Zepto如何。
Zepto是什么:
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果会用jquery,那么也会用zepto,从这里了解到,Zepto是一边比较新的框架,它比jquery小很多,只有20多KB,实现了,jquery只能说一部分的功能。
Zepto - jquery 对比:
Zepto号称迷你版jQuery,并且成为移动端dom操作库的首选
事实上zepto很多时候只是借用了jQuery的名气,保持了与其基本一致的API,其内部实现早已面目全非!
艾伦分析了jQuery,我就暂时没有那个本事分析jQuery,这里就恬不知耻说说自己对zepto的源码理解。
核心代码1000行不到,快速占领了移动端的市场。
也如艾伦所言,jQuery狭义的讲其实就是dom操作库
zepto将这点发扬光大,并且抛弃了浏览器兼容的包袱,甚至CSS3的前缀都不给加,这些因素造就了zepto小的事实。
Zepto - jquery 性能上:
一直特别纠结zepto性能这个问题,有的人说zepto体积小,性能好,然后又看国外的一个帖子,说除了体积小,性能比jquery差很多。各个人的说法不一,不清楚到底选择哪个好。经过在pc浏览器和手机浏览器上测试,zepto的效率确实很低,除了体积小,没有任何优势,jquery的性能差不多是zepto的2.5倍。一定要消除这个观念,不是体积很小,效率就很高。
Zepto的一些核心的组件是哪些呢:
zepto现在也采用了模块拆分,这样读起来其实代码十分清晰,门槛也低了很多,整个zepto核心模块保持在900行以内
看他很好的发扬了dom库特点便是因为这900行基本在干dom操作的活
核心模块有以下部分组成
① 闭包变量、工具类方法定义
这个部分主要为后面服务,比如说什么isFunction/isPlainObject/children
其中有一个比较特别的变量是
zepto = {};
② zepto与jQuery的$
zepto第二阶段干的事情便是定义了一个类
$ = function(selector, context){ return zepto.init(selector, context) }
③ zepto与jQuery的$.fn
我们知道jQuery的$.fn指向的是jQuery.prototype的原型对象,而zepto的fn就是一个简单对象
$.fn = {};
这里有段非常关键的代码是:
domArr.__proto__ = $.fn;
还有一些就不一一写出来了。
既然Zepto这样那为为什么还要用它呢:
他适用于移动设备已经桌面浏览器除了ie系列的
他兼容jquery的API,所以学起来或用起来并不吃力。他比jquery的优势在于
1.他够小,只有21k左右,功能俱全(这里的功能齐全只是说再实现一些比较实用的效果和接口上等等)。
2.增加了移动设备的触摸等事件,不需要再次引入其他手机框架如jquery mobile。
3.虽然不兼容ie但是提供了一个兼容方法
总结:Zepto确实是是一个很轻量级的移动端js框架,去除了jquery那么繁重的和用不到的功能模块,在基于jquery的基础上跟进出来,能大部分的时间移动端所需要的效果和功能,学习和入手快,不方便的地方,在于没有jquery或者jquery mobile强大已经css3动画效果,游览器的兼容,等等,一个框架的新起总有他的好处和问题所以还是需要看个人的需要来定。
发表评论
-
node.js的学习-20140611
2014-06-11 23:17 727//创建一个h1方法里面舒服一个nihao functi ... -
node.js的学习-20140609
2014-06-09 23:01 530Node.js 是一个基于Chrome JavaScript ... -
git的学习-20140604
2014-06-04 23:30 472Git使用 首先 开启"G ... -
PC和移动端的页面的一些差距-20140525
2014-05-25 23:46 847首先 1、标签、描述等描述清晰准确 2、网站结构3层树状结构 ... -
Bootstrap排版基础样式和响应式图片-20140521
2014-05-22 00:41 2707Bootstrap基础排版样式 .col-xs-* // ... -
Bootstrap特性、设计和组件-20140519
2014-05-19 22:22 675特点 Bootstrap是基于jQuery框架开发的,它在j ... -
Bootstrap流式布局-20140515
2014-05-16 00:26 14705流布局是一种适应屏幕的做法。即不固定块的宽度,而是采用百分比作 ... -
Bootstrap的宽度和分辨率的差别-20140514
2014-05-14 23:05 6206首先在bootstrap里面所有 ... -
Bootstrap的认识-20140513
2014-05-14 00:09 1338通过公司的两个比较大 ... -
jquery初步认识-20140123
2014-01-24 01:30 650一、原型模式结构 // 定义一个jQuery构造函数 ... -
html5的特殊标签作用-20140114
2014-01-15 01:04 876<base>、定义页面中所有链接的基准URL & ... -
ie下的指定样式-20140106
2014-01-08 00:00 7251. <!--[if !IE]><!--&g ... -
margin-left在IE6下左浮动加倍-20140102
2014-01-02 23:04 713一、IE6下如果line-height超出本身区块的heigh ... -
浮动存在的问题-20131229
2013-12-29 23:00 512看一个正常的浮动案例 <!DOCTYPE h ... -
在ie6下同张图片不能外面包有a标签后在画热区-20131223
2013-12-23 23:47 822最近在做页面有的发现一个问题 <div class ... -
ie6下导航存在的问题和-2013-12-20
2013-12-21 00:51 598最近在做事的时候发现一个有趣的问题,在上网也找过但是都没有很好 ... -
按比例展示的小js-20131217
2013-12-18 00:41 398做需求的做到一个关于这个功能的项目所以记下来 Math.ra ... -
定位需要注意-20131214
2013-12-15 01:07 658在CSS中关于定位的内容 ... -
flash在Safari下的BUG-20131212
2013-12-12 01:09 729<object width="940&qu ... -
使用模版的基本尝试-20131209
2013-12-10 01:19 605使用模版的基本尝试 模版是大家多多少少都有用多的,那么就在这 ...
相关推荐
让jquery validation plugin 支持zepto
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。touch库实现'swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown', 'doubleTap',...
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal...
zepto.js的中文手册,中文api说明,zepto中文注释
mobiscroll zepto date
基于zepto实现的适合移动网页的大转盘抽奖效果
一款很好看的zepto手机移动端弹出提示框图标动画特效,相当简单实用的手机端操作提示效果。
node了一个,包含模块:zepto event ajax form fx assets data selector touch
Zepto.js移动端左右滑动导航菜单,支持iOS,Android(暂不支持WP)等系统,PC端查看效果需要用鼠标左键按住导航菜单拖动,模拟手机上手指拖动效果。
zepto.js 这个可以用tap事件
方便离线使用的zepto中文离线手册,在线中文手册原地址:http://www.html-5.cn/Manual/Zepto/
zepto包含touch模块,可以使用touch模块的相关事件,需要的朋友可以下载
Zepto集成touch版本,常用的都在里面,比官方7个组件的好
zepto 中文api文档 【离线文件】
JS框架中的zepto框架,是一款轻量级框架,Zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件、swipe事件
实现效果: 如今非常流行的HTML5页面展现形式,特别是在一些微信应用... 方式大都采用如此方式,今天我们提供大家一款这种页面特效,支持手机端触屏向上滑动,页面非 常流畅,基于zepto,轻量级框架,大家可以看看。
zepto实现的简洁tab选项卡,亲测可用
zepto文档api及其js文件
Zepto是用于现代浏览器的极简JavaScript库,具有与 jQuery兼容的API。 移动端常用js
zepto 的懒加载