zepto 使用别名

2024-10-21

Zepto源码分析（一）核心代码分析

本文只分析核心的部分代码,并且在这部分代码有删减,但是不影响代码的正常运行. 目录 * 用闭包封装Zepto * 开始处理细节 * 正式处理数据(获取选择器选择的DOM) * 正式处理数据(添加DOM到当前实例) * 在实例的原型链上添加方法 * 支持插件扩展 * 验收用闭包封装Zepto // 对全局暴露Zepto变量 var Zepto = (function() { // 定义$变量,并将具体细节交给zepto.init处理 $ = function(selector, context)

学习zepto.js(原型方法)[2]

接着昨天的来,继续说原型方法,昨天的传送阵(昨天出了点小意外,博文经过WP手机的UC浏览器进行编辑后标签就露出来了- -,现已修复); $.grep(): 作用与Array.filter类似(其实就是调用的filter方法- -) 通过传入两个参数,第一个为类数组的对象,第二个为用来执行判断的函数; var array = [1,2,3,4,5]; var even = $.grep(array,function (value) { return value % 2 === 0; }); con

一款超好用轻量级JS框架——Zepto.js(上)

前言絮叨絮叨之前我们介绍过JQuery怎么自定义一个插件,但没有详细介绍过JQuery,那么今天呢....我们还是不说JQuery,哈哈哈哈但是今天我们介绍一款和JQuery超级像的一款框架--Zepto. 之所以说Zepto和JQuery超级像,是因为他们的用法一样,除了有那么一点不同之外,基本没有任何区别,如果你会用JQuery,那么,你就会用Zepto. 但是相比较之下,Zepto是比JQuery更加轻量级的一款JavaScript库,更加倾向于应用的开发. 那么所以呢,今

zepto 基础知识(1)

1.$() 的用法. 获取元素 $('div') //获取所有页面中的div元素 $('#foo') // 获取ID 为"foo"的元素创建元素 $("<p>Hellow</p>"") //新的p元素 $("<p/>",{text:"Hellow",id:"greeting",css:{color:'darkblue'}}) //<p id="

C++11特性——变量部分（using类型别名、constexpr常量表达式、auto类型推断、nullptr空指针等）

#include <iostream> using namespace std; int main() { using cullptr = const unsigned long long *; //C++11新变量类型long long;constexpr unsigned long long * 为非法 typedef wchar_t * wchptr; /* 使用using或typedef声明的类型别名的变量实例初始化时,不同类型变量不可使用","写在同一行如://

TypeScript为Zepto编写LazyLoad插件

平时项目中使用的全部是jQuery框架,但是对于做webapp来说jQuery太过于庞大,当然你可以选择jQuery 2.*针对移动端的版本. 这里我采用移动端使用率比较多的zepto框架,他跟jquery语法类似,相当于精简的jQuery把! 做webapp不得不考虑用户的网络情况跟用户体验度,所以传统的分页,在webapp上肯定是不行的,这里一般情况都是做成滚动自动更新,对于图片方面,当然是lazyload了,但是网上的lazyload Plugin是jQuery的,当然你可以改写成Zept

Git小技巧 - 指令别名及使用Beyond Compare作为差异比较工具

前言本文主要写给使用命令行来操作Git的用户,用于提高Git使用的效率.至于使用命令还是GUI(Tortoise Git或VS的Git插件)就不在此讨论了,大家根据自己的的喜好选择就好.我个人是比较推荐使用命令行的,因为命令行是原生的客户端,当熟悉了命令行以后,使用效率并不会比GUI低.而且我是从GUI(Tortoise SVN)转命令行的,刚开始的时候也是吐槽命令行的“非人性化”,但我走出了舒适区,真正使用起命令行后,我才发现了自己之前的想法是肤浅的. 指令别名指令别名就是给一些常用的指令

zk 起别名时候碰到的问题

第一次搭建时候都是用的ip,没什么问题,看到别人都是用的别名,于是也想试试把ip改成别名.然而其中碰到的问题 ,快一周了才解决,现在记录下: 1.改主机别名一直以为修改 /etc/hosts 里面重启后就可以了,然而修改后一直不起作用,于是乎发现了这篇文章: http://www.cnblogs.com/kerrycode/p/3595724.html 除了介绍为何修改 /etc/hosts 以及/etc/sysconfig/network 后不起作用,还有如何不开机就修改hostn

webpack配置别名alias出现的错误匹配

@(webpack) webpack是一款功能强大的前端构建工具,不仅仅是针对js,它也可通过各种loader来构建相关的less,html,image等各种资源,将webpack配合流程制定工具gulp结合起来,则更为方便的自定义工作流程. [TOC] webpack的alias匹配问题初现在webpack.config.js中,通过设置resolve属性可以配置查找"commonJS/AMD模块"的基路径,也可以设置搜索的模块后缀名,当然,最后一个就是我们要讲的别名alias设置

IoC组件~Autofac将多实现一次注入，根据别名Resove实例

