zepto初体验

文章意在记录自己在学习angular2中的一些收获,请带着质疑的眼光去看文章。由于本人也是学习阶段,语言各方面的难免会不严谨的地方甚至错的地方,若有说的不对的地方,欢迎指出~~~

简介

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。

移动端框架和传统框架的区别:

主要区别是移动端框架内部对移动端做一些优化和处理,它并不为你解决适配问题(适配一般用bootstrap);再次就是事件上,移动端主要是触摸之类的,pc则是鼠标键盘事件;还有就是移动端可以使用很多H5的技术,比如定位之类的。

为什么要使用Zepto

1.无缝接入和改造现有的项目
2.更好的代码执行效率

对比其他框架的优势

1.学习成本低
2.比较轻量化,没有提供复杂的模式

Zepto中的$

$做的是选择器的事情,即把页面中的dom元素选择出来,返回给我们,然后我们根据需要给dom元素做操作,比如绑定事件、操作样式、属性操作等。
和jquery$的区别:看起来差别不大,实际上Zepto中的$对移动端做了很多优化,源码中也比jQuery简单了很多。

Zepto Core和Event官网例子都很详细了。

Zepto中的ajax

和jQuery中的如出一辙,只不过它使用的是XMLHttpRequest level 2的协议,优点就是它可以直接实现一些PC端跨域访问的请求。

Zepto touch

touch事件全部是插件:
比如fx、fx_methods动画效果,不推荐使用太多动画,性能会差。

比如deferred是处理异步回调的设计模式

还可以自己扩展插件

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

推荐阅读更多精彩内容

  • 1.简介 随着移动端的愈加火爆,目前很多HTML5的框架都在支持移动方向,比如:Vue.js,zepto.js,R...
    曼珠沙华_521b阅读 79,976评论 0 22
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    伯纳乌的追风少年阅读 25,965评论 2 46
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 10,938评论 0 106
  • 很抱歉,我是怀着读东野圭吾的悬疑小说的心去读的这本书。约摸读到书的四分之一厚,脑子里还在琢磨浅井爱丽到底是被谁所害...
    骆浅予阅读 3,465评论 0 0
  • 在一个月后,终于从医院获得了证实怀孕的报告,也从这时起,我开始了职场孕妇生活。至今怀孕已5周了,孕吐现象逐渐...
    叶yes思阅读 3,388评论 4 3