原创 讀Zepto源碼之Ajax模塊

Ajax 模塊也是經常會用到的模塊,Ajax 模塊中包含了 jsonp 的現實,和 XMLHttpRequest 的封裝。 讀 Zepto 源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版

原创 讀Zepto源碼之assets模塊

assets 模塊是爲解決 Safari 移動版加載圖片過大過多時崩潰的問題。因爲沒有處理過這樣的場景,所以這部分的代碼解釋不會太多,爲了說明這個問題,我翻譯了《How to work around the Mobile Safa

原创 讀 Zepto 源碼之神奇的 $

經過前面三章的鋪墊,這篇終於寫到了戲肉。在用 zepto 時,肯定離不開這個神奇的 $ 符號,這篇文章將會看看 zepto 是如何實現 $ 的。 讀Zepto源碼系列文章已經放到了github上,歡迎star: reading-z

原创 讀Zepto源碼之操作DOM

這篇依然是跟 dom 相關的方法,側重點是操作 dom 的方法。 讀Zepto源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼爲 zepto1.2.0 .remove()

原创 谷歌插件Image downloader開發之popup

Image downloader的交互邏輯是這樣的:用戶點擊Image downloader的圖標,會向頁面(content script,見上一篇文章:谷歌插件Image downloader開發之 content script

原创 讀Zepto源碼之屬性操作

這篇依然是跟 dom 相關的方法,側重點是操作屬性的方法。 讀Zepto源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼爲 zepto1.2.0 內部方法 setAttri

原创 谷歌插件Image downloader開發之 content script

自己運營了一個公衆號,在發文章的時候,需要在網上找一些圖,而有些網站的圖片可能隱藏在屬性或者背景圖中,要下載的時候經常審查元素,查看源碼,不太方便,最近在看一些谷歌插件的api,便順手做了一個插件Image downloader。

原创 讀 Zepto 源碼之集合元素查找

這篇依然是跟 dom 相關的方法,側重點是跟集合元素查找相關的方法。 讀Zepto源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼爲 zepto1.2.0 內部方法 之前有

原创 vue-lazy-render: 延遲渲染大組件,增強頁面切換流暢度

最近用element來做項目,在開發的過程中,突然發現頁面的操作和切換在數據量大的時候相當卡,後來提了個issue,在furybean解答後才知道,我每個單元格都加了tooltip,會生成大量的節點,造成頁面操作卡頓。後來將too

原创 vue-auto-focus:控制自動聚焦行爲的vue指令

在網頁的表單中,經常需要用程序來控制input和textarea的自動聚焦行爲。例如我最近做的一個項目,有個裝箱出庫的流程,input框自動聚焦的流程如下:頁面進入時自動聚焦到訂單號輸入框->訂單號掃描完畢聚焦到商品條碼輸入框->

原创 讀Zepto源碼之集合操作

接下來幾個篇章,都會解讀 zepto 中的跟 dom 相關的方法,也即源碼 $.fn 對象中的方法。 讀Zepto源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼爲 zep

原创 怎樣處理 Safari 移動端對圖片資源的限制

原文作者:Thijs van der Vossen 本文翻譯自《How to work around the Mobile Safari image resource limit》,原文寫於2010年10月25日。可能部分限制已經

原创 讀 zepto 源碼之工具函數

Zepto 提供了豐富的工具函數,下面來一一解讀。 源碼版本 本文閱讀的源碼爲 zepto1.2.0 $.extend $.extend 方法可以用來擴展目標對象的屬性。目標對象的同名屬性會被源對象的屬性覆蓋。 $.extend

原创 讀Zepto源碼之Selector模塊

Selector 模塊是對 Zepto 選擇器的擴展,使得 Zepto 選擇器也可以支持部分 CSS3 選擇器和 eq 等 Zepto 定義的選擇器。 在閱讀本篇文章之前,最好先閱讀《讀Zepto源碼之神奇的$》。 讀 Zepto

原创 讀Zepto源碼之代碼結構

雖然最近工作中沒有怎麼用 zepto ,但是據說 zepto 的源碼比較簡單,而且網上的資料也比較多,所以我就挑了 zepto 下手,希望能爲以後閱讀其他框架的源碼打下基礎吧。 源碼版本 本文閱讀的源碼爲 zepto1.2.0 閱