AnnQi

zepto.js

zepto.js中文网

复制压缩版内容.png

复制touch.png

你可能感兴趣的:(zepto.js)

两步使用Express快速创建web服务器 T-ihan 前端 node.js 服务器
一:首先需要给大家介绍一下Express~~~Express是一个基于Node.js平台，快速、开放、极简的web开发框架。框架：是一个半成品，用来快速解决一类问题；库就是工具集，使用非常灵活）（框架有：bootstrap,lay-ui,express,vue,react;库：zepto.js,jQuery,day.js,underscore,lodash,art-template,axios,e
淘宝前端SUI Mobile 使用记录路人男主 c#SUI Mobile
用这个框架的时候遇到几个坑，记录一下，也想让大家少走弯路。1、皮肤的用法和其他一样，没有什么区别。2、js、css建议引用cdn加速3、在引用的脚本下面需先引用$.init否则你无法使用他的js4、zepto.js与Jquery.js冲突，所以不能引用jquery,(如果必须要用，你可以转让控制权)zepto.js也自带有一些基本的jquery功能
Zepto.js 简介（第一章） zhangjingbibibi
Zepto.js简介（第一章）在做C端-H5的时候，很多时候会用到Zepto.js，所以在这里，我就把它整理一下。什么是Zeptozepto是轻量级的JavaScript库，专门为移动端定制的框架与jquery有着类似的API，俗称：会jquery就会用zeptoZepto的特点针对移动端轻量级，压缩版本只有8kb左右响应，执行快语法，API大部分同jquery一样，学习难度低，上手快目前API完
2019-07-04 zepto.js WYX雨菱欣翼
1.Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api.1.将字符串转换成驼峰式的新字符串，如果是驼峰式的，字符串不变$.camelCase(string)⇒string$.camelCase('font-size')===>'fontSize'$.camelCase('fontSize')===>'fontSize'2.$.contains(pa
web前端掌握知识点产品技术Zane
Web前端工具CodePen、JSFiddle、JSBin、阿里巴巴矢量图库、SassMeisterWeb前端文档jQueryApi中文文档、CSS3参考手册、React中文文档、ChromeDevTools中文文档WEB开发速查表、JavaScript代码片段、Parcel中文文档、webpack中文文档Babel中文文档、Underscore.js中文文档、Zepto.js中文文档、Lodas
实现手机淘宝轮播图片放大查看 cs大个子女生
实现淘宝的这个功能实现功能是点击淘宝的图片可以放大,继续轮播.js+html主要jscss就不放图片了,其实实现的方式就是用层级,z-index.我主要用了swiper.就直接把代码放上了.记得引入swiper.css和swiper.js.我使用的是zepto.js,其实跟jq没什么区别,引入哪一个都可以Document//字体document.documentElement.style.font
春节求生大作战，是孝子就坚持到底 40_N
一、基本信息1、主题：春节求生大作战，是孝子就坚持到底2、来源：简单心理3、类型：游戏型4、技术实现：Zepto.js二、内容策划“春节求生大作战”H5围绕“是孝子，就坚持到底”展开设计了一个简单的小游戏。“大作战”值得是过年回家遇到的亲戚各种各样的“催逼”。eg.“快回家吧”，“要不结婚，没有人要”，“买没买房？”，“都是亲戚，帮个忙吧！”。“坚持到底”，就是面对过年回家的种种难题，一直要坚持下
ES6 + stylus + zepto.js + webpack4.x 使用示例漫漫江雪
ES6+stylus+zepto.js+webpack4.x项目示例在线预览(chrome浏览器下F12切换到手机模式)源码地址image.png项目步骤1.yarnaddswiperzepto2.起先是想用js引入的方式直接写还是练习一下webpack的使用以及ES6import模块化加载的方式yarnaddwebpackwebpack-cli3.安装webpack的基本loaderyarnad
在vue项目使用webpack引用zepto和 jQuery的配置 Rose_yang
//zeptomodule:{rules:[loaders:[{test:resolve('static/js/zepto.js'),loader:'exports-loader?window.Zepto!script-loader'}],]}module.exports=vuxLoader.merge(baseConfig,{plugins:['vux-ui','duplicate-style'
城市搜索——基于zepto.js锚点选择后进行搜索你好不约
本来不想写这个，想着把zepto.js在了解下，再写，后来想想，可能我会忘，还是做个记录吧。基于zepto.js的字母锚点定位到城市是从网上下载的资源，出于项目需要，新增了城市搜索功能。具体的实现如下图：原图（zepto.js）的城市检索基于业务需求，新增input输入检索字段选中某一字段以上是样式，样式的代码很简单，暂且压下不提，主要来谈下在这个城市列表页面进行输入某个字，检索符合的城市名。思路
zepto实现fadeIn,fadeOut和fadeToggle Sylvie_9459
Zepto.JS是移动端常用的JavaScript类库，它不仅实现了jQuery中大部分的功能，而且文件大小只有20几kb，在移动端特别适合替代jQuery。但是Zepto.JS本身没有提供动画方法，需要手动加入zepto.animate.fx.js模块，实现fadeIn，fadeOut，fadeToggle方法。/*zepto.animate.alias.js*/(function($){$.e
editor.md #js markdown编辑器 IamaStupid
文档：editor.md.ipandao.comeditor.md编辑器需要依赖jquery.js或者zepto.js引入editormd.min.css，editormd.min.js除此之外，editor.md项目中的lib/plugins/fonts/images/languages几个文件夹也不能删除，因为代码运行时，会引入里面的文件代码：关闭实时预览实时预览getMarkdowngetH
基于zepto的移动端下拉刷新小插件
上次开发笔记里《基于zepto和WeUI的H5页面开发笔记》提到下拉刷新功能，这是很基本很常用的功能，为了下次自己更便捷的使用，便简单的封装了一下GScroll.jsdemo.html基于WeUI和zepto.js的列表下拉刷新样例html,body{height:100%;}.container{position:absolute;top:0;right:0;bottom:0;left:0;ov
html2canvas踩坑-页面截取空白宝龙Say
截取空白原因一：百度、谷歌了n久，基本啥方法都试了一遍，还是一直截取空白然后把页面内容一一去掉，最后发现是一个js搞得鬼，zepto.js把这个js换成jquery.js就完美截屏了。。。截取空白原因二：涉及这些CSS属性也会截图空白背景混合模式边框图像盒子装饰断裂盒子阴影过滤字体变体连字混合混合模式对象拟合重复线性梯度（）写作模式放大
关于IOS下H5点击延迟的问题小结 Spooking
因为系统要判断你是点击还是滑动，所以会有这300毫秒的延迟但是不管你用什么方法，fastclick还是其他，这个延迟只是缩小而不是消失，除非你使用touchstart事件，不管是否滑动的情况下。在IPAD2018上，HBuilder基座真机实测，fastclick的效果不如zepto.js的tap，希望看到的有帮助。要想无延迟，touchstart你值得拥有，因为我做的是类似H5打地鼠的游戏，最后
jQuery与Zepto的异同 sdcV
相同点Zepto.js号称移动版的jQuery，两者的API及其相似。zepto文件更加小，只有8k多，如果熟悉jQuery，可以很容易掌握Zepto。不同之处zepto为移动端设计，有一些基本的触摸事件，如（tap、swipe事件），zepto不支持iE浏览器。DOM操作上有区别：Zepto能添加id，jQuery不能！(function($){$(function(){var$insert=$
20151014 黄华 review snandy
1document.getElementById可以用zepto的$2可以直接使用zepto.js的onm.on($('.newh2.p1')[0],'animationend',function(e){$('.newh2.p2').addClass('teampic-flash');})改为$('.newh2.p1').on('animationend',function(e){$('.newh
在线打包zepto--zeptobuilder beforerFE
zeptobuilderhttp://github.e-sites.nl/zeptobuilder/Paste_Image.pnghttp://zeptojs.com/http://www.zeptojs.cn/http://www.css88.com/doc/zeptojs_api/zepto.js源码解析http://www.runoob.com/w3cnote/zepto-js-source
Vue 刘远舟
一、概念介绍Vue.js和React.js分别是目前国内和国外最火的前端框架，框架跟类库/插件不同，框架是一套完整的解决方案，对项目的侵入性较大，当项目需要更换框架时，需要重构整个项目，类库/插件则是提供某一个小功能，对项目的侵入性较小，当使用某个类库/插件无法完成某些需求时，可以很容易切换到其它类库/插件来实现需求，例如从jQuery.js切换到zepto.js，从IScroll.js切换到Sc
HTML5手势、拖放、定位事件辫儿哥哥 Javascript 前端开发 html5 javascript 前端
文章目录1.手势事件（移动端）1.1click事件1.2tap类事件1.3swipe类事件1.4touch类事件2.拖放事件3.定位事件3.1getCurrentPosition()方法3.2watchPosition()方法3.3clearWatch()方法3.4百度地图api获取当前定位1.手势事件（移动端）引入：zepto库，该库与jQuery用法相同。封装了移动端手势Zepto.js是专门
11-移动端开发教程-zepto.js入门教程 derfyfxh588690
Zepto.js是一个轻量级的针对现代浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。1.WhyZepto.js？API类似jQuery，熟悉jQuery可以无缝迁移到Zepto.jsZepto仅针对高版本现代浏览器设计了最小核心的通用库，代码体积小，尤其适合移动端开发。Zepto增加了针对移动端的触摸和手势相关的事件Zepto模块
移动端点击事件全攻略 ddr66288
接触过移动端开发的前端可能都会面临点击事件的第一个问题：click事件的300ms延迟响应。不能立即响应给体验造成了很大的困扰，因此解决这个问题就成为了必然。这个问题的解决方案就是：zepto.js的tap事件。tap事件可以理解为在移动端的click事件，而zepto.js因为几乎完全复制jQuery的api，因此常常被用在h5的开发上用来取代jquery.由于模块化的原因，导致有的前端下载的z
Zepto.js学习笔记 yujin0213 JavaScript
1、$.each可以用来遍历普通数组和对象数组，当遍历普通数组时，回调函数的参数是索引、数组里的每个元素$.each([a,b,c],function(index,item){})当遍历对象时，回调函数参数是每个对象的key、每个对象的value2、$.extend$.extend(target,[source,[source2,...]])浅拷贝针对嵌套对象$.extend(true,targe
zepto框架以及原生方法实现无缝轮播图 isMrcat banner
注：zepto实现在pc端模拟有一定的bug，把里面的start=false注释掉即可Zepto实现。HTML代码：js代码：（需要引入zepto.js请到github下载）$(function(){varwd=$('.homePageBanner').width();varstart=true;vartimer;var$imgList=$('.homePageBannerul').eq(0);v
Uncaught TypeError: Cannot read property 'trigger' of undefined（zepto.js） ijijni js
去掉pointermovepointerdownpointerstart原因：点击tap，touchstart和pointerstart都执行了，tap里面代码执行了两次，仔细看了下，首先点击后触发了两次，说明被绑定了两次事件，然后查看下zepto的touch.js代码，发现它绑定了三个事件touchendMSPointerUppointerup，touchend是触摸相关的事件，MSPointe
Zepto学习笔记（一） laiyue2014 笔记
1.zepto与jQuery.mobile的对比zepto.js框架：简化到不能再简化的javascript库。提供一个执行速度和下载速度更快的更轻量化的框架给你使用。更像一个工具库，封装了很多工具方法。（框架轻量、侧重性能、节省带宽）JQuerymobile:绑定了一套自己的用户界面系统。（高度组件化、包含UI、异步加载了一些冗余的东西）2.zepto与jQuery的对比1、Zepto.js是专
Web前端框架与移动应用开发第七章：二 denghe4720
3.练习3：抽奖大转盘注意事项：需要使用Zepto.js，区别于zepto.min.js实现效果：转盘转动抽奖html抽奖大转盘活动日期即日起-8月30日-->$(function(){var_deg=0;$(".start").on("tap",function(){_deg=_deg+920;$(".cj-bg").css("-webkit-transform","rotate("+_deg+
Swiper中使用Velocity 小结点 javascript swiper.js velocity
参考swiper-animate实现了一个使用js控制动画的小插件，具体内容看readme如下：Desciption这是一个swiper的js动画插件，语法参考并类似swiper.animate.js，swiper.animate-twiceUsage载入jquery.js或者zepto.js和swiper-effect.js添加动画元素eff是默认的动画类名data-eff-in和data-ef
如何实现swipe、tap、longTap等自定义事件谦龙 javascript html5 zepto jquery
前言移动端原生支持touchstart、touchmove、touchend等事件，但是在平常业务中我们经常需要使用swipe、tap、doubleTap、longTap等事件去实现想要的效果，对于这种自定义事件他们底层是如何实现的呢？让我们从Zepto.js的touch模块去分析其原理。您也可以直接查看touch.js源码注释源码仓库原文链接事件简述Zepto的touch模块实现了很多与手势相关
Zepto核心模块之工具方法拾遗谦龙 zepto.js jquery javascript html html5
前言平时开发过程中经常会用类似each、map、forEach之类的方法，Zepto本身也把这些方法挂载到$函数身上，作为静态方法存在，既可以给Zepto的实例使用，也能给普通的js对象使用。今天我们主要针对其提供的这些api做一些源码实现分析。源码仓库原文链接具体各个api如何使用可以参照英文文档Zepto.js中文文档Zepto.js1.$.camelCase该方法主要是将连字符转化成驼峰命名
Linux的Initrd机制被触发 linux
Linux 的 initrd 技术是一个非常普遍使用的机制，linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式，变化不仅反映在文件格式上， linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术，然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
maven本地仓库路径修改 bitcarter maven
默认maven本地仓库路径：C:\Users\Administrator\.m2 修改maven本地仓库路径方法： 1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml 2.找到
XSD和XML中的命名空间 darrenzhu xml xsd schema namespace 命名空间
http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml http://blog.csdn.net/wanghuan203/article/details/9203621 http://blog.csdn.net/wanghuan203/article/details/9204337 http://www.cn
Java 求素数运算周凡杨 java 算法素数
网络上对求素数之解数不胜数，我在此总结归纳一下，同时对一些编码，加以改进，效率有成倍热提高。第一种：原理: 6N(+-)1法任何一个自然数，总可以表示成为如下的形式之一： 6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…)
java 单例模式 g21121 java
想必单例模式大家都不会陌生，有如下两种方式来实现单例模式： class Singleton { private static Singleton instance=new Singleton(); private Singleton(){} static Singleton getInstance() { return instance; }
Linux下Mysql源码安装 510888780 mysql
1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz (1)创建mysql的安装目录及数据库存放目录解压缩下载的源码包，目录结构，特殊指定的目录除外：
32位和64位操作系统墙头上一根草 32位和64位操作系统
32位和64位操作系统是指：CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的，但是这些CPU并不是真正意义上的64 位CPU，里面依然保留了大部分32位的技术，只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面，32位系统的最大寻址空间是2 的32次方= 4294967296（bit）= 4（GB）左右，而64位系统的最大寻址空间的寻址空间则达到了
我的spring学习笔记10-轻量级_Spring框架 aijuans Spring 3
一、问题提问： → 请简单介绍一下什么是轻量级？轻量级（Leightweight）是相对于一些重量级的容器来说的，比如Spring的核心是一个轻量级的容器，Spring的核心包在文件容量上只有不到1M大小，使用Spring核心包所需要的资源也是很少的，您甚至可以在小型设备中使用Spring。
mongodb 环境搭建及简单CURD antlove Web Install curd NoSQL mongo
一搭建mongodb环境 1. 在mongo官网下载mongodb 2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db" 3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
数据字典和动态视图百合不是茶 oracle 数据字典动态视图系统和对象权限
数据字典（data dictionary）是 Oracle 数据库的一个重要组成部分，这是一组用于记录数据库信息的只读（read-only）表。随着数据库的启动而启动,数据库关闭时数据字典也关闭数据字典中包含数据库中所有方案对象（schema object）的定义(包括表，视图，索引，簇，同义词，序列，过程，函数，包，触发器等等) 数据库为一
多线程编程一般规则 bijian1013 java thread 多线程 java多线程
如果两个工两个以上的线程都修改一个对象，那么把执行修改的方法定义为被同步的，如果对象更新影响到只读方法，那么只读方法也要定义成同步的。不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据，就不要将方法设置为synchronized的。
将文件或目录拷贝到另一个Linux系统的命令scp bijian1013 linux unix scp
一.功能说明 scp就是security copy，用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议，保证了数据传输的安全，其格式如下： scp 远程用户名@IP地址：文件的绝对路径
【持久化框架MyBatis3五】MyBatis3一对多关联查询 bit1129 Mybatis3
以教员和课程为例介绍一对多关联关系，在这里认为一个教员可以叫多门课程，而一门课程只有1个教员教，这种关系在实际中不太常见，通过教员和课程是多对多的关系。示例数据：地址表： CREATE TABLE ADDRESSES ( ADDR_ID INT(11) NOT NULL AUTO_INCREMENT, STREET VAR
cookie状态判断引发的查找问题 bitcarter form cgi
先说一下我们的业务背景： 1.前台将图片和文本通过form表单提交到后台，图片我们都做了base64的编码，并且前台图片进行了压缩 2.form中action是一个cgi服务 3.后台cgi服务同时供PC，H5，APP 4.后台cgi中调用公共的cookie状态判断方法（公共的，大家都用，几年了没有问题）问题：（折腾两天。。。。） 1.PC端cgi服务正常调用，cookie判断没
通过Nginx,Tomcat访问日志(access log)记录请求耗时 ronin47
一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间 nginx.conf使用配置方式： log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
java-67- n个骰子的点数。把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 bylijinnan java
public class ProbabilityOfDice { /** * Q67 n个骰子的点数 * 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 * 在以下求解过程中，我们把骰子看作是有序的。 * 例如当n=2时，我们认为（1，2）和（2，1）是两种不同的情况 */ private stati
看别人的博客，觉得心情很好 Cb123456 博客心情
以为写博客，就是总结，就和日记一样吧，同时也在督促自己。今天看了好长时间博客: 职业规划: http://www.iteye.com/blogs/subjects/zhiyeguihua android学习: 1.http://byandby.i
[JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析 comsci 工作流
我们已经不满足于仅仅跳跃一次，通过对引擎的升级，今天我测试了一下循环反馈模式，大概跑了200圈，引擎报一个溢出错误在一个流程图的结束节点中嵌入一段方程，每次引擎运行到这个节点的时候，通过实时编译器GM模块，计算这个方程，计算结果与预设值进行比较，符合条件则跳跃到开始节点，继续新一轮拓扑分析，直到遇到
JS常用的事件及方法 cwqcwqmax9 js
事件描述 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
正则表达式验证日期格式 dashuaifu 正则表达式 IT其它 java其它
正则表达式验证日期格式 function isDate(d){ var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i); if(!v) { this.focus(); return false; } } <input value="2000-8-8" onblu
Yii CModel.rules() 方法、validate预定义完整列表、以及说说验证 dcj3sjt126com yii
public array rules () {return} array 要调用 validate() 时应用的有效性规则。返回属性的有效性规则。声明验证规则，应重写此方法。每个规则是数组具有以下结构：array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
UITextAttributeTextColor = deprecated in iOS 7.0 dcj3sjt126com ios
In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0." Ins
判断一个数是质数的几种方法 EmmaZhao Math python
质数也叫素数，是只能被1和它本身整除的正整数，最小的质数是2，目前发现的最大的质数是p=2^57885161-1【注1】。判断一个数是质数的最简单的方法如下： def isPrime1(n): for i in range(2, n): if n % i == 0: return False return True 但是在上面的方法中有一些冗余的计算，所以
SpringSecurity工作原理小解读坏我一锅粥 SpringSecurity
SecurityContextPersistenceFilter ConcurrentSessionFilter WebAsyncManagerIntegrationFilter HeaderWriterFilter CsrfFilter LogoutFilter Use
JS实现自适应宽度的Tag切换 ini JavaScript html Web css html5
效果体验：http://hovertree.com/texiao/js/3.htm 该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。 HTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"
Hbase Rest API : 数据查询 kane_xie REST hbase
hbase（hadoop）是用java编写的，有些语言（例如python）能够对它提供良好的支持，但也有很多语言使用起来并不是那么方便，比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口，它内嵌了jetty作为servlet容器。启动命令：./bin/hbase rest s
JQuery实现鼠标拖动元素移动位置（源码+注释）明子健 jquery js 源码拖动鼠标
欢迎讨论指正！ print.html代码： <!DOCTYPE html> <html> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <title>发票打印</title> &l
Postgresql 连表更新字段语法 update qifeifei PostgreSQL
下面这段sql本来目的是想更新条件下的数据，可是这段sql却更新了整个表的数据。sql如下： UPDATE tops_visa.visa_order SET op_audit_abort_pass_date = now() FROM tops_visa.visa_order as t1 INNER JOIN tops_visa.visa_visitor as t2 ON t1.
将redis,memcache结合使用的方案? tcrct redis cache
公司架构上使用了阿里云的服务，由于阿里的kvstore收费相当高，打算自建，自建后就需要自己维护，所以就有了一个想法，针对kvstore(redis)及ocs(memcache)的特点，想自己开发一个cache层，将需要用到list，set，map等redis方法的继续使用redis来完成，将整条记录放在memcache下，即findbyid，save等时就memcache，其它就对应使用redi
开发中遇到的诡异的bug wudixiaotie bug
今天我们服务器组遇到个问题：我们的服务是从Kafka里面取出数据，然后把offset存储到ssdb中，每个topic和partition都对应ssdb中不同的key，服务启动之后，每次kafka数据更新我们这边收到消息，然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了，最开始我们是在代码中打印存储的日志，发现没什么问题，后来去查看ssdb的日志，才发现里面每次set的时候都会对同一个key

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他