mobilebone.js 介绍
mobilebone.js单页切换骨架。适用于移动web APP,Hybrid混合APP,Phonegap开发,无兼容要求单页PC应用等。
mobilebone.js设计理念
mobilebone设计理念是 一个 纯UI表现层的js应用，如果没有mobilebone.js，我们的项目依然是可以运作的，只是形式上是传统的 页面 跳转 。明白这一点，就应该可以理解为何请求 页面 中的src地址的script不执行了。
这种无侵入的设计理念使得mobilebone更像是 一个 外挂， 一个 精美的外衣，日后不喜欢了，直接拿掉就可以，完全不要担心前端变化太快项目跟不上怎么办。同时，保留了传统 页面 SEO 友好等优点。
为何需要？
类原生APP的过场体验，适用于这些场景：
Phonegap等类似跨移动开发平台，其静态 页面 都是index.html,单 页面 ，因此，需要跟原生一样的过场体验。
Hybrid app开发，原生APP内嵌web APP,为了两者体验一致，不至于交互太唐突，也需要无刷新过场 效果 。
就算是纯粹的移动web APP,使用无刷新模式也不失为一种不错的选型策略。
对兼容性没有要求的单页PC应用，如类PowerPoint web文档，单页翻屏web 站点 等。
如何使用？
引入相关的css以及js,如下：
<link rel="stylesheet" href="mobilebone.css">
<script src="mobilebone.js"></script>
html结构需要有一定的要求：
body
page
page
page
每个page是个满屏元素,相当于 一个 独立的 页面 。
Mobilebone会 自动 捕获 页面 上的a元素，如果其href值存在猫腻，就会触发切换行为。例如：
<a href="#targetPage">目标 页面 </a>
当click/tap此元素时候， 页面 会 自动 无刷新切换到id为targetPage的 页面 。
也可以使用ajax请求。例如：
<a href="detail. PHP ?id=112">请求详情页</a>
所有ajax请求 默 认是缓存的，如果你想根据 URL地址 不缓存，可以设置data-reload或者data-reload="true"；如果你想根据url根地址不缓存，需要设置data-reload="root"。
你可以控制切换的方向，任意扩展动画类型，可以被seajs,requiejs模块化加载(require('mobilebone'))，可以和Backbone组合使用等。
优势？
mobilebone.js只做了一件事情，切换。所以，js 文件 很小，gzip后4~5K,而且很灵活，几乎没有任何UI的限制，适用于各个项目各个场景。同时，巧妙提供各类缓存管理、事件管理的接口，就像是个完整健全的骨架体系，就等你来加血添肉了！
网站地址 : http://www.mobilebone.org
GitHub: https://github.com/zhangxinxu/mobilebone
网站描述: 单页切换骨架
mobilebone.js官方网站
官方网站： http://www.mobilebone.org
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。