原创 Zepto源碼之工具函數

$.each 遍歷數組元素或以key-value值對方式遍歷對象。回調函數返回 false 時停止遍歷。 關於爲什麼使用它,而不使用原生的 forEach 方法,我的看法是 .each傳入參數是index,element而fo

原创 Vue組件與組件間通信

組件的用法 註冊之後才能使用,註冊分局部註冊和全局註冊 組件和Vue實例類似,基本可以使用其所有內容(data,computed,methods,filters,watch) 與Vue實例不同,data是函數,輸入需要return

原创 Zepto源碼之$.fn工具函數

$.fn.get 從當前對象集合中獲取所有元素或單個元素。當index參數不存在的時,以普通數組的方式返回所有的元素。當指定index時,只返回該置的元素。這點與eq不同,該方法返回的是DOM節點,不是Zepto對象集合。 g

原创 Zepto源碼之assets模塊

;(function($){ var cache = [], timeout $.fn.remove = function(){ return this.each(function(){ if(thi

原创 Zepto源碼之stack模塊

;(function($){ $.fn.end = function(){ return this.prevObject || $() } $.fn.andSelf = function(){ ret

原创 Zepto源碼之ios3模塊

;(function(undefined){ // 針對 iOS 3.2 及以下版本的 ipad, iphone 自帶瀏覽器String對象不帶trim做的瀏覽器polyfill if (String.prototype.

原创 Zepto源碼之data模塊

;(function($){ var data = {}, dataAttr = $.fn.data, camelize = $.camelCase, exp = $.expando = 'Zepto' + (+new

原创 Zepto源碼之touch模塊

;(function($){ var touch = {}, touchTimeout, tapTimeout, swipeTimeout, longTapTimeout, longTapDelay = 75

原创 Zepto源碼之selector模塊

使用的正則: (.):(\w+)(?:\(([^)]+)\))?$\s 圖形化展示: ;(function($){ var zepto = $.zepto, oldQsa = zepto.qsa, oldMatches

原创 Zepto源碼之代碼結構

源碼GITHUB地址: [email protected]:madrobby/zepto.git 首先我們查看一下代碼結構 其中 zepto.js 是其中主文件,本篇文章主要講述的內容就是它: 代碼結構 我們首先使用一下代碼摺疊,

原创 Zepto源碼之輔助函數

用於判斷類型的內部函數 // class2type對象與toString方法的定義 class2type = {} toString = class2type.toString // 調用 $.each 給 class2type

原创 Zepto源碼之ie模塊

;(function(){ try { getComputedStyle(undefined) } catch(e) { var nativeGetComputedStyle = getComputedS

原创 Zepto源碼之callback模塊

整體結構 ;(function($){ $.Callbacks = function(options) { Callbacks = { // code }

原创 Zepto源碼之gusture模塊

gesture 模塊是針對 IOS 系統上瀏覽器的 gesture 事件進行的封裝。 ;(function($){ // 判斷系統是不是 ios if ($.os.ios) { var gesture = {

原创 webpack 源碼解析一之啓航

webpack 源碼解析 首先我們上 github 上面 clone 一份源碼,我這裏 clone 的是 4.30 版本的 webpack 源碼 git clone https://github.com/webpack/web