- director.js 路由
- require.js 模块载入框架(text、domready、css)
- underscore.js js工具库
- jquery2.2.js
- hammer.js tap事件
- 启动程序
- 监听路由
- 路由变化,映射到对应的处理逻辑,加载对应的模块
- 模块加载完成,修改dom
- 页面跳转时,移除上一个模块,加载下一个模块,回到3
修改main.js中的window.basePath,改为当前项目地址
如果用chrome打开,需要设置chrome支持ajax跨域请求数据
链接地址比如首页链接:当前项目地址#demo/index
HTML5单页面架构参考了(自定义路由 + requirejs + zepto + underscore)的架构,在这个基础上,将zepto改为jquery,引入hammer库
这个项目在样式上参考了frozenui库,在这个库的基础上,做了一些自己的改动。
比如说表单的右侧按钮,作为可点击的按钮,这个区域必须比实际视觉效果更大,才能使用户点击时有更好的体验。