很多新手纠结这个问题两个框架都能够支持做手机网页,那么它们的区别是什么呢适用场景是什么呢?下面我们从这几个方面比较这两个框架:解决问题、功能、适鼡场景
Bootstrap是一个css框架,针对解决的问题有:
跨设备的网页响应式布局问题随着手机、平板、各分辨率屏幕的出现,如何能够一套前端在所有设备上自由适应
多人合作的前端布局和样式的规范问题
移动网页APP所常用的组件,例如:手机导航栏、选项卡、底部菜单、列表、表單等各种组件而这些与Bootstrap提供的组件有很大区别,jQuery Mobile提供的是类似手机APP的组件只用于移动网页,而Bootstrap提供的是面向所有设备的组件并没有對移动设备专门考虑,与移动APP的组件体验不一样网页页面之间转换效果异步数据加载
Bootstrap其核心主要是一个css样式框架,基于css 的Media Query功能实现了响應式布局能够帮助前端开发人员快速布局、快速开发、合作开发。它必须借助jQuery类似的js框架来实现Ajax数据交互
jQuery Mobile其核心是一个完整的WebAPP框架,加入了一个轻量级的jQuery可以实现Dom操作在jQuery的基础上提供了一系列类似移动APP的Widget(视图组件),提供了一套不错的页面转场效果可通过Ajax实现与後端数据交互。
Bootstrap通常用于:展示网站的响应式布局开发使得网站可以在不同设备上方便浏览;以及网站后台管理系统的前端CSS框架。
jQuery Mobile通常鼡于:期望接近移动APP体验的WebAPP项目只运行在手机端,不用于电脑设备展示(虽然是可以展示的但是效果不好)。
如果做一个产品级的WebAPP當前jQuery Mobile的能力并不能让你满意,自己开发响应式布局框架和WebApp组件是必然要走的路
著作权归作者所有。商业转载请联系作者获得授权非商業转载请注明出处。