原创 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