Zepto.js

cloudwiseAPM 2017-05-26

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。

学习文档：http://www.css88.com/doc/zeptojs_api/ 

文档声明：

Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API，所以你能把你主要的精力放到应用开发上。

Zepto 是一款开源软件，它可以被开发者和商业发布

cloudwiseAPM

cloudwiseAPM

相关推荐

zepto快速入门教程

* DOM操作配置对象：jquery不同使用配置对象添加id，class。。。

小仙儿 / 0评论 2020-03-01

jquery和zepto的异同

文件大小比较小 只有8k左右 ,是目前功能库中最小的一个，尽管不大，zepto 所提供的工具足以满足开发程序的需要，大多数在jquery中常用的API和方法Zepto 都有，Zepto 和API大部分都能和jquery兼容 所以用起来和jquery差不多。

80437916 / 0评论 2020-02-01

Android、IOS浏览器的适配问题整理

移动端、 兼容/适配 、 IOS点击事件300ms延迟 、点击穿透 、 定位失败 ...onTouchmove 、 ontouched 、 ontouchstart 、 ontouchcancel。此问题是由于区分单击事件和双击屏幕缩放的历史原因造成的。2

zhoutaifeng / 0评论 2020-01-17

为什么Web前端变的越来越复杂，变得更加难学了

前端发展了也有些年头了，曾记得很多年前，聊起前端，都觉得是很简单，那个时候都没有前端工程师这个职位。可现在，前端已经逆袭了，已经不是原来的样子了,各种技术层出不穷，显的越来越高深莫测了。前端真的变得那么难了吗？在我看来，前端还是原来的前端，虽然有些关变换，

xxuncle / 0评论 2019-12-29

Zepto的使用

随着移动端的愈加火爆，目前很多HTML5的框架都在支持移动方向，比如：Vue.js，zepto.js，React Native等等。Zepto是一个轻量级的针对现代高级浏览器的JavaScript 库， 它与jquery 有着类似的api。Zepto的设计

89463661 / 0评论 2019-12-26

webpack 转化未模块化的 js 库

script-loader 把我们指定的模块 JS 文件转成纯字符串，exports-loader 将需要的 js 对象 module.exports 导出，以支持 import 或 require 导入。怎样拿到一个包含更多模块的 zepto 包 ？通过

PowerITxiang / 0评论 2019-11-04

Zepto.js

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery 。Zept

cloudwiseAPM / 0评论 2017-05-26

jQuery，zepto源码的简单实现记录

本文记录jQuery，Zepto对js的一些封装库的知识，我希望从本文开始去深入学习js这门语言，以及在面向对象，原型上封装的使用。让自己在js方面有能够有一定进步。共勉jQuery库简单的jQuery库的实现需要先了解闭包，立即执行函数以及JavaScr

88570299 / 0评论 2019-07-01

你不需要 jQuery，但你需要一个 DOM 库

写这篇文章的目的，一方面是介绍一下自己编写的模块化 DOM 库 domq.js，另一方面是希望大家对 jQuery 有一个正确的认识，即使 jQuery 已经逐渐退出历史舞台，但是它的 API 将会以另外一种形式存在下去。jQuery 不会死去从 Git

momode / 0评论 2019-07-01

为什么我们的web前端变的越来越复杂

前端发展了也有些年头了，曾记得很多年前，聊起前端，都觉得是很简单，那个时候都没有前端工程师这个职位。可现在，前端已经逆袭了，已经不是原来的样子了,各种技术层出不穷，显的越来越高深莫测了。前端真的变得那么难了吗？在我看来，前端还是原来的前端，虽然有些关变换，

Xhj / 0评论 2019-06-29

Zepto 源码分析 4 - 核心模块入口

承接第三篇末尾内容，本篇结合官方 API 进入对 Zepto 核心的分析，开始难度会比较大，需要重点理解几个核心对象的关系，方能找到线索。Create a Zepto collection object by performing a CSS select

Awara / 0评论 2019-06-29

Zepto 源码分析 3 - qsa 实现与工具函数设计

