首页 > TAG信息列表 > zepto

jquery与其它插件冲突时

一般是不会把zepto和jquery一起来用的。但有时候要引入一些插件,可能就会遇到这样的问题。 jquery noConflict()jquery有一个方法叫noConflict() ,可以把jquery的$改掉。 var jq=$.noConflict(); 这个时候用jq来代替jquery的$吧。 zepto的符号改掉 window.$$=window.Zepto = Zep

Zepto入门详解

Zepto 用文档的话来说,Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 主要针对移动端,因为不兼容IE浏览器,所以更轻量级,体积更小,才10k左右,为移动端各事件提供很好的支持,但它也有部分API是和jQuery的实现方式

zepto和jquery的区别

1. Zepto 对象 不能自定义事件 例如执行: $({}).bind('cust', function(){}); 结果: TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象: 例如: $('').bind('cust', function(){}); 2. Zepto 的选择器表达式: [name=value] 中

网页|Zepto框架层次选择器

1.引言 说到选择器,大家可能会想到层叠样式表。在css中,选择器可以获取元素,为其添加css样式;但zepto框架与css选择器相比,它更加强大,因为zepto选择器为元素添加的是行为,行为的添加使得页面的交互更加丰富多彩。今天就来介绍一下zepto的常用选择器——层次选择器、属性选择器。 2.层次

Zepto入门

Zepto 的介绍 #什么是 Zepto zepto是轻量级的JavaScript库,专门为移动端定制的框架。 与jquery有着类似的API,俗称:会jquery就会用zepto #zepto的特点 针对移动端 轻量级,压缩版本只有8kb左右 响应,执行快 语法、API大部分同jquery一样,学习难度低,上手快。 目前API完善的框架

Zepto实战练习(2)_JS交互功能实现

index.js /** * Created by zhiyongYan on 2017/3/6. */ $(function () { //初始化坐标变量 var last = {row:0,col:0}; var now = {row:1,col:1}; //初始化四个方向变量 var direction = {up:1,right:2,down:3,left:4}; //初始化是否移动变量 var isMoving = fals

WebApp开发-Zepto

zepto.js自己去官网下载哈。 DOM操作 $(document).ready(function(){ var $cr = $("<div class='cr'>插入的div</div>"); // 插入操作 $("#a").append($cr); $cr.appendTo($("#a")); $("#a").prepend($cr);

zepto选择器

跟jQuery非常类似,非常适合移动端 先去官网下载zepto.min.js https://www.bootcdn.cn/zepto/    https://www.bootcdn.cn/zepto/     在网页中引入 <script src="js/zepto.min.js"></script>  编写第一个zepto小程序 <!DOCTYPE html> <html lang="en"> <h

WebApp开发-Zepto

zepto.js自己去官网下载哈。 DOM操作 $(document).ready(function(){ var $cr = $("<div class='cr'>插入的div</div>"); // 插入操作 $("#a").append($cr); $cr.appendTo($("#a")); $("#a").prepend($cr);

Zepto的使用

1.简介       随着移动端的愈加火爆,目前很多HTML5的框架都在支持移动方向,比如:Vue.js,zepto.js,React Native等等。 Zepto是一个轻量级的针对现代高级浏览器的JavaScript 库, 它与jquery 有着类似的api。 如果你会用 jquery,那么你也会用 zepto。 Zepto的设计目的是提供 jQu

zepto学习(三)之详解

zepto Zepto就是jQuery的移动端版本, 可以看做是一个轻量级的jQuery github地址: https://github.com/madrobby/zepto 官方地址: http://zeptojs.com/ 中文版地址: http://www.css88.com/doc/zeptojs_api/ 注意点: Zepto的设计目的是提供 jQuery 类似的API,但并不是1

zepto学习(一)之click事件和tap事件比较

一、click 和 tap 比较 两者都会在点击时触发,但是在手机WEB端,click会有 200~300 ms,所以请用tap代替click作为点击事件。 singleTap和doubleTap分别代表单次点击和双次点击。 $("div").tap(function(){         ...... }) 或者 $("div").on('tap',function(){

转: zepto的使用方法

有些不了解zepto的同学在刚接触的时候肯定有很多疑惑,这个东西怎么用啊,去哪里下载啊,什么时候该用什么时候不该用啊,其实我以前也是这样的。jquery使用多了那么就让我们一起来了解下zepto把。   在移动端用不着pc端兼容难么多的浏览器,所以就有了zepto.js,如果此时用jquery的话就有些

Zepto.js

1.Zepto.js介绍 Zepto.js最初目标在移动端提供一个精简的类似jquery的js库。 Zepto.js的API类似jQuery,熟悉jQuery可以无缝迁移到Zepto.js Zepto.js增加了针对移动端的触摸和手势相关的事件 Zepto.js模块化做的很灵活,可以自定义组合模块 zepto默认是有五个模块的,分别为zepto、event

javascript – Zepto.js不返回false?

我正在尝试使用zepto.js将事件处理程序绑定到单击函数.通常在JQuery中我可以说返回false并且实际的点击将永远不会通过. Zepto不支持这个吗?如果是这样,如何解决这个问题?解决方法:要在jQuery事件处理程序中复制返回false的行为,您需要调用event.preventDefault()和event.stopPropaga

Ajax JSON Decode Slim PHP问题?

好吧,我似乎无法从我的ajax调用解码JSON,它将用户数据发布到我的api,它是用超薄的php构建的. 这是我的ajax .. var jsonData; jsonData = [ { username: "user", password: "pass" } ]; $.ajax({ type: "POST", url: "http://localhost/ap

Zepto源码分析-架构

构造函数   Zepto.js 是专门为智能手机浏览器推出的javascript库, 拥有与和jQuery相似的语法。  它的优点是精简,压缩后5-10K。  不支持IE  MIT开源协议   结构   http://zeptojs.com/(1.6.1版本) 架构        自调用匿名函数 /** * 整体上的自调用匿名函数,

Zepto源码分析-event模块

源码注释 // Zepto.js // (c) 2010-2015 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. ;(function($){ var _zid = 1, undefined, slice = Array.prototype.slice, isFunction = $.isFunction, isString = f

Zepto源码分析-callbacks模块

// Zepto.js // (c) 2010-2015 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. /** * 回调函数管理:添加add() 移除remove()、触发fire()、锁定lock()、禁用disable()回调函数。它为Deferred异步队列提供支持 * 原理:通过一个数组

Zepto源码分析-zepto模块

源码 // Zepto.js // (c) 2010-2015 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. var Zepto = (function() { //定义局部变量 concat = emptyArray.concat 缩短作用域链 var undefined, key, $, classList, emptyArray

Zepto源码分析-deferred模块

源码注释    // Zepto.js // (c) 2010-2015 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. // // Some code (c) 2005, 2013 jQuery Foundation, Inc. and other contributors ;(function($){ var slice = Array.prototyp

Zepto源码分析-form模块

源码注释 // Zepto.js // (c) 2010-2015 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. ;(function($){ /** * 序列表单内容为JSON数组 * 返回类似[{a1:1},{a2:2}]的数组 * @returns {Array} */ $.fn.

zepto源码分析系列

 如果你也开发移动端web,如果你也用zepto,应该值得你看看。有问题请留言。 Zepto源码分析-架构   Zepto源码分析-zepto(DOM)模块   Zepto源码分析-callbacks模块   Zepto源码分析-event模块   Zepto源码分析-ajax模块   Zepto源码分析-form模块   Zepto源码分析-deferred

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

1、移动端开发不用jquery的原因   jquery使用的优点中很大一个原因是解决了js的兼容性,但是在移动端开发中移动端的浏览器都很新进的浏览器,他的兼容性问题不需要jquery,所以不用考虑兼容性,   移动端的动画时支持css3的,所以直接使用css3来实现动画可以减少我们对jquery中动画函数

zepto 源码 $.contains 学习笔记

$.contains(parent,node)  返回值为一个布尔值 ==> boolean parent,node我们需要检查的节点检查父节点是否包含给定的dom节点,如果两者是相同的节点,返回 false。zepto代码实现方式: $.contains = document.documentElement.contains ? function(parent, node) { return pa