回到目录对于IoC容器来说,性能最好的莫过于Autofac了,而对于灵活度来说,它也是值得称赞的,为了考虑系统的性能,我们经常是在系统初始化于将所有依赖注册到容器里,当需要于根据别名把实现拿出来,然后再使用即可:而如果每次使用都是注册-反射,我相信那是很耗性能的,所以我们决定先依赖一次注册,按需反射对象的实例! 通过Named全局注册接口的所有实现 var builder = new ContainerBuilder(); builder.RegisterType<Mul1>() .Name

zepto/jQuery、AngularJS、React、Nuclear的演化

写在前面因为zepto.jQuery2.x.x和Nuclear都是为现代浏览器而出现,不兼容IE8,适合现代浏览器的web开发或者移动web/hybrid开发.每个框架类库被大量用户大规模使用都说明其戳中了开发者的刚需.本文将对比zepto/jQuery到Nuclear的设计和演化的过程. 无框架时代互联网的春风刚刮来的时候,人们当时利用三剑客制作网页. <div onclick="showMsg()"></div> <script> funct

JavaScript事件详解-Zepto的事件实现（二）【新增fastclick阅读笔记】

正文作者打字速度实在不咋地,源码部分就用图片代替了,都是截图,本文讲解的Zepto版本是1.2.0,在该版本中的event模块与1.1.6基本一致.此文的fastclick理解上在看过博客园各个大神的文章后对我确实有很大的帮助,当然,我的某些观点可能不是很准确甚至有错误,欢迎讨论,白天基本在线. zepto的event 可以结合上一篇JavaScript事件详解-原生事件基础(一)综合考虑源码暂且不表,github里还有中文网站都能下到最新版的zepto.整个event模块不长,274行,我

jquery和zepto的扩展方法extend

jquery和zepto的扩展方法extend 总结下jQuery(3.1.1)和zepto(1.1.6)到底是如何来开放接口,使之可以进行扩展,两者都会有类型判断,本文使用简单的类型判断,暂不考虑兼容. 类型判断 var class2type = {},toString = class2type.toString,$={}; //判断类型 function type(obj) { return obj == null ? String(obj) : class2type[toString.ca

MyBatis中关于别名typeAliases的设置

第一种:通过在配置文件中typeAlias节点设置type的方式 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd"> <configurati

[原创]zepto打造一款移动端划屏插件

最近忙着将项目内的jquery 2换成zepto 因为不想引用过多的zepto包,所以花了点时间 zepto真的精简了许多,源代码看着真舒服正好项目内需要一个划屏插件,就用zepto写了一个逻辑其实很简单,但没想到测试时,在老版本android设备浏览器上的touchmove有许多bug 做兼容倒是搞了一阵效果图样式1 样式2 调用正常情况下应该是后台生成的html代码,但还是写了一套操作tab页的方法调用简便如下: <link rel="stylesheet" hr

zepto之tap事件点透问题分析及解决方案

点透现象出现的场景: 当A/B两个层上下z轴重叠,上层的A点击后消失或移开(这一点很重要),并且B元素本身有默认click事件(如a标签)或绑定了click事件.在这种情况下,点击A/B重叠的部分,就会出现点透的现象. 点透现象出现的原因: zepto的tap事件是通过兼听绑定在document上的touch事件来完成tap事件的模拟的,并且tap事件是冒泡到document上触发的!!! 在移动端不使用click而用touch事件代替触摸是因为click事件有着明显的延迟,具体touchsta

zepto弹出层组件

html: <!DOCTYPE html> <html> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"

原生JS实现购物车结算功能代码+zepto版

html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Con

zepto返回顶部动画

点击返回顶部 function goTop(acceleration, time) { acceleration = acceleration || 0.1; time = time || 16; var x1 = 0; var y1 = 0; var x2 = 0; var y2 = 0; var x3 = 0; var y3 = 0; if (document.documentElement) { x1 = document.documentElement.scrollLeft || 0;

关于zepto（相似于jquery、jQuery用于网页浏览器，zepto用于手机浏览器）

http://blog.csdn.net/kongjiea/article/details/42522305 -----关于zepto和jquery的差别 jQuery 使用 .width() 和 .css('width') 都返回 ,高度也一样: Zepto 使用 .width() 返回 ,使用 .css('width') 返回 0px . (试了一下,.width和.css('width')返回的都一样)

基于zepto的H5/移动端tab切换触摸拖动加载更多数据

以前实现移动端的滑动加载更多实现的方法是当滚动条快到页面底部时就自动加载更多的数据,在这方面很多人都用的是"西门的后花园"写的一个叫dropload的插件,这个插件用起来也很好,很感谢西门的后花园作者.我以前在项目中用的也是这个插件,后来我老大说能不能做成那种向上拖动才会加载更多的效果,不要这种滚动到底部就加载,于是我就使用了iscroll. 以下代码是加入了从数据库读取数据并判断数据全部加载完成的效果(事实是只模拟了从数据库读取数据,在使用时可将post请求的url和data换成你自

zepto 使用别名

热门专题