承接第一篇末尾内容，本部分开始进入 zepto 主模块，分析其设计思路与实现技巧：。};先从第一个与原型链构造不直接相关的工具函数 qsa 说起，观察 Zepto 的设计思路。selector.slice : selector, // Ensure tha

New丶Elements / 0评论 2019-06-29

Zepto 源码分析 2 - Polyfill 设计

在进入 Zepto Core 模块代码之前，本节简略列举 Zepto 及其他开源库中一些 Polyfill 的设计思路与实现技巧。IE 模块 / CSSOM 相关 PolyfillZepto 的 IE 模块 src/ie.js 中仅仅包含了一个兼容性降级

ftl / 0评论 2019-06-29

Zepto 源码分析 1 - 进入 Zepto

选择 Zepto 的理由Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery

thisisid / 0评论 2019-06-29

前端学习 从零开始

之后可以模仿一些网站做些页面。之后建议马上看《javascript语言精粹》，js是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写的代码就行，自己就不用尝试了。

FruitHardCandy / 0评论 2018-04-18

JQuery或Zepto单页应用路由Router

之前一直都是在用AngularJs在做前台开发，这几天要做移动版页面，所以前端采用了Zepto+WEUI CSS来做，主要是因为Zepto比较小巧，用起来也JQuery一样锋利。用AngularJs时我们一直都是用ui-router做单页应用，为了保持PC

85173253 / 0评论 2016-08-09

zepto源码ajax模块学习

在学习zepto的源码的时候，不得不称赞这些人的厉害，我虽然能看明白，但是要我写，估计吭哧吭哧写不出来。虽然现在很少人使用zepto了，但是学习这些源码我相信每次看都能给咱们不同的感受。Deferred对象待会讲，deferred我认为是zepto设计最巧

野风技术札记 / 0评论 2019-06-28

zepto源码Callback

Callback模块是用来管理回调函数，也作为deferred延迟对象得基础部分，现在一起来看看他的源码。在加入参数进行实验，首先加入memory. 然后就是各个参数的的初始化，memory表示如果options.memory为true，则保存data，f

mzy000 / 0评论 2019-06-28

Zepto和jQuery获取select元素的选中值的文本

$("select[name=provience] option").not(function(){ return !this.selected }).text();

xiuping0 / 0评论 2016-05-17

requirejs直接引用zepto的方法

zepto并没有直接支持requirejs的引入，所以需要修改下源码，在v1.1.6版本line900处

aganliang / 0评论 2016-04-12

Mobile Web常见技术问题和规划

前一段时间应Boss要求，给开发组同事做了一次关于前端技术的演讲，我整理了现在项目遇到的很多问题，和未来规划。我还特意去了一趟上海，求教朋友一些前端架构问题，他说我遇到的问题具有很广泛的普遍性，很多团队都有遇到，于是我抽空整理出来。Mobile Web常见

AlisaClass / 0评论 2015-10-01

Zepto

Zepto，是一个比较有争议的框架，最近一直在做移动端页面开发，一直在用这个框架，今天对于用了这么久的框架来聊聊这个Zepto如何。Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果会用jquery，

89443062 / 0评论 2015-08-15

web app 前端框架---使用

zepto官网下载时，可以自己选择module如果想用移动端设备的touch事件。将touch这个模块的代码copy到你下载的zepto.min.js文件的下面。用这个属性就是禁用它的ajaxload方式。②、data-role="collaps

zmminer / 0评论 2014-10-01

(一)HTTPAuth: Node.js 使用 Koa 的 HTTP BasicAuth 基本认证

不要通过 form 提交表单的默认方式发送请求，转而使用 fetch 或 ajax客户端注意设置 Authorization 字段的值为 'Basic xxx'，通过该 Http 字段传递用户名密码base64 的方法在客户端要注意兼容性 btoa ，建议

LorenLiu / 0评论 2019-06-26

使用 webpack 引用 zepto

日期：2017-12-15背景由于 zepto 库本身不支持 CommonJs 规范，不支持 import/export，所以不能直接以 import 的形式引入，所以这里需要做一些特殊处理。import $ from 'zepto'原理这个库对 zept

