在聊单页路由之前我们下看下面这个需求场景 这是个帮助页面的常见问题聚合页,用户点一个问题然后打开对应问题的帮助页,而这种页面也一般是放在cms中,让运营同学去编辑 我们该怎么去建cms文件和controller呢!如果一个一个页面去加实在是蛋疼,这个就是单页路由很好的应用场景。
- 什么是银行预留手机号?
银行预留手机号,一般是当你去办理…… - 如何修改预留手机号?
不同银行的修改预留手机号的方法…… - 提示“网络超时”,怎么办?
可能是因为网络不稳定导致…… - 支付时收不到短信验证码怎么办?
收不到验证码可能有三种情况…… - 钱扣了为什么没到账?
由于充值过程中需要多处渠道共同支持……
再想想类似的需求场景很多,尤其是移动端的页面,每个页面其实承载的展示内容要比pc页面少的多,不同页面很多逻辑可以复用, 跨页面数据传输通信 这样如果做成单页从用户的体验和可维护性上都有很大的优势
下面是自己未来满足常用的业务需求锤炼的一款单页路由插件托管在github上:
###router.js
###库文件依赖:
- zepto.js 或者 jQuery
###兼容性:
PC端
Chrome | Firefox | (Gecko) | IE | Opera |
---|---|---|---|---|
5+ | 3.6+ | (1.9.2)+ | 8.0+(标准模式) | 11.60+ |
####移动端
Safari | IPHONE | Android |
---|---|---|
5.0+ | 5.0+ | 2.2+ |
###功能描述:
- 1、支持历史记录,响应浏览器的前进后退
- 2、支锚标记 href=”#controller” 格式跳转
- 3、支持open(“controller”)方法打开页面
- 4、支持设置默认首页,
- 5、支持带hash值的url直接打开对应页面
- 6、支持页面切换绑定事件
- 7、暂不支持页面切换自定义动画效果