zepto
文章平均质量分 53
青松008
搬砖码农
展开
-
zepto源码之form.js
一、前言研究总结下之前用过的zepto类库,先从表单模块源码开始。二、源码 //部分代码改动,为了消除警告和格式排版 //form表单(序列化form表单里面字段和注册submit事件以及触发表单提交事件) (function ($) { //序列表单内容为JSON数组 $.fn.serializeArray = function () {原创 2017-07-05 09:47:07 · 364 阅读 · 0 评论 -
zpeto源码之核心代码一
一、前言这篇主要研究zepto核心模块的结构和一些工具方法。二、源码(function (global, factory) { if (typeof define === 'function' && define.amd) define(function () { return factory(global) }); else factory(global原创 2017-08-07 11:25:27 · 378 阅读 · 0 评论 -
zepto源码之deferred.js
一、前言zepto的deferred模块,实现了promise,可使ajax请求摆脱回调地狱,使用链式调用。二、源码 //提供 $.Deferred promises API. 依赖"callbacks" 模块. (function ($) { var slice = Array.prototype.slice; function Deferred(fun原创 2017-07-29 10:04:49 · 550 阅读 · 0 评论 -
zepto源码之callbacks.js
一、前言callbacks用来管理回调函数,也作为deferred延迟对象的基础部分。二、源码 //为"deferred"模块提供 $.Callbacks。 (function ($) { // Create a collection of callbacks to be fired in a sequence, with configurable behaviour原创 2017-07-27 17:42:23 · 309 阅读 · 0 评论 -
zepto源码之ajax.js
一、前言.ajax是zepto发送请求的核心方法,.ajax是zepto发送请求的核心方法,.get,.post,.post,.jsonp都是封装了.ajax方法。.ajax方法。.ajax将jsonp与异步请求的代码格式统一起来,内部主要是先处 理url,数据和请求头部然后新建XMLHttpRequest对象发送请求。二、源码 (function ($) { var jso原创 2017-07-26 09:29:01 · 908 阅读 · 0 评论 -
zepto源码之touch.js
一、前言touch.js主要提供滑动(swipe)与点击(tap:模拟click)的事件封装,针对手机常用浏览器(touchstart,touchmove,touchend)和IE10(msPointDown) 的触摸事件兼容处理以及手势的事件处理。二、源码 //touch事件 在触摸设备上触发tap–和swipe–相关事件。这适用于所有的`touch`(iOS, Android)和`poi原创 2017-08-03 09:42:12 · 816 阅读 · 1 评论 -
zepto源码之data.js
一、前言一个全面的data()方法,能够在内存中存储任意对象。二、源码 (function($){ //+new Date() 转化为Number类型,会调用Date.prototype上的valueOf方法,等同于Date.prototype.getTime() var data = {}, dataAttr = $.fn.data, camelize = $原创 2017-07-25 10:55:14 · 321 阅读 · 0 评论 -
zepto源码之fx_methods.js
一、前言依赖fx.js,主要是针对show,hide,fadeIn,fadeOut等方法的封装。二、源码 //fx_methods 以动画形式的show,hide,toggle和fade等方法. (function ($, undefined) { var document = window.document, docElem = document.documentEl原创 2017-07-31 22:00:39 · 1051 阅读 · 0 评论 -
zepto源码之fx.js
一、前言zepto的fx模块,封装了CSS的过渡和动画。二、源码 //fx The animate()方法 (function ($, undefined) { //prefix:样式前缀(-webkit-、-moz-、-o-);eventPrefix事件前缀(webkit、''、o) var prefix = '', eventPrefix,原创 2017-07-31 09:32:41 · 1483 阅读 · 0 评论 -
zepto源码之event.js
一、前言event.js主要用于提供注册自定义事件和手动触发事件等功能。二、源码 //event事件(事件处理) (function ($) { var _zid = 1, undefined, slice = Array.prototype.slice, isFunction = $.isFunction,原创 2017-07-09 23:36:17 · 1662 阅读 · 0 评论 -
zpeto源码之核心代码二
一、前言这篇研究zepto核心代码的实例方法。二、源码//定义zepto对象实例能够调用的方法$.fn = { constructor: zepto.Z, length: 0, //由于zepto对象是类数组对象,所以拷贝一些有用的数组方法可直接使用 forEach: emptyArray.forEach, reduce: emptyArray.reduce, push:原创 2017-08-07 11:44:08 · 383 阅读 · 0 评论