bbddl / 0评论 2019-06-26

zepto源码知识点

console.log; //true;match = ~zepto.qsa.indexOf有个不常用的运算符按位非运算符~感觉是不实用的方法。~num //-24,如果操作数能够转换为数值就直接取反并且减去一；~obj //-1,{}.[]

哈喽elements / 0评论 2019-06-26

移动端常用alert、confirm、toast等弹窗插件，兼容 jQuery/Zepto

移动端弹窗插件第二版，包括常见的 alert、confirm、toast、notice 四种类型弹窗，支持 jQuery 和 Zepto 库。});参数参数 默认值 说明 type

Jensony / 0评论 2019-06-26

Zepto源码分析之ie模块

Zepto中的ie模块主要是改写getComputedStyle浏览器API，代码量很少，但也是其重要模块之一。在看源代码之前，我们先回顾一下如何使用。console.log特别注意第一个参数必须是Element对象MDN,这也可能是Zepto要重写它的原

Element张冰 / 0评论 2019-06-25

零基础的前端开发初学者应如何系统地学习？

网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习：。html + css 这部分建议在w3school 在线教程上学习，边学边练，每章后还有小测试。现

ChinaGuanq / 0评论 2019-06-25

Zepto和jQuery的具体差异

共同点jQuery:核心函数$作为函数使用（参数）1.function2.html字符串3.DOM code4.选择器字符串作为对象调用(方法)$.ajax() $.get() $.post()$.isArray()$.each()$.isFunctio

sunnylin / 0评论 2019-06-25

zepto 源码分析1

核心$() / zepto.init()类似 CSS 选择器，选择元素组成 zepto 对象集合将 HTML 字符串转化成 zepto 对象集合根据给定标签和属性生成 zepto 对象集合给定函数，在页面加载完成后触发函数zepto.init = func

JackXue程序生涯 / 0评论 2019-06-25

读Zepto源码之Data模块

Zepto 的 Data 模块用来获取 DOM 节点中的 data-* 属性的数据，和储存跟 DOM 相关的数据。内部方法attributeDatavar data = {}, dataAttr = $.fn.data, camelize = $.came

mirahs / 0评论 2019-06-25

读Zepto源码之Form模块

Form 模块处理的是表单提交。表单提交包含两部分，一部分是格式化表单数据，另一部分是触发 submit 事件，提交表单。serializeArray 最终返回的结果是一个数组，每个数组项为包含 name 和 value 属性的对象。否则将结果存入数组 r

大黑 / 0评论 2019-06-25

读Zepto源码之Stack模块

Stack 模块为 Zepto 添加了 addSelf 和 end 方法。改写原有的方法'filter,add,not,eq,first,last,find,closest,parents,parent,children,siblings'.split('

大黑 / 0评论 2019-06-25

读Zepto源码之fx_methods模块

fx 模块提供了 animate 动画方法，fx_methods 利用 animate 方法，提供一些常用的动画方法。所以 fx_methods 模块依赖于 fx 模块，在引入 fx_methods 前必须引入 fx 模块。}如果 speed 的参数类型为

thisisid / 0评论 2019-06-25

看Zepto如何实现增删改查DOM

前言dom也就是文档对象模型，是针对HTML和XML的一个api，描绘了一个层次化的节点树。虽然浏览器原生给我们提供了许多操作dom的方法，使我们可以对dom进行查找，复制，替换和删除等操作。但是zepto在其基础上再次封装，给以我们更加便捷的操作方式。先

莲开十月人思量 / 0评论 2019-06-25

zepto源码分析之form模块

前言JavaScript最初的一个应用场景就是分担服务器处理表单的责任，打破处处依赖服务器的局面，这篇文章主要介绍zepto中form模块关于表单处理的几个方法，serialize、serializeArray、submit。对表单字段的名称和值进行URL

猫耳山在天边 / 0评论 2019-06-25

读Zepto源码之IOS3模块

IOS3 模块是针对 IOS 的兼容模块，实现了两个常用方法的兼容，这两个方法分别是 trim 和 reduce 。也是常规的做法，如果 String 的 prototype 上没有 trim 方法，则自己实现一个。^\s+ 这段是匹配开头的空格，\s+$

mirahs / 0评论 2019-06-25

读Zepto源码之Touch模块

大家都知道，因为历史原因，移动端上的点击事件会有 300ms 左右的延迟，Zepto 的 touch 模块解决的就是移动端点击延迟的问题，同时也提供了滑动的 swipe 事件。实现的事件;['swipe', 'swipeLeft', 'swipeRight

大黑 / 0评论 2019-06-25

读Zepto源码之Selector模块

Selector 模块是对 Zepto 选择器的扩展，使得 Zepto 选择器也可以支持部分 CSS3 选择器和 eq 等 Zepto 定义的选择器。在阅读本篇文章之前，最好先阅读《读Zepto源码之神奇的$》。}判断元素是否可见。可见的标准是元素有宽或者

Cricket / 0评论 2019-06-21

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

本文只分析核心的部分代码，并且在这部分代码有删减，但是不影响代码的正常运行。window.$ === undefined && 开始处理细节。// [新增] 添加初始化方法。// 当selector为字符串时则把zepto.q

JackXue程序生涯 / 0评论 2019-06-21

读Zepto源码之Callbacks模块

Callbacks 模块并不是必备的模块，其作用是管理回调函数，为 Defferred 模块提供支持，Defferred 模块又为 Ajax 模块的 promise 风格提供支持，接下来很快就会分析到 Ajax模块，在此之前，先看 Callbacks 模块

猫耳山在天边 / 0评论 2019-06-21

zepto的detect探究

//比如火狐19,这边firefox是一个数组：["Firefox/19.0","19.0"];// Todo: clean this up with a better OS/browser seperation:.

icewizardry / 0评论 2013-03-11

简易扒一下zepto的源码

zepto源码分析前言想比10000多行的jQuery，zepto可谓是短小精悍，作为主要应用在移动端的低配版jQuery，源代码只有大概1500行，代码很容易理解，也写的很巧妙。有可以借鉴的东西。}))最后把$和Zepto作为属性挂在了window对象上

大黑 / 0评论 2019-06-21

向zepto.js学习如何手动(trigger)触发DOM事件

前言前端在最近几年实在火爆异常，vue、react、angular各路框架层出不穷，咱们要是不知道个双向数据绑定，不晓得啥是虚拟DOM，也许就被鄙视了。最近一直在看zepto的源码，希望通过学习它掌握一些框架设计的技巧，也将很久不再拾起的js基础重新温习巩

adeyi / 0评论 2019-06-21

Zepto.js源码学习之二

本次主要分享关于上一篇区域2的学习。区域2为Zepto的核心部分，它的结构如下。});为了便于梳理思路，以上代码省略了细节，只保留了轮廓脉络。最终暴露给开发者的$.zepto如下图所示：。这里只分析了区域2的结构，下一次会深入到函数语句粒度。

hzwinner / 0评论 2019-06-21

zepto源码分析-代码结构

本来想学习一下jQuery的源码，但由于jQuery的源码有10000多行，设计相当复杂，所以决定从zepto开始，分析一个成熟的框架的代码结构及执行步骤。网上也有很多zepto的源码分析，有的给源码添加注释，有的谈与jQuery的不同，但是都没有系统的讲

newtrekWang / 0评论 2019-06-21

webApp爬坑之路（1）

最近着手写一个webApp项目，也是开始了爬坑之旅。。。这将会是一个系列的笔记吧，对于我这种菜鸡前端er，记录真的很重要啊！直接开始，也是不啰B嗦。先记录几个mata标签。dpi,initial-scale=1.0, minimum-scale=1.0,

impossible / 0评论 2019-06-20

无线webapp安装更新机制

为了满足移动终端：节省流量、减少请求、提高客户端性能的需求，我们设计了webapp安装更新程序，把js、css、html和图片这些资源，序列化为字符串存入客户端本地存储，并带上版本号来实现资源细粒度更新。我们认为webapp是一站式的应用，在一个页面里能完

胜爷之家 / 0评论 2012-09-05