zepto框架的体验

 

 1，概述

               阉割版的jQuery，但是却比jQuery更强大

               Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，如果会用jQuery，那就会用Zepto

               Zepto原理：只针对高级浏览器，不针对ie678，也就是说Zepto中相比jQuery少了很多解决兼容性的代码，据统计，jQuery中拥有50%的解决兼容性代码

               语法：和jQuery一模一样

                    $（‘div’）.css（‘background-color’，‘red’）；

          2，Zepto不支持的选择器，jQuery自创的选择器不支持

               $（‘div：even’）

               $（‘div：odd’）

               $（‘div：first’）

               $（‘div：eq（3）’）

               $（‘div：lt（3）’）

               $（‘div：gt（3）’）

               css3的选择器统统支持

               $（‘div：first-of-type’）

               $（‘div：last-of-type’）

               $（‘div：first-of-type（2n+1）’）

               总结：Zepto的$（）底层实现就是querySelectorAll支持的写法，querySelectorAll不支持的写法，zepto也不支持，zepto不需要做低版本浏览器的兼容，直接全部放弃

          3，zepto动画

               http://www.css88.com/doc/zeptojs_api/

                    zepto模块化

                    jQuery中的animate动画实现原理是什么？   定时器

                    velocity.js也是使用定时器实现动画的

                    但是zepto使用的是过渡实现动画的，zepto源码中没有setInterval函数，所以zepto实现的动画，不抖动，不抽搐，时间准确，地点准确，因为利用了浏览器内核的C++来实现的动画