2、jQuery 和 Zepto 的區別？各自的使用

2、jQuery 和 Zepto 的區別？各自的使用場景？（必會）

、同：

（1）Zepto 最初是為移動端開發的庫，是 jQuery 的輕量級替代品，因為它的 API 和 jQuery相似，而文件更小。

（2）Zepto 最大的優勢是它的文件大小，只有 8k 多，是目前功能完備的庫中最小的一個，盡管不大，Zepto 所提供的工具足以滿足開發程序的需要。

（3）大多數在 jQuery 中常用的 API 和方法 Zepto 都有，Zepto 中還有一些 jQuery 中沒有的。

（4）因為 Zepto 的 API 大部分都能和 jQuery 兼容，所以用起來極其容易，如果熟悉 jQuery，就能很容易掌握 Zepto。你可用同樣的方式重用 jQuery 中的很多方法，也可以方便的把方法串在一起得到更簡潔的代碼，甚至不用看它的文檔。

2、異：

（1）Zepto 更輕量級。

（2）Zepto 是 jQuery 的精簡，針對移動端去除了大量 jQuery 的兼容代碼。

（3）針對移動端程序，Zepto 有一些基本的觸摸事件可以用來做觸摸屏交互（tap 事件、swipe 事件），Zepto 是不支持 IE 瀏覽器的。

（4）DOM 操作的區別：添加 id 時 jQuery 不會生效而 Zepto 會生效。

（5）事件觸發的區別：使用 jQuery 時 load 事件的處理函數不會執行；使用 zepto 時 load 事件的處理函數會執行。

（6）事件委托的區別：zepto 中，選擇器上所有的委托事件都依次放入到一個隊列中，而在 jQuery中則委托成獨立的多個事件。

（7）width() 與 height()的區別：zepto 由盒模型（box-sizing）決定，用.width()返回賦值的 width，用.css(‘width’)返回 border 等的結果；jQuery 會忽略盒模型，始終返回內容區域的寬/高（不包含padding、border）。

（8）offset()的區別：zepto 返回{top,left,width,height}; jQuery 返回{width,height}。zepto 無法獲取隱藏元素寬高，jQuery 可以。

（9）zepto 中沒有為原型定義 extend 方法而 jQuery 有。

（10）zepto 的 each 方法只能遍歷數組，不能遍歷 JSON 對象。

眼間，畢業將至。在畢業這個節骨眼上，不少同學被畢設搞得焦頭爛額，被老師懟得啞口無言。選題幾經波折才敲定下來，開題報告改了又改，設計項目啟動，BUG修復不了，學校又催著提交各種材料，分分鐘給跪的節奏啊。

上期有關畢設的免費直播課程，解救了不少為畢設煩惱的同學，這期我們將繼續為同學們提供畢設指導。為了讓更多同學在寫論文，準備答辯的路上少走點彎路，知了堂的項目經理可是加班加點為大家準備課程內容。

最新直播課程表【每周三19:00-20:00】

↓↓↓↓

傳送門直達小課堂：

https://ke.qq.com/course/1650257?taid=8436801829678673

課程圍繞畢設的選題、開題報告攥寫、論文項目技術實現、論文攥寫、答辯等為大家解惑，從主流技術介紹畢業設計項目/前端開發項目前端技術的選擇：

?APP(Native，混合APP)

JS/ES5/HTML5/CSS3/移動端頁面適配/MUI

?管理系統

ES6/ES7/Vue/react/jquery + boots

?應用型網站

vue+vant/zepto + CSS3/移動頁面適配

?小程序（包含前端和后臺）

?Node（利用前端技術做后臺服務器開發）

通過對畢設項目實現的基本技術架構的解析，讓同學們了解自己的畢設如何與前沿技術結合、拓展，在技術層面這些技術如何使用和實現。

本次的公開課，也是為大家請到了項目經驗豐富，學員好評不斷的竹邇、天成、蛋糕哥等，為大家畢設助力。

竹邇

個人背景：曾任職于中興、中國電科，參與運營商級SDP、VSEE、VOE等多個大型通訊領域項目，具有豐富的項目研發和項目管理經驗。

天成

個人背景：豐富的Java開發與項目管理經驗，曾擔任北京某公司Java工程師、某集團研發中心Java工程師，有銀行系統開發、政務管理系統開發經驗。熱愛編程，樂為人師。

蛋糕哥

個人背景：曾就職于中科軟件、移花互動、優客逸家、找門網等互聯網平臺，熟悉主流前端開發規范與實施，精通React，Vue，微信小程序等主流技術架構。

畢業設計作為大學期間重要一課，同時關乎到大家能否順利畢業。作為一個過來人，知了小姐姐傳授的小經驗是：不要拖到快答辯才寫，選題別太大，以及別玻璃心，做好多與導師溝通和被懟的心理準備。最后祝同學們早日解決畢設難題，為未來就業騰出精力！

畢業設計撰寫壓力大

長按識別二維碼進入課程學習

項目導師助力輕松完成畢設

以按照我的教學框架學習，能都掌握也就滿足企業目前的人才需求。

一、PC端頁面重構

1、認知行業、崗位、部分專業術語，就業趨勢與行業未來展望；

2、HTML5核心元素及布局應用；

3、CSS3核心屬性及布局應用；

4、圖形、圖像軟件的使用（PS,FW,AI）；

5、瀏覽器兼容及解決方案；

6、圖片整合、滑動門及寬高自適應等應用技術；

7、初步接觸Javascript。

二、PC端交互開發（原生JS）

1、Javascript基礎語法和變量、控制語句、循環語句、函數、事件處理、數組、常見排序算法；

2、DOM操作和BOM操作；

3、定時器、Cookie本地存儲、內置對象、正則表達式、閉包、JS面向對象語法、JSON、堆棧結構；

4、Ajax動態讀取數據、異步操作、與DOM、JSON的結合使用；

5、各種主流瀏覽器兼容性處理；

6、單例、工廠、代理、觀察者等設計模式；

7、ECMA6.0新特性介紹。

三、PC端交互開發（JQuery）

1、初識jQuery、jQuery的優勢、jQuery框架核心功能、容易混淆的幾個概念；

2、jQuery各種選擇器的使用，及選擇器的應用優化；

3、Dom節點操作、插入、刪除、復制、移動節點等操作；

4、事件處理、事件處理模型、事件處理機制、jQuery事件封裝機制、jQuery事件應用；

5、jQuery中的動畫、動畫時間的概念、基本動畫方法、復雜動畫方法、停止動畫與參數說明、jQuery動畫的隊列問題；

6、表單開發，設計可用性表單、表單驗證、增強型表單；

7、Ajax、XMLHttpRequest 基礎、jQuery Ajax、工具函數、緩存；

8、在jQuery中編寫插件、插件擴展、插件應用、jQuery.pagination分頁、jQuery.qtip信息提示、jQuery.artDialog彈出層、jQuery.jscrollpane滾動條

9、理解模塊式開發，以及requirejs插件的使用。

四、PC項目實訓

1、前端開發框架-Bootstrap；

2、CSS預處理器-SASS；

3、分布式版本控制系統-GIT；

4、了解項目需求，項目流程；

5、了解項目管理，模塊分配，項目時間預估；

6、了解產品周期，參與團隊協作；

7、綜合運用HTML+CSS,JS,JQ, Bootstrap,SASS,JQUERY UI, jquery easyui等技術，完成大型PC端項目開發。

五、HTML5+CSS3 精講

1、HTML5與HTML4的區別, 表單域增強元素；

2、CSS3選擇器, 文字與字體相關樣式；

3、CSS3中的變形處理；

4、css3中的過度動畫和關鍵幀動畫；

5、彈性盒與媒體查詢；

6、本地存儲，本地緩存；

7、使用Canvas，svg繪制圖形；

8、多媒體播放器開發、workers。

六、WebAPP開發

1、移動端切圖（viewport/meta，.Rem/vw的使用，iconfont，flexbox詳解，移動web特別樣式處理）；

2、頁面交互（Tap，touch，ECMAScript 5，ECMAScript 6）；

3、前端工程（gulp，webpack）；

4、移動端常用框架（css framework，Zepto，iScroll/lazyload，swiper）；

5、css framework + SPA framework + Zepto + iScroll + swiper 構建WebApp；

6、微信場景項目。

七、HybridApp 開發基礎

1、Phonegap

1 ) HybridApp介紹(獨立App項目，嵌入式App項目，嵌入微信項目)

2 ) 工具與環境搭建

3 ) WebviewJsBridge(掃一掃，圖像選擇與上傳，加速器，地理定位，通訊錄，通知)

4 ) 構建，打包與發布

5 ) Hybrid里頁面測試

2、微信接口開發

1 ) 熟悉WebAPP嵌入微信流程

2 ) 本地開發環境搭建與測試

3 ) JS-SDK使用

4 ) WebAPP X5瀏覽器兼容

八、Angular+ionic 框架

1、AngularJS

1 ) 基礎知識（ng-app,Modules,Controller,$apply,$watch）

2 ) 指令(ng-repeat,ng-class,ng-show,ng-hide)

3 ) 過濾器(date,limitTo,filter)

4 ) 表單(NgModelController，表單驗證)

5 ) 服務（自定義服務，Angular提供的服務：$log,$timeout,$q,$http）

6 ) 其他（Controller as 語法，安全的依賴注入方法）

7 ) directive（指令，組件）

8) ng-router

2、ionic基礎

1 ) ionic css布局

2 ) ionic js指令布局

3 ) ionic路由頁面切換

4 ) ionic-tabs

5 ) ionic側邊欄ion-side-menus

6 ) ionic列表 ion-list

7 ) 上拉下載更多與下拉刷新

在線咨詢

上一篇：HTML5前端開發視頻教程限時送，盡管去努力剩下的就
下一篇：學會這招，一步綁定你的銀行卡

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

2、jQuery 和 Zepto 的區別？各自的使用

您的項目需求