`
fantaxy025025
  • 浏览: 1328104 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

Foundation和zepto

 
阅读更多

 

为什么我们放弃了 Zepto

Foundation 是 Zurb 公司开源的一套前端框架,和 Bootstrap 类似。

在漆深的洞中,聪明、强壮的雪人(雪人 -- Yeti -- 是 Foundation 框架的吉祥物,这里其实是暗指 Foundation 框架)听到人们的询问“Zepto 去哪儿了?”。

回顾 Foundation 版本 4 开发时,我们考虑采用 Zepto 库(jQuery 可选),主要是由于 Zepto 体积小、加载速度快。

随着时间的推移,我们发现文件体积的大小根本和执行效率没有任何比例关系。当然,必须承认,Zepto 下载的确很快。但是,一旦下载到浏览器之后,它并不像 jQuery 一样执行速度快。并且,很多第三方插件都依赖 jQuery,不支持 Zepto -- 实际上,我们发现某些第三方插件和 Zepto 有冲突。

对于我们来讲,维护多套代码很不容易。例如,Zepto 缺少合适的高度计算函数,这让某些栅格(grid)的计算变得很困难。

为了解决这些问题,我们发现解决办法其实极其简单:基于 jQuery 2 构建 Foundation 版本 5。除了获得更好的执行速度和广泛的业界支持外,jQuery 2 的文档更优秀、支持也同样更好。jQuery 的 API 在各个版本是兼容的。

等一等,为了把问题讲清楚,我们还是先假定 Zepto 的执行速度可能比 jQeury 快。我们不希望犯同样的错误,因此,我们将 Zepto 和 jQuery 2 进行对比测试,测试结果是:jQuery 2 每秒执行的操作次数比 Zepto 多。这让 Foundation 版本 5 的执行效率更高,同时让所有用户感受到更好的体验。

最后,我们希望帮助大家更快速地设计优秀的产品 -- 这次,我们的一点儿改变,让 Foundation 这个前端框架的速度得到大幅提升!

译者总结:

在开源的世界中,充斥着大量的开源项目,但是,只有少部分的开源项目为广大开发者所熟知并积极使用。一个好的开源项目必须有一个强大的社区和一批积极的贡献者,jQuery 就是其中一个幸运儿。


原文地址:http://zurb.com/article/1293/why-we-dropped-zepto

 

 

q

q

q

qee

ee

e

 

分享到:
评论

相关推荐

    jQuery和Zepto的链接选择

    在JavaScript的世界里,jQuery和Zepto是两个非常流行的轻量级库,它们为开发者提供了方便的DOM操作、事件处理和Ajax交互等功能。本篇将详细探讨jQuery和Zepto中的链接选择,以及它们如何帮助我们更高效地处理网页中...

    支持jquery和zepto的树形控件

    总的来说,“支持jQuery和Zepto的树形控件”是一个强大的工具,它结合了jQuery和Zepto的易用性和Dtree的灵活性,能够帮助开发者高效地构建具有层次结构的Web界面。无论你是新手还是经验丰富的开发者,都能从中受益。...

    移动端优先且支持jQuery和Zepto的模态对话框插件

    "dialog.js"就是这样一款专为移动端设计的、同时兼容jQuery和Zepto的轻量级模态对话框插件。它使得在手机或平板电脑上创建功能丰富的对话框变得简单易行。 首先,我们来详细了解dialog.js的核心特性。作为移动端...

    zepto.js的中文手册,中文api说明,zepto中文注释

    ### Zepto.js中文手册知识点详解 #### 一、概述 Zepto.js是一个轻量级的JavaScript库,旨在为...通过学习这些内容,开发者能够更好地掌握Zepto.js的核心功能和使用技巧,从而提升移动Web应用的开发效率和用户体验。

    Zepto集成touch版本

    标题提到的"Zepto集成touch版本"指的是 Zepto 的一个扩展,专门针对触摸事件和手势处理进行了优化,使其更适合在触屏设备如智能手机和平板电脑上使用。这个集成版本包含了更多的功能,比官方提供的基础7个组件更加...

    jquery validation 支持zepto

    让jquery validation plugin 支持zepto

    mobiscroll.zepto.zip

    将 Mobiscroll 与 Zepto 结合,首先需要确保你的项目中已经包含了 Zepto.js 和 Mobiscroll 的库文件。在引入这些文件后,可以通过 Zepto 的 `$` 函数来选择元素,并调用 Mobiscroll 的初始化方法。例如,如果你有一...

    zepto包含touch模块

    在提供的压缩包文件中,有三个文件:zepto.min.gz、zepto.js和zepto.min.js。其中,zepto.js是未压缩的版本,方便查看源代码和调试;zepto.min.js是压缩后的版本,体积更小,适用于生产环境,能减少页面加载时间;...

    zepto库中touch.js

    Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。touch库实现'swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown', 'doubleTap',...

    zepto:node了一个

    `zepto.min.gz`和`zepto.min.js`是Zepto库的压缩版本。`.min`表示这是经过压缩的代码,体积更小,加载速度更快,适合生产环境。`.gz`文件是使用GZIP压缩的,可以进一步减小文件大小,提高网络传输效率。在实际使用中...

    移动端Dialog弹出对话框插件同时支持jQuery和Zepto

    `dialog.js`插件就是为了满足这种需求而设计的,它专为移动端优化,同时兼容了两种流行的轻量级JavaScript库:jQuery和Zepto。这款插件允许开发者轻松创建各种类型的通知、确认或询问对话框,提升用户体验。 首先,...

    zepto.js中文离线手册网页版

    zepto.js是一款轻量级的JavaScript库,专为移动设备的浏览器设计,特别是针对iOS和Android等触屏设备。它提供了与jQuery相似的功能,但体积更小,加载速度更快,适合移动环境。Zepto.js的核心目标是实现一个适用于...

    zepto源码及其中文翻译和解析

    通过阅读翻译和解析,开发者可以更轻松地学习到Zepto的设计思路和实现细节,从而提升自己的JavaScript技能。 总结起来,深入学习Zepto的源码不仅能够提升我们的JavaScript编程能力,还能让我们了解到前端开发中的...

    zepto手机移动端弹出提示框图标动画特效

    Zepto库的目标是保持轻量化,因此它只包含了移动设备最常用的选择器和方法,如DOM操作、事件处理、Ajax请求等。由于其体积小,加载速度快,对于手机移动端来说是非常理想的。 在“zepto手机移动端弹出提示框图标...

    javascript框架- zepto.js

    5. **Ajax**:zepto.js包含了基本的Ajax功能,如`$.ajax()`、`$.get()`和`$.post()`,使得异步数据请求变得简单,支持JSONP和XMLHttpRequest Level 2,适应跨域数据获取。 6. **模块化**:zepto.js遵循模块化设计,...

    移动框架zepto.js

    2. **事件处理**:Zepto支持绑定和解绑事件,如`.on()`和`.off()`,以及模拟事件冒泡的`.trigger()`方法。此外,还有事件委托机制,可以高效地处理大量动态生成的元素的事件。 3. **动画效果**:尽管体积小巧,但...

    移动端zepto工具包

    Zepto是一个轻量级的JavaScript库,专门为移动设备设计,特别是在iOS和Android平台上。它旨在为移动Web开发提供类似于jQuery的API,使开发者能够轻松地处理DOM操作、事件处理、动画效果以及Ajax交互。在移动端,...

    zepto 中文api文档 【离线文件】

    zepto.js 是一个轻量级的JavaScript库,主要针对移动设备和现代浏览器,它提供了类似于jQuery的核心功能,包括选择器、DOM操作、事件处理、动画效果以及Ajax等。这个压缩包包含了一份Zepto中文API的离线文档,方便...

    zepto-cookie-master

    然后在你的项目中引入Zepto和这个插件,确保Zepto先于插件加载,因为插件依赖于Zepto的核心功能。 在使用过程中,我们可以直接使用$.cookie()方法进行各种操作。例如,创建一个名为"user"的Cookie并赋值为"John Doe...

    zepto下的page切换控件

    在jQuery Mobile中,页面切换是通过数据属性(如"data-role='page'")和事件(如"pagechange")来实现的,而zepto-page-transitions则提供了类似的机制,允许开发者在不引入整个jQuery Mobile库的情况下,实现流畅的...

Global site tag (gtag.js) - Google Analytics