`
json20080301
  • 浏览: 165687 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

bootstrap和jquerymobile的UI对比

 
阅读更多

 

 

个人认为:Jquery Mobile的初衷直接将原生app替换掉,而Bootstrap3的目的是将桌面上的网站直接迁移到移动终端。所以JM界面更接近于原生APP的UI ,而Bootstrap3的UI更接近于桌面浏览器的前端界面更像一个网站,而不像一个APP.
 
       做网站首页导引时使用Bootstrap3可以实现很好的浏览效果,并且可以直接无缝地在移动终端进行流量。而进行APP开发时,最好使用JM,他的UI更接近原生UI,同时他的页面导航机制使它更像APP,而不是跳转到一个网页


http://note.youdao.com/share/?id=1563616c29c6f6351893465119a1c640&type=note

0
0
分享到:
评论

相关推荐

    jQuery-Mobile-Bootstrap-Theme

    `jQuery Mobile` 专注于提供跨平台、触摸友好的UI组件,而 `Bootstrap` 则以其响应式布局和丰富的样式组件闻名。将两者结合,我们可以构建既具有 `Bootstrap` 风格又具有 `jQuery Mobile` 功能性的移动应用。 **...

    jquery mobile 实例用bootstrap 搭建响应式手机软件交谈聊天页面样式

    本实例将结合`jQuery Mobile`和`Bootstrap`这两个强大的前端框架,教你如何构建一个响应式的手机软件交谈聊天页面样式。 首先,`jQuery Mobile`是一个轻量级的框架,专门用于构建触摸优化的移动Web应用。它提供了...

    jQuery-Mobile-Bootstrap-Theme-master

    在Web开发领域,jQuery Mobile和Bootstrap是两种非常流行的前端框架,它们各自为开发者提供了强大的工具和组件,以构建响应式、移动优先的网页应用。当我们谈论"jQuery-Mobile-Bootstrap-Theme-master"时,这通常...

    JqueryMobile课件源码

    jQuery Mobile 是基于 jQuery 和 jQuery UI 的轻量级框架,主要目标是简化移动 Web 开发,提供一致的触摸事件处理、页面结构和导航模式。其核心理念是“Write Less, Do More”,通过简单的 HTML 标签和 CSS 类,实现...

    JqueryMobile1.4.2最新版Demo

    在下载的 "JqueryMobile-1.4.2 Demo" 压缩包中,你可以找到各种示例页面和组件的实践应用,通过查看和分析这些例子,可以更直观地了解 jQuery Mobile 的功能和使用方法。结合实际项目需求,灵活运用这些知识,可以...

    bootstrap-demo:在demo express中使用bootstrap替换jquery mobile

    Bootstrap 和 jQuery Mobile 都是流行的前端开发框架,用于构建响应式和移动优先的网页应用。在本项目"bootstrap-demo:在demo express中使用bootstrap替换jquery mobile"中,我们将重点讨论如何将一个基于jQuery ...

    jquery.mobile demo.zip

    在Web开发领域,jQuery Mobile是一个强大的框架,专为移动设备设计,提供了一套完整的用户界面(UI)组件和交互效果,以实现跨平台、响应式的移动Web应用。"jquery.mobile demo.zip"这个压缩包包含的是jQuery Mobile...

    教务管理系统(spring+springmvc+mybatis+bootstrap+mysql+jQuery)实现

    4. Bootstrap:Bootstrap是流行的前端开发框架,它提供了响应式布局和丰富的UI组件,帮助开发者快速创建美观且跨平台的网页。在本系统中,Bootstrap被用于设计PC端和移动端的用户界面,确保在不同设备上都能有良好的...

    Bootstrap ACE后台管理界面模板(扁平化)

    网页图标全采用FontAwesome,除Bootstrap,jQuery UI使用到的第三方插件有: jQuery 2.0.3 jQuery UI 1.10.3 (Custom Build) Twitter Bootstrap 3.0.0 FontAwesome 3.2.1 Google "Open Sans" Font jQuery Flot ...

    jquery.mobile-1.3.2

    3. **主题和主题系统**:jQuery Mobile使用主题系统来控制UI的颜色和风格,可以通过CSS类或数据属性自定义。 四、jQuery Mobile与jQuery的关系 jQuery Mobile建立在jQuery之上,它扩展了jQuery的功能,专门针对...

    HTML5+BootStrap+Jquery的Admin模板,绝对可用。

    Kode coded highly responsive for your mobile phone & tablets. Kode is easily customizable with colors, widgets or ui elements. Features Bootstrap 3 based Fully responsive for phones and tablets ...

    HTML5 移动端 UI框架 Mobile Angular UI.zip

    Buttons 设计使用 Grunt 自定义构建工作流比 Bootstrap 3 Jquery Angular Js 更轻量级快速实现desktop到mobile的转换 Mobile Angular UI 保留大部分的Bootstrap 3 语法. 这样很容易将已有的桌面APP转换成mobile。...

    《响应式网页开发实战》教学教案—第9章 jQuery Mobile样式.pdf

    1. **jQuery Mobile 页面中网格样式的设置**:jQuery Mobile 使用基于栅格系统的网格布局(ui-grid),模仿 Bootstrap 的栅格系统,将页面划分为不同数量的列。在案例中,`ui-grid-b` 分为三列(ui-block-a, ui-...

    bootstrap ace_admin1.3.1 (最新版)

    Bootstrap, jQuery UI and third party plugins and elements including: jQuery jQuery UI (Custom Build) Twitter Bootstrap FontAwesome Google "Open Sans" Font jQuery Flot Charts jQuery Sparklines Easy ...

    JQueryMobile相关

    - **与其他库的兼容**:虽然基于jQuery,但jQuery Mobile也可以与其他库(如jQuery UI、Bootstrap等)共存,只要注意避免样式冲突和事件监听器的叠加。 - **PhoneGap/Cordova集成**:jQuery Mobile 也常用于混合...

    ACE Admin官方文档(最新)

    网页图标全采用FontAwesome,除Bootstrap,jQuery UI使用到的第三方插件有: jQuery 2.0.3 jQuery UI 1.10.3 (Custom Build) Twitter Bootstrap 3.0.0 FontAwesome 3.2.1 Google "Open Sans" Font jQuery Flot ...

    VirtualKeyboard是一款基于jQueryUI的超炫虚拟键盘插件

    - 首先,你需要在HTML页面中引入jQuery、jQuery UI和Virtual Keyboard的CSS及JS文件。 - 然后,为需要显示虚拟键盘的input元素添加特定的class,如"ui-widget-content virtual-keyboard-input"。 - 最后,通过...

    Learning.Information.jQuery.Pocket.Primer

    Chapter 6: jQueryMobile Events and Animation Effects. Chapter 7: HTML5 Canvas and jQueryMobile. Chapter 8: HTML5 Technologies with jQuery. Chapter 9: jQuery Mobile and Hybrid HTML5 Web Apps. Chapter ...

    Java框架Bootstrap、HTML5、jQuery、Spring MVC、Hibernate、向导、验证、UI组件、日历、相册、时间轴

    3. **信息发布管理**:利用jQuery jqGrid展示网格数据,实现Ajax分页、排序、增删查改以及Excel导出,配合Bootstrap Wysiwyg富文本编辑器,Quartz和Lucene进行定时索引和全文检索。 4. **用户管理**:同样使用jQuery...

Global site tag (gtag.js) - Google Analytics