【JS Zepto 移动端的 jQuery】教程文章相关的互联网学习教程文章

手机开发类型jquery的框架Zepto(API)【代码】

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。http://www.html-5.cn/Manual/Zepto/Echo.js – 简单易用的 JavaScript 图片延迟加载插件http://www.cnblogs.com/lhb25/p/echo-js-image-lazy-loading-plugin.htmljquery.template.js与Zepto结合 1var findMsgs = function(msgIds) {2 $.ajax({3 url: "/mobile/lightmall/si...

zepto与jquery冲突

公司项目中一直用的都是zepto,但是jQuery扩展的插件比较多。  jQuery有一个方法noConflict(),可以把jQuery的$改掉。var aa = $.noConflict();就用aa来替代$了。window.$$=window.Zepto = Zepto  在zepto里加入这一行代码,就可以用$$来代替zepto里的$了。当然也可以选择其他符号来代替。原文:http://www.cnblogs.com/susanws/p/7657273.html

基于jQuery或Zepto实现实时监控用户浏览信息【代码】

对于一些大型公司,想要有一些监控用户行为的分析,怎么办?比如一个场景,A公司想要监控用户浏览当前屏幕有哪些数据怎么办?那么就用到本文所提的监控解决方案了:1.首先要监控用户到底在该屏停留了多久;2.基于1确定用户是停留在了本页面而没有滑动手机屏幕;3.在用户未达到条件后的callback机制。基于以上的问题,我们可以想到时间分片 1/* This is a expose advertisements component.2 * Base on some class libraries that ...

(jQuery||Zepto).extend 的一个小问题【代码】【图】

最近一直在搞移动端,也由于自己对jQuery比较熟悉,再加上Zepto提供了跟jQuery一样的API,所以就选择了Zepto作为开发框架。由于是移动端开发,所以也应用了一些ES5新增的API,比如forEach,下面就是我写的代码的一些示例:list.forEach(function(v) {return !!v; }) 我天真的以为forEach就跟jQuery的each一样,只要我的返回值为false,它就会中断循环,于是,类似这样的遍历代码写了不少(真的是懒得为每个遍历去声明变量啊)写了一...

Zepto.js与jquery的比较

1、Zepto.js 是专门为现代智能手机浏览器退出的 Javascript 框架, 拥有和jQuery相似的语法, 但是和jQuery相比下来, 他有很多优点, 大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小, 但是功能很齐搜索全, 多出来了一些触摸屏的事件 , 它唯一不支持的就是万恶的IE, 不过用它来开发iPhone和Android网页绝对是首选了.2、jquery主要是用在电脑的网页中了,jquery是目前最流行的j...

zepto和jquery的区别有哪些【图】

zepto和jquery的区别有哪些?本篇文章就给大家介绍zepto是什么?zepto和jquery的区别,让大家对zepto有一个了解,知道zepto和jquery的区别是什么,希望对你们有所帮助。zepto是什么?Zepto是一个基于jQuery库的现代浏览器的极简主义JavaScript库。Zepto的API和语法与jQuery的API和语法相同,所以如果你知道jQuery,你就知道Zepto了。Zepto是一个真正的移动优化库,它对于完整的Javascript库来说,是一个非常小的文件大小,非常适合...

zepto和jQueryon事件委托在苹果手机

移动端用zepto做的页面,突然发现on绑定的click事件并没有触发,代码如下:<ul> <li class="a">1111111aaaaaaasssss</li> <li class="b">aaaaaaassssss</li> <li class="c">ssssssss</li> </ul> <script>$(document).on(click,.c,function(argument) { alert($(this).html()) }) </script>我把此写法改成非事件委托的方式,发现该click事件就能触发$(‘.a’).on(click,function(argument) { alert($(this).html()) })...

基于zepto的移动端轻量级日期插件--date_picker_jquery【图】

前言做过移动Web开发的同学都知道,移动端日期选择是很常见的需求。在PC端,我们有很丰富的选择,比较出名的就有Mobiscroll和jQuery UI Datepicker。个人看来,这些插件存在的两个显而易见的问题,第一是过重的依赖,对于jQuery的插件,已经强制依赖了80多k的庞然大物,把很多移动端项目拒之门外;第二是太过强大的功能,很多插件花百分之八十的时间去完善插件百分之二十炫酷的额外功能,导致代码量变大,配置繁杂。所以一款少依赖...

jQuery插件zepto.js简单实现tab切换_jquery

老规矩,先贴代码$(function(){window.onload = function(){var $li = $('.taocan-title li');var $ul = $('.taocan-content .con110');$li.mouseover(function(){var $this = $(this);var $t = $this.index();$li.removeClass();$this.addClass('active');$ul.css('display','none');$ul.eq($t).css('display','block');})}});以上所述就是本文的全部内容了,希望大家能够喜欢。

jQuery、zepto、js常用小技巧

以下只为记录自己工作常用的片段和心得, 如有问题请指正, 多谢~ jQuery/zepto判断元素是否存在 // 判断长度是否存在, 正确 if ($elem.length) { }// 错误, 因为空数组也是true if ($elem) { }合理判断数据类型 先看代码: function case(str) {return str.match(/reg/); } 看着没问题, 但当 str 为空(false, null等)时就挂了, 适当的检查让代码更健壮, 如: function case(str) {return "string" === typeof str ? str.match(/reg/) ...

zepto与jquery的区别及zepto的不同使用8条小结【图】

首先是效果:jquery中有fadeIn和fadeOut两个效果,用来实现渐隐渐显的效果,这个在PC端自然是常用的效果。然后我们前端组的组员Mr Huang自然是想到手机页面也可以更加炫丽,于是加上了登录框的渐隐效果。给用户缓冲的效果不错。但是,zepto中并没有fadeIn和fadeOut,怎么办?难道真的就无法满足Mr Huang的愿望了吗?No. I will do it.在zepto中有个动画效果(animate),用这个效果来实现渐隐还是不错的。咱们引用中文文档中的说明...

移动端翻页插件dropload.js(支持Zepto和jQuery)

dropload.js提供了最基本的上拉翻页,下拉刷新功能。对于由服务端一次返回所有数据的情况基本通用。 但是,需求往往不是服务端一次性返回所有数据,往往还要支持服务端分页,搜索,排序,多条件筛选等功能。(比较类似美团美食的界面)一、解决方案 改进1:由于有分页,搜索,排序,多条件筛选功能,可能都不需要上拉,进到页面就没有数据。 例如:搜索一个服务端不存在的名字。 所以,添加接口设置setHasData。 MyDropLoad.proto...

jQuery插件zepto.js简单实现tab切换

老规矩,先贴代码 <script>$(function(){window.onload = function(){var $li = $(.taocan-title li);var $ul = $(.taocan-content .con110);$li.mouseover(function(){var $this = $(this);var $t = $this.index();$li.removeClass();$this.addClass(active);$ul.css(display,none);$ul.eq($t).css(display,block);})}}); </script> 以上所述就是本文的全部内容了,希望大家能够喜欢。

JS Zepto 移动端的 jQuery【代码】【图】

Zeptogithub地址: https://github.com/madrobby/zepto官方地址: http://zeptojs.com/中文版地址: http://www.css88.com/doc/zeptojs_api/Zepto就是jQuery的移动端版本, 可以看做是一个轻量级的jQuery注意点Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQueryjQuery的底层是通过DOM来实现效果的, zepto.js 是用css3 来实现的;官网下载的zepto,就已经包含了官网所述的默认模块了github上下载的zepto模块需要自己导...

web app中常用插件(zepto--用法类似于jquery、利用nodejs定制zepto)【图】

1、移动端开发不用jquery的原因jquery使用的优点中很大一个原因是解决了js的兼容性,但是在移动端开发中移动端的浏览器都很新进的浏览器,他的兼容性问题不需要jquery,所以不用考虑兼容性,移动端的动画时支持css3的,所以直接使用css3来实现动画可以减少我们对jquery中动画函数的依赖在移动端jquery对我们而言算是体积大,同时效率也不高2、在移动端使用的插件---很多api都类似于jqueryzepto是一个分模块的js库,他把不同的功能封...