mobilebone.js 是单页切换骨架。适用于移动web APP, Hybrid混合APP, Phonegap开发, 无兼容要求单页PC应用等。
为何需要？
类原生APP的过场体验，适用于这些场景：
1. Phonegap等类似跨移动开发平台，其静态页面都是index.html, 单页面，因此，需要跟原生一样的过场体验。
2. Hybrid app开发，原生APP内嵌web APP, 为了两者体验一致，不至于交互太唐突，也需要无刷新过场效果。
3. 就算是纯粹的移动web APP, 使用无刷新模式也不失为一种不错的选型策略。
4. 对兼容性没有要求的单页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.ppt.js: 可以让web页面表现如幻灯片演示，尺寸自适应。 demo点击这里。
优势？
mobilebone.js只做了一件事情，切换。所以，JS文件很小，gzip后4~5K, 而且很灵活，几乎没有任何UI的限制，适用于各个项目各个场景。同时，巧妙提供各类缓存管理、事件管理的接口，就像是个完整健全的骨架体系，就等你来加血添肉了！
-
轻便体积小 原生无依赖 插件可扩展 设计无限制 动效可定制 动静两相宜 能进亦能退 桌面也兼修 一句话功能简介 跟传统网页浏览的差别仅仅在于无刷新！ 例如，我们浏览首页，首页上有个如下HTML链接： <a href="mocamoca.html">摩擦摩擦</a> 在传统页面，页面会刷新跳转至mocamoca.html, 但是，引入mobilebone.js后，就是无属性滑动到mocamoca.h
-
mobilebone文档 转载于:https://www.cnblogs.com/Aladingding/p/5498837.html
-
http://www.zhangxinxu.com/wordpress/2014/10/mobilebone-js-mobile-web-app-core/ 名人张鑫旭的插件可以学学。不错呀。
-
js篇 // Is it webkit var isWebkit = "WebkitAppearance" in document.documentElement.style || typeof document.webkitHidden != "undefined"; // Is it suppory history API var supportHistory = "pushStat
-
学习良好的规范，培养良好的书写习惯，苦练基本功才能快速成长。 http://www.cnblogs.com/cssbbs/category/758479.html 常用插件 插件名 使用范围 说明 官网实例 superslide.js PC端 轮换图、滚动图、无缝滚动、上下滚动、选项卡、多行滚动 官网：http://www.superslide2.com 百度地图 通用 调用地图 http
-
http://www.mobilebone.org/ 转载于:https://www.cnblogs.com/anyaran/p/4434460.html
-
表页与里页 KAG 的每一层又可以分成两部分，表页 fore 、里页 back 。 所有表页的内容组成了画面上显示的东西，而里页的内容，画面上是看不到的。 里页主要是在使用[trans]（画面切换效果）之前，用于预载想要显示的内容的。（转自KAG官方文档汉化版） 如果将吉里吉里/KAG的所有层理解成一叠卡片的话，表页就是卡片当前朝向屏幕的一面。 那么，切换就是把所有的卡片翻面，让表页和里页互换。
-
MIP Page 最大的工作在于将多个独立的页面融合在一起，让它们拥有像单页应用 (SPA) 那样的切换效果和使用体验，解决“第二跳”的问题。这一部分简单讨论一下它的实现方案。 方案核心主要有以下几点： MIP Page 借助 iframe 实现了页面之间的互相隔离 通过 iframe 和外界的通讯来实现页面之间的通讯和传递数据 为了加载性能考虑，第一个页面维持原状，不放入 iframe 之中。
-
本文向大家介绍VUE单页面切换动画代码(全网最好的切换效果)，包括了VUE单页面切换动画代码(全网最好的切换效果)的使用技巧和注意事项，需要的朋友参考一下 我就废话不多说了，直接上代码吧！ 以上这篇VUE单页面切换动画代码(全网最好的切换效果)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
问题内容： 如何在vue.js中切换类？ 我有以下几点： 当我单击时，我想按以下方式申请课程： 这需要切换，即每次单击它都需要添加/删除类。 问题答案： 您可以让活动类依赖于布尔数据值：
-
Vue 提供了多种方式支持动画过渡效果。例如在各个过渡阶段应用 CSS 类，提供钩子函数使用 JS 操作 DOM，使用第三方 CSS/JS 动画库等。 如果对 Vue 中内置的 transition 机制还不了解，可以阅读 官方的介绍。 在模板项目中，主要使用了最简单的应用 CSS 类的方式完成动画效果。 具体实现 在模板项目中，页面切换时，会有左右滑动效果。 具体表现为打开新页面时左滑展示，返回
-
移动端如果使用异步组件加载那么还是需要一点等待时间的，在网络慢时等待时间会更长。显示Loading状态缓解一下用户等待情绪就十分重要。 如果你使用vue-router和vuex，那么可以很容易实现。 首先，注册一个module来保存状态 const store = new Vuex.Store({}) // 这里你可能已经有其他 module store.registerModule('vux'