用Zepto代替Jquery提升移動(dòng)Web用戶體驗(yàn)

jQuery現(xiàn)在已經(jīng)是Web開發(fā)者比較依賴的一個(gè)庫.甚至在很多公司內(nèi)部也把jQuery當(dāng)成了一個(gè)基本庫來使用.對(duì)于移動(dòng)端壓縮后100k左右的jQuery顯得有些重量級(jí)了,于是就出現(xiàn)了一個(gè)輕量級(jí)兼容庫Zepto.js.

Zepto是為了支持移動(dòng)端的瀏覽器而開發(fā)的一個(gè)和jQuery API極度相似的一個(gè)庫, 如果你會(huì)用jquery,那么你也會(huì)用zepto,這樣就大大降低團(tuán)隊(duì)協(xié)作的成本,不用改變開發(fā)習(xí)慣也能迅速的進(jìn)行移動(dòng)端開發(fā).

Zepto設(shè)計(jì)的目的是提供jquery的類似的APIs,但并不是100%覆蓋jquery為目的。zepto設(shè)計(jì)的目的是有一個(gè)5-10k的通用庫、下載并執(zhí)行快、有一個(gè)熟悉通用的API,所以你能把你主要的精力放到應(yīng)用開發(fā)上。

具體到我們的項(xiàng)目,由于各種原因,開始時(shí)并沒有使用Zepto而是使用了Jquery。這次性能優(yōu)化打算換成Zepto,畢竟size查了10倍啊。但是簡單的把js引入替換成zeptp顯然是不行的。由于用了lazyload等插件,依賴了jQuery的$.Defered, 還用了css3的一些selector,因此還有需要引入Zepto的一些擴(kuò)展模塊,Zepto默認(rèn)提供的壓縮文件只包含幾個(gè)默認(rèn)模塊,可以通過命令自定義打包其它模塊,也可以通過http://github.e-sites.nl/zeptobuilder/進(jìn)行在線自定義打包和壓縮。

兼容Zepto的lazyload插件可以用這個(gè)https://github.com/jieyou/lazyload

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,159評(píng)論 25 708
  • 簡單的生活,應(yīng)該執(zhí)著著。就像看窗前的飛角,沉淀著古老的記憶在歷史的深處乘風(fēng)而來。斬掉了所有的風(fēng)浪,佇立在橋頭默然,...
    三聲閱讀 309評(píng)論 0 1
  • 遇見最好的自己 一切都是值得的
    芒果穿馬甲閱讀 299評(píng)論 1 1
  • 活動(dòng)策劃。這里的活動(dòng)指導(dǎo)還是,網(wǎng)上或者說線上運(yùn)營的活動(dòng)。這里和線下活動(dòng)策劃有很多共性。比如文案,要求言簡意賅,因?yàn)?..
    若菲賦閱讀 286評(píng)論 0 2
  • 來了大學(xué)讀了一學(xué)期了,讀的學(xué)前教育專業(yè),以為每天唱唱跳跳很好玩,到了才發(fā)現(xiàn),并不是那么簡單,你還是得有個(gè)...
    杜杜杜佳人閱讀 327評(píng)論 0 0

友情鏈接更多精彩內(nèi)容