为移动端开发提供纯前端的路由方案

市面上有大量的SPA框架,如AngularJs, backbone, Knockout等,对于追求极致小得移动端来说, 都比较大,重!

正在苦恼的时候,我们的wikieswan解决了这一问题。github地址:vipspa

使用方法非常的简单:

为移动端开发提供纯前端的路由方案

为移动端开发提供纯前端的路由方案

1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8" > 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 6 <meta name="msapplication-tap-highlight" content="no"> 7 <meta content="yes" name="apple-mobile-web-app-capable"> 8 <meta content="black" name="apple-mobile-web-app-status-bar-style"> 9 <meta content="telephone=no" name="format-detection"> 10 <title>vipspa demo</title> 11 <link rel="stylesheet" type="text/css" href="css/main.css"> 12 13 </head> 14 <body> 15 <ul> 16 <li><a href="#home">首页</a></li> 17 <li><a href="#content">公司简介</a></li> 18 <li><a href="#contact">联系我们</a></li> 19 </ul> 20 <div id="ui-view"></div> 21 <script type="text/html" id="error"> 22 <!--可以自定义错误信息--> 23 <div> 24 {{errStatus}} 25 </div> 26 <div> 27 {{errContent}} 28 </div> 29 </script> 30 31 <script type="text/javascript" src="lib/zepto-1.1.4.min.js"></script> 32 <script type="text/javascript" src="lib/vipspa.js"></script> 33 <script type="text/javascript" src="js/require.vipspa.config.js"></script> 34 </body> 35 </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzfjdx.html