、同：

（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 ) 上拉下载更多与下拉刷新