我们为什么在移动端项目中选择jQuery而不是Zepto

1、文件大小比较

首先从cnd上(http://www.bootcdn.cn/)下载jquery和zepto。

jquery下载的是2.2.4版本压缩:

zepto下载的是是1.20压缩版本:

二个文件大小比较:

jquery.min.js 大小为:83.5k

zepto.min.js大小为:25.7k

总结:zepto文件确实小,但是由于目前网民移动设备网络带宽好、流量多,浏览器都会都会缓存js,并且网站一般都会使用gzip对js文件进一步压缩,所以文件大小只会影响用户第一次加载网页。

2、jquery和zepto执行速度比较

根据测试网站:https://jsperf.com/zepto-vs-jquery-2013/25,jquery和zepto的执行速度差不多,文件大小没有影响到执行速度

 3、插件支持情况

很多第三方插件都依赖 jQuery,不支持 Zepto,这样使用jquery会大大降低代码的维护成本

4、zepto的缺陷

zepto缺少一些函数,如获取高度的函数、选择器、offset函数等,同样会加大大代码的维护成本

5、移动端事件

在使用jquery时,对于移动端事件可以添加插件来支持触摸等移动端事件。

时间: 2024-11-09 03:47:07

我们为什么在移动端项目中选择jQuery而不是Zepto的相关文章

如何在程序开发项目中选择合适的 JavaScript 框架,节省时间和成本的9款极佳的JavaScript框架介绍

从技术上来看,iOS,Android 和 Windows Phone 上的移动应用是使用不同的程序语言开发的,iOS 应用使用 Objective-C,Android 应用使用 Java,而 Windows Phone 应用使用 .NET. .随着 JavaScript,CSS 和 HTML 知识技能的提升,相信你也可以构建一个超赞的移动应用.在这篇博客里,我们将会介绍一些极好的 JavaScript 移动应用程序开发框架. 说到网络开发,就不得不说 JavaScript,这是一款很有前途的程序

angular项目中使用jquery的问题

1.使用npm命令往项目中添加jQuery. npm install jquery --save 2.在你想要用jQuery的组件中添加. import * as $ from "jquery"; 3.就可以正常使用了.

项目中选择css框架的苦恼

优点 a) 提高开发效率. b) 规范名称定义,便于维护. c) 规范项目开发流程 d)css代码更清晰.简单.html代码更合理. e) 大规模项目中可以减少用户下载 弊端 a) 学习成本提高.你需要了解整个框架,需要阅读框架的文档. b)css框架对于一个小项目等页面来说很臃肿.框架中可能有大部分你用不到的代码. c)可能会无法帮助你的技术提高.太依赖框架,以至于很难排除bug.包括框架中本身就带的bug. d) 选择自己需要的框架与开发框架都很痛苦.写到后面发现越来越不灵活,越来越臃肿.

Eclipse项目中加入jquery.js文件报错(missing semicolon)问题

在使用Eclipse3.7及以后的版本的时候,加入jQuery文件会报错(missing semicolon),文件中会显示红色小X,虽然这个错误并不会影响项目的运行,但是这个却会大大的影响到开发人员的心情,看这总是很不爽,怎么样才能解决呢. 很简单,首先我们先分析下造成这种情况的原因,如果你是个心细的人,去研究一下项目中的.project文件,你会发现有这样一段代码,如下:   节点下的这些代码,你会发现第一个有个org.eclipse.wst.jsdt.core.javascriptVali

移动端开发:使用jQuery Mobile还是Zepto

原:http://blog.csdn.net/liubinwyzbt/article/details/51446771 jQuery Mobile和Zepto是移动端的js库.jQuery Mobile相当于PC端的jQuery UI,它提供了很多页面的UI库,能够很快的开发出漂亮的界面,适合公司没有UI设计师的前端开发人员来进行移动端的开发.Zepto相当于PC端的jQuery,它提供了很多方法和功能,能够很快的实现各种需求和功能,适合公司有UI设计师的前端开发人员来进行移动端的开发. jQu

将sass快速引入到移动端项目中加速开发

本文以上图为例子: 首先在根目录创建一个sass文件,在sass文件中分别创建4个文件夹bsae,pages,libs,style; base下存放:样式重置_normalize.scss; 自己定义的scss代码块:_help.scss(如果项目大可以再细分为funiton,mixin,variable等): 通用部分_common.scss;(如上图中的头部,如需要可再细分为common-header , common-nav等部分) pages下存放每个对应的html需要的scss文件,如

再eclipse的javaweb项目中添加JQuery文件时jquery-2.1.4.min.js报错

解决方法: eclipse导入jquery包后报错,下面有个不错的解决方法,需要的朋友可以参考下 eclipse导入jquery包后报错,处理步骤如下: 1.打开项目.project文件,去掉如下内容: <buildCommand> <name>org.eclipse.wst.jsdt.core.javascriptValidator</name> <arguments> </arguments> </buildCommand> 2.

vue-cli3项目中引入jquery

1.安装jquery npm install jquery --save 2.或则在package.json中指定版本号,然后运行npm install命令 "dependencies": { "axios": "^0.18.0", "core-js": "^2.6.5", "jquery": "^3.4.1", "vue": "^2.6

Vue项目中使用vw实现移动端适配

我们在vue移动端项目中的适配一般都采用rem,但是rem也不是能兼容所有的终端. 随着viewport单位越来越受到众多浏览器的支持,下面将简单介绍怎么实现vw的兼容问题,用vw代替rem 当我们采用vue-cli脚手架搭建完项目,安装所有依赖包之后,用npm run dev启动后,在根目录有一个 .postcssrc.js 文件,文件结构如下: vue-cli默认已经安装以上三个插件: postcss-import:相关配置可以点击这里.主要功有是解决@import引入路径问题.使用这个插件