、同：

（1）Zepto 最初是為移動端開發(fā)的庫，是 jQuery 的輕量級替代品，因?yàn)樗?API 和 jQuery相似，而文件更小。

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

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

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

2、異：

（1）Zepto 更輕量級。

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

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

（4）DOM 操作的區(qū)別：添加 id 時(shí) jQuery 不會生效而 Zepto 會生效。

（5）事件觸發(fā)的區(qū)別：使用 jQuery 時(shí) load 事件的處理函數(shù)不會執(zhí)行；使用 zepto 時(shí) load 事件的處理函數(shù)會執(zhí)行。

（6）事件委托的區(qū)別：zepto 中，選擇器上所有的委托事件都依次放入到一個(gè)隊(duì)列中，而在 jQuery中則委托成獨(dú)立的多個(gè)事件。

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

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

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

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

眼間，畢業(yè)將至。在畢業(yè)這個(gè)節(jié)骨眼上，不少同學(xué)被畢設(shè)搞得焦頭爛額，被老師懟得啞口無言。選題幾經(jīng)波折才敲定下來，開題報(bào)告改了又改，設(shè)計(jì)項(xiàng)目啟動，BUG修復(fù)不了，學(xué)校又催著提交各種材料，分分鐘給跪的節(jié)奏啊。

上期有關(guān)畢設(shè)的免費(fèi)直播課程，解救了不少為畢設(shè)煩惱的同學(xué)，這期我們將繼續(xù)為同學(xué)們提供畢設(shè)指導(dǎo)。為了讓更多同學(xué)在寫論文，準(zhǔn)備答辯的路上少走點(diǎn)彎路，知了堂的項(xiàng)目經(jīng)理可是加班加點(diǎn)為大家準(zhǔn)備課程內(nèi)容。

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

↓↓↓↓

傳送門直達(dá)小課堂：

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

課程圍繞畢設(shè)的選題、開題報(bào)告攥寫、論文項(xiàng)目技術(shù)實(shí)現(xiàn)、論文攥寫、答辯等為大家解惑，從主流技術(shù)介紹畢業(yè)設(shè)計(jì)項(xiàng)目/前端開發(fā)項(xiàng)目前端技術(shù)的選擇：

?APP(Native，混合APP)

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

?管理系統(tǒng)

ES6/ES7/Vue/react/jquery + boots

?應(yīng)用型網(wǎng)站

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

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

?Node（利用前端技術(shù)做后臺服務(wù)器開發(fā)）

通過對畢設(shè)項(xiàng)目實(shí)現(xiàn)的基本技術(shù)架構(gòu)的解析，讓同學(xué)們了解自己的畢設(shè)如何與前沿技術(shù)結(jié)合、拓展，在技術(shù)層面這些技術(shù)如何使用和實(shí)現(xiàn)。

本次的公開課，也是為大家請到了項(xiàng)目經(jīng)驗(yàn)豐富，學(xué)員好評不斷的竹邇、天成、蛋糕哥等，為大家畢設(shè)助力。

竹邇

個(gè)人背景：曾任職于中興、中國電科，參與運(yùn)營商級SDP、VSEE、VOE等多個(gè)大型通訊領(lǐng)域項(xiàng)目，具有豐富的項(xiàng)目研發(fā)和項(xiàng)目管理經(jīng)驗(yàn)。

天成

個(gè)人背景：豐富的Java開發(fā)與項(xiàng)目管理經(jīng)驗(yàn)，曾擔(dān)任北京某公司Java工程師、某集團(tuán)研發(fā)中心Java工程師，有銀行系統(tǒng)開發(fā)、政務(wù)管理系統(tǒng)開發(fā)經(jīng)驗(yàn)。熱愛編程，樂為人師。

蛋糕哥

個(gè)人背景：曾就職于中科軟件、移花互動、優(yōu)客逸家、找門網(wǎng)等互聯(lián)網(wǎng)平臺，熟悉主流前端開發(fā)規(guī)范與實(shí)施，精通React，Vue，微信小程序等主流技術(shù)架構(gòu)。

畢業(yè)設(shè)計(jì)作為大學(xué)期間重要一課，同時(shí)關(guān)乎到大家能否順利畢業(yè)。作為一個(gè)過來人，知了小姐姐傳授的小經(jīng)驗(yàn)是：不要拖到快答辯才寫，選題別太大，以及別玻璃心，做好多與導(dǎo)師溝通和被懟的心理準(zhǔn)備。最后祝同學(xué)們早日解決畢設(shè)難題，為未來就業(yè)騰出精力！

畢業(yè)設(shè)計(jì)撰寫壓力大

長按識別二維碼進(jìn)入課程學(xué)習(xí)

項(xiàng)目導(dǎo)師助力輕松完成畢設(shè)

以按照我的教學(xué)框架學(xué)習(xí)，能都掌握也就滿足企業(yè)目前的人才需求。

一、PC端頁面重構(gòu)

1、認(rèn)知行業(yè)、崗位、部分專業(yè)術(shù)語，就業(yè)趨勢與行業(yè)未來展望；

2、HTML5核心元素及布局應(yīng)用；

3、CSS3核心屬性及布局應(yīng)用；

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

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

6、圖片整合、滑動門及寬高自適應(yīng)等應(yīng)用技術(shù)；

7、初步接觸Javascript。

二、PC端交互開發(fā)（原生JS）

1、Javascript基礎(chǔ)語法和變量、控制語句、循環(huán)語句、函數(shù)、事件處理、數(shù)組、常見排序算法；

2、DOM操作和BOM操作；

3、定時(shí)器、Cookie本地存儲、內(nèi)置對象、正則表達(dá)式、閉包、JS面向?qū)ο笳Z法、JSON、堆棧結(jié)構(gòu)；

4、Ajax動態(tài)讀取數(shù)據(jù)、異步操作、與DOM、JSON的結(jié)合使用；

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

6、單例、工廠、代理、觀察者等設(shè)計(jì)模式；

7、ECMA6.0新特性介紹。

三、PC端交互開發(fā)（JQuery）

1、初識jQuery、jQuery的優(yōu)勢、jQuery框架核心功能、容易混淆的幾個(gè)概念；

2、jQuery各種選擇器的使用，及選擇器的應(yīng)用優(yōu)化；

3、Dom節(jié)點(diǎn)操作、插入、刪除、復(fù)制、移動節(jié)點(diǎn)等操作；

4、事件處理、事件處理模型、事件處理機(jī)制、jQuery事件封裝機(jī)制、jQuery事件應(yīng)用；

5、jQuery中的動畫、動畫時(shí)間的概念、基本動畫方法、復(fù)雜動畫方法、停止動畫與參數(shù)說明、jQuery動畫的隊(duì)列問題；

6、表單開發(fā)，設(shè)計(jì)可用性表單、表單驗(yàn)證、增強(qiáng)型表單；

7、Ajax、XMLHttpRequest 基礎(chǔ)、jQuery Ajax、工具函數(shù)、緩存；

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

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

四、PC項(xiàng)目實(shí)訓(xùn)

1、前端開發(fā)框架-Bootstrap；

2、CSS預(yù)處理器-SASS；

3、分布式版本控制系統(tǒng)-GIT；

4、了解項(xiàng)目需求，項(xiàng)目流程；

5、了解項(xiàng)目管理，模塊分配，項(xiàng)目時(shí)間預(yù)估；

6、了解產(chǎn)品周期，參與團(tuán)隊(duì)協(xié)作；

7、綜合運(yùn)用HTML+CSS,JS,JQ, Bootstrap,SASS,JQUERY UI, jquery easyui等技術(shù)，完成大型PC端項(xiàng)目開發(fā)。

五、HTML5+CSS3 精講

1、HTML5與HTML4的區(qū)別, 表單域增強(qiáng)元素；

2、CSS3選擇器, 文字與字體相關(guān)樣式；

3、CSS3中的變形處理；

4、css3中的過度動畫和關(guān)鍵幀動畫；

5、彈性盒與媒體查詢；

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

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

8、多媒體播放器開發(fā) 、workers。

六、WebAPP開發(fā)

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 構(gòu)建WebApp；

6、微信場景項(xiàng)目。

七、HybridApp 開發(fā)基礎(chǔ)

1、Phonegap

1 ) HybridApp介紹(獨(dú)立App項(xiàng)目，嵌入式App項(xiàng)目，嵌入微信項(xiàng)目)

2 ) 工具與環(huán)境搭建

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

4 ) 構(gòu)建，打包與發(fā)布

5 ) Hybrid里頁面測試

2、微信接口開發(fā)

1 ) 熟悉WebAPP嵌入微信流程

2 ) 本地開發(fā)環(huán)境搭建與測試

3 ) JS-SDK使用

4 ) WebAPP X5瀏覽器兼容

八、Angular+ionic 框架

1、AngularJS

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

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

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

4 ) 表單(NgModelController，表單驗(yàn)證)

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

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

7 ) directive（指令，組件）

8) ng-router

2、ionic基礎(chǔ)

1 ) ionic css布局

2 ) ionic js指令布局

3 ) ionic路由 頁面切換

4 ) ionic-tabs

5 ) ionic側(cè)邊欄ion-side-menus

6 ) ionic列表 ion-list

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