zepto- 介绍|学习笔记

简介: 快速学习 zepto- 介绍 。

开发者学堂课程【移动 Web 前端开发:zepto- 介绍】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/594/detail/8502


zepto 介绍


Zepto 是一个 js 库,bootstrap 是 UI 框架bootprompt 是 js 插件。类似 jQuery 的 js 库。具体要参考文档去写。

下面打开 Zepo 的中文网站。中文文档地址: http://www. css88. com/doc/zeptojs_api/

Zepto 是一个轻量级的针对现代高级浏览器的JavasSript库,它与jQuery 有着类似的  APL。

轻量级意思是比 jQuery 小,而 jQuery 版本1.0大小为94,2.0为84左右,至于为什么1.0比2.0要大是因为1.0是处理 IE6/7的兼容性,而2.0版本抛弃了 IE6/7 的兼容性,所以内存小。

对于 Zepto 是针对现代高级浏览器则是说明 IE8/9 都不再兼容,针对高级浏览器比如有谷歌,火狐。那么向这样的场景如果在 pc 端场景可能会有很多问题,比如 pc 端浏览器很杂,但在移动端开发就没有这种问题,

移动端开发使用的都是高级版本的浏览器,Zepto 有一个非常适用的场景就是在移动端开发。而且还是轻量级的,意味着在移动端使用开发比在 pc 端效率更高,不管是加载效率还是执行效率。

jQuery 有很多兼容性代码处理,所以体积带就会加载慢,而 Zepto忘记了兼容性操作体积小加载快。

还有一个优点是 jQuery 有很多兼容性代码,那代码执行起来消耗肯定比不考虑兼容性的 zepto 更慢,所以 zepto 执行快,加载快,很适合使用在移动端。

Zepto 的设计目的是提供 Query 的实似的  API,API 是应用程序接口,类似 jQuery 的 js 库,而且方法和 jQuery 也一样,而且方法和 jQuery 也适用与移动端开发。方法一样 API 一样,所以如果你会用 jQuery, 那么你也会用 zepto

所以 jQuery 在移动端有很多兼容而移动端不需要这些兼容,就会比较冗余。

然后作者想写一个库并且能在移动端兼容的,不考虑其他版本问题,但是写这个库的时候还考虑到当时使用 jQuery 的前端人员更多,所以要编写一个精简的库并且和 jQuery 保持一致,使得从事 jQuery 开发的能快速转向移动开发,这里 zepto 与 jQuery 一样的方法和更精简的库就能达成目的。

Zepto 的设计目的是提供 jQuery 类似的 API,但并不足 100% 覆盖jQuery,还有一些 API 没有实现。

Zepto 设计的目的是有一个 5-10k 的通用库、下载并快速执行、有一个熟悉通用的 API,所以你能把你主要的精力放到应用开发上。是一款开源软件,它可以被开发者和商业发布。

下载 Zepto 要用生成环境下面的,也只需要9.6k的压缩包就体现了其轻量级。

右键压缩包以新标签打开,页面 zepto.min.js 就是要使用的 Zepto, ctrl 加s 进行保存为 zepto.min.js

相关文章
|
7月前
|
JavaScript
|
10月前
|
JavaScript 前端开发 Java
HTML+CSS+JS 学习笔记(四)———jQuery
HTML+CSS+JS 学习笔记(四)———jQuery
|
11月前
|
JavaScript 前端开发 API
前端|Zepto与jQuery的异同
前端|Zepto与jQuery的异同
58 0
|
JavaScript 前端开发 API
jquery学习笔记
1.jquery是一个框架,是javasript框架。 2.jquery能做什么? *取得页面中元素,遍历DOM(document object model文档对象模型)树,jquery为了准确的获取需要检查活操纵的文档元素,提供了可靠而富有效率的选择符机制。
64 0
|
Web App开发 JSON JavaScript
html+css+js+jQuery学习笔记(三)
html+css+js+jQuery学习笔记
106 0
html+css+js+jQuery学习笔记(三)
|
前端开发 测试技术
html+css+js+jQuery学习笔记(一)
html+css+js+jQuery学习笔记
108 0
html+css+js+jQuery学习笔记(一)
|
Web App开发 JSON JavaScript
html+css+js+jQuery学习笔记(二)
html+css+js+jQuery学习笔记
150 0
html+css+js+jQuery学习笔记(二)
|
JavaScript 前端开发 开发者
最好不用 jquery |学习笔记
快速学习 最好不用 jquery
138 0
|
JSON 前端开发 JavaScript
jQuery 的使用| 学习笔记
快速学习jQuery 的使用。
161 0
jQuery 的使用| 学习笔记
|
JavaScript 前端开发 开发者
jQuery 基础|学习笔记
快速学习 jQuery 基础
190 0
jQuery 基础|学习笔记