bootstrapvsjquerymobile对比!

author author     2023-05-01     428

关键词:

参考技术A 很多新手纠结这个问题?两个框架都能够支持做手机网页,那么它们的区别是什么呢,适用场景是什么呢?下面我们从这几个方面比较这两个框架:解决问题、功能、适用场景。
<h1>解决问题</h1>

1.跨设备的网页响应式布局问题。随着手机、平板、各分辨率屏幕的出现,如何能够一套前端在所有设备上自由适应?
2.多人合作的前端布局和样式的规范问题
3.常用前端css组件,如按钮、连接、表单、表格、分页组件、下拉菜单、导航栏、ICON等等
4.常用JS前端组件(需要扩展js支持),如表单验证、Tips、Popup等等

<h1>jQuery Mobile是移动前端框架</h1>
jQuery Mobile是移动前端框架,包含js、html、css,提供一套完整的移动前端开发组件,可以比喻成Android开发框架,尽可能提供移动APP所具有的所有功能,针对解决的问题有:
1.移动网页APP所常用的组件,例如:手机导航栏、选项卡、底部菜单、列表、表单等各种组件,而这些与Bootstrap提供的组件有很大区别,jQuery Mobile提供的是类似手机APP的组件,只用于移动网页,而Bootstrap提供的是面向所有设备的组件,并没有对移动设备专门考虑,与移动APP的组件体验不一样。
2.网页页面之间转换效果
3.异步数据加载
<h1>功能</h1>
 Bootstrap其核心主要是一个css样式框架,基于css 的Media Query功能实现了响应式布局,能够帮助前端开发人员快速布局、快速开发、合作开发。它必须借助jQuery类似的js框架来实现Ajax数据交互。
  jQuery Mobile其核心是一个完整的WebAPP框架,加入了一个轻量级的jQuery可以实现Dom操作,在jQuery的基础上提供了一系列类似移动APP的Widget(视图组件),提供了一套不错的页面转场效果,可通过Ajax实现与后端数据交互。
<h1>适用场景</h1>
 Bootstrap通常用于:展示网站的响应式布局开发,使得网站可以在不同设备上方便浏览;以及网站后台管理系统的前端CSS框架。
  jQuery Mobile通常用于:期望接近移动APP体验的WebAPP,项目只运行在手机端,不用于电脑设备展示(虽然是可以展示的,但是效果不好)。
<h1>总结</h1>
 如果做跨设备响应式前端,选择Boostrap;如果仅作移动端,期望得到近似APP的WebAPP,使用jQuery Mobile。
  如果做一个产品级的WebAPP,当前jQuery Mobile的能力并不能让你满意,自己开发响应式布局框架和WebApp组件是必然要走的路。
<h1>最后</h1>
希望初学者可以掌握这两种框架,还有推荐一个js库,zepto.js,这个框架在开发移动端的时候,很便利,和jQ很像,但又有所不同,但是zepto.js更小,更便捷,zepto.js还提供了手机端的touch的api,真心很棒!

excel--数据对比方法

1.函数对比:适用于两列数据对比=IF(EXACT(A2,B2)=TRUE,"相同","不同")2.快捷键对比:适用于少数数据对比选中对比两列数据,快捷键:Ctrl+3.表格间数据对比:视图->并排查看一个sheet中两个表格间数据对比:先选中要对比的全部表... 查看详情

深度学习及机器学习框架对比摘要

对比深度学习十大框架:TensorFlow并非最好?TensorFlow与主流深度学习框架对比五大主流深度学习框架对比:MXNET是最好选择主流开源深度学习框架对比分析主流深度学习框架对比深度学习框架的评估与比较几种机器学习框架的对... 查看详情

对比分析(代码片段)

‘‘‘【课程1.3】对比分析对比分析→两个互相联系的指标进行比较绝对数比较(相减)/相对数比较(相除)结构分析、比例分析、空间比较分析、动态对比分析‘‘‘importnumpyasnpimportpandasaspdimportmatplotlib.pyplotasplt%matplotlibinli... 查看详情

对比文心一言对飚chatgpt实操对比体验

了解【文心一言】与【ChatGPT】差异,通过具体提问,对比【文心一言】与【ChatGPT】优缺点,带领没法玩【ChatGPT】的同学体验国产人工智能语言模型前言 查看详情

idea对比文件

和另一个文件对比:右击文件,选择另一个文件和剪切板的内容对比:右击代码区域  查看详情

abbyyfinereader15对比文档功能

...经过一个人或不同人的多次修订都是常有的事,拥有文档对比功能的软件也就应势而生。ABBYYFineReader15有许多能够帮助我们办公的功能,其中也包括文档对比。  一、可以对比各种组合格式的文档在处理文档的对比工作的... 查看详情

对比类作文一般以啥时态为主?

中考英语书面表达对比类写作对比类写作已成为英语书面表达中一个非常重要的形式。不管在工作学习中还是在日常生活中,对比是人们分析问题和解决问题的重要方法和手段,这就不难理解为什么对比类写作中考写作中的一个... 查看详情

文件与目录差异对比方法

...Python2.6.6linux系统用到的模块:filecmpfilecmp提供了:单文件对比,多文件对比,目录对比单文件对比:采用filecmp.cmp(f1,f2[,shallow])方法,比较文件名为f1和f2的文件的内容,相同返回True,不相同返回False,shallow默认是True,意思是... 查看详情

常见资产对比小结

常见资产对比小结,存货固定资产无形资产。 查看详情

各模型对比-回归

#各模型对比##回归参考数据《机器学习实战》第八章  查看详情

图片对比算法性能对比(代码片段)

■环境Win7SP1(Win32)4GMemoryIntelCorei3-3120M2.5GHzPython3.6.0Pycharm2017.1.3PIL1.1.7Pillow3.4.2Numpy1.14.2(cp36)OpenCV3.4.1(cp36)■图片目录结果C:.│├─1│└─Car│BenZ-01.jpg│BenZ-02.jpg│BenZ-03.jpg│BMW-01.jpg│BMW-0 查看详情

内网穿透软件对比——cpolar:网云穿(下)

系列文章内网穿透软件对比——cpolar:网云穿(上)内网穿透软件对比——cpolar:网云穿(中)内网穿透软件对比——cpolar:网云穿(下)文章目录系列文章1.前言2.对比内容2.1TCP协议功能及操作对比2.1.1网云穿... 查看详情

iphone尺寸性能各方面对比图

1.产品性能对比图2.iPhone手机尺寸对比图  查看详情

rancher和kubesphere的对比

文章目录Rancher和KubeSphere的对比1、对比2、其它Rancher和KubeSphere的对比1、对比定位上,KubeSphere面向研发,Rancher面向运维权限上,KubeSphere支持比Rancher更细的粒度日志上,KubeSphere日志查询界面更友好,但是可靠性不如Rancher,Rancher... 查看详情

rancher和kubesphere的对比

文章目录Rancher和KubeSphere的对比1、对比2、其它Rancher和KubeSphere的对比1、对比定位上,KubeSphere面向研发,Rancher面向运维权限上,KubeSphere支持比Rancher更细的粒度日志上,KubeSphere日志查询界面更友好,但是可靠性不如Rancher,Rancher... 查看详情

图像对比度调整

图像对比度就是对图像颜色和亮度差异感知,对比度越大,图像的对象与周围差异性也就越大,反之亦然。调整图像对比度的方法大致如下:(前提为对比度系数用户输入范围为【-100~100】)1)读取每个RGB像素值Prgb, Crgb=&nb... 查看详情

快速对比两个文件的差异

在开发或者其他场景下会遇到对比前后两个文件的差异性的问题,怎么快速进行对比呢?采用BeyondCompare软件来进行对比两个文件或文件夹的差异性,下载安装参见博文:https://blog.csdn.net/qq_30764991/article/details/88867315。在进行class... 查看详情

快速对比两个文件的差异

在开发或者其他场景下会遇到对比前后两个文件的差异性的问题,怎么快速进行对比呢?采用BeyondCompare软件来进行对比两个文件或文件夹的差异性,下载安装参见博文:https://blog.csdn.net/qq_30764991/article/details/88867315。在进行class... 查看详情