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

相关文章
|
小程序 前端开发 JavaScript
微信小程序框架---视图层&逻辑层&API&事件
微信小程序框架---视图层&逻辑层&API&事件
433 0
|
存储 缓存 数据库
优化性能与减少资源浪费:深入了解缓存策略
缓存策略是现代Web开发中关键的优化技术之一,它可以显著提高网站性能,降低服务器负载,并减少用户等待时间。在本博客中,我们将深入研究缓存策略的概念、不同类型的缓存和如何在项目中实施它们。
430 0
一看就会R语言绘制限制性立方样条(Restricted cubic spline,RCS)
最近在研究怎么处理论文数据,各种分析软件都有使用,比如:SPSS、Origin、stata16、medcalc和R语言都有些研究,其中除R语言外都是收费的。不过经过一番功夫,我这边有SPSS、stata16、Origin和medcalc的破解版,有需要的可以关注我的公众号,私聊我来获取,我将给你一个百度网盘下载地址。
1595 0
|
9月前
|
人工智能 JSON Java
列表结构与树结构转换分析与工具类封装(java版)
本文介绍了将线性列表转换为树形结构的实现方法及工具类封装。核心思路是先获取所有根节点,将其余节点作为子节点,通过递归构建每个根节点的子节点。关键在于节点需包含 `id`、`parentId` 和 `children` 三个属性。文中提供了两种封装方式:一是基于基类 `BaseTree` 的通用工具类,二是使用函数式接口实现更灵活的方式。推荐使用后者,因其避免了继承限制,更具扩展性。代码示例中使用了 Jackson 库进行 JSON 格式化输出,便于结果展示。最后总结指出,理解原理是进一步优化和封装的基础。
304 0
|
11月前
|
机器学习/深度学习 存储 数据中心
《深度揭秘:TPU张量计算架构如何重塑深度学习运算》
TPU(张量处理单元)是谷歌为应对深度学习模型计算需求而设计的专用硬件。其核心矩阵乘法单元(MXU)采用脉动阵列架构,显著提升矩阵运算效率;内存管理单元优化数据流通,减少瓶颈;控制单元协调系统运作,确保高效稳定。TPU在训练和推理速度、能耗方面表现出色,大幅缩短BERT等模型的训练时间,降低数据中心成本。尽管通用性和易用性仍有挑战,但TPU已为深度学习带来革命性变化,未来有望进一步优化。
763 19
|
存储 关系型数据库 MySQL
"揭秘!MySQL为何独宠B+树?跳表再牛,也敌不过这性能王者的N重诱惑!"
【8月更文挑战第11天】MySQL作为主流关系型数据库,优选B+树而非跳表作为索引结构,基于其对范围查询的支持、低磁盘I/O开销及事务处理能力。B+树叶节点构成有序链表,利于范围查询;较矮的树形结构减少了磁盘访问次数;支持多版本并发控制,保障事务ACID特性。而跳表在线性扫描范围查询时效率低,难以高效实现事务管理,且额外指针增加空间消耗。示例代码展示了B+树节点分裂过程,突显其内部机制。综上,B+树为MySQL提供了高性能、可靠的数据存储与检索能力。
394 4
|
SQL Oracle 关系型数据库
SQL SELECT TOP 详解
SQL SELECT TOP 详解
|
前端开发 Java 网络性能优化
netty系列之:使用UDP协议
netty系列之:使用UDP协议
netty系列之:使用UDP协议
|
存储 数据处理 API
ffmpeg过滤器filter理论与实战
ffmpeg过滤器filter理论与实战
366 0
|
前端开发
前端ElementPlus框架中的几种图标按钮使用方式
本文介绍了如何在Element Plus前端框架中使用带有图标的按钮,包括设置按钮大小、图标大小、按钮类型以及如何为图标添加点击事件。
1465 0