澜沧简述
该应用为快速构建移动端前端项目
- 采用sass开发css样式表
- 使用requirejs管理代码 （使用）
- 使用backbone构建视图和路由
- 定义移动端通用规范和兼容
- 解决了微信缓存的问题 （功能）
- 可以多环境快速切换调试代码
- 单页多view，保存列表到详情的页面状态
- 使用npm快速安装 npm install lancang （安装）
根文件
| 名称 | 是否目录 | 说明 |
|---|---|---|
| index.html | N | 单页入口页面 |
| js | Y | 框架js+插件js+项目js |
| sass | Y | 通用sass（框架通用+项目通用） |
| css | Y | 通用样式表，类似bootstrap |
| images | Y | 项目图片 |
| font | Y | 字体图标 |
js目录
| 名称 | 是否目录 | 说明 |
|---|---|---|
| core | Y | 框架级别js文件及配置 |
| node_modules | Y | 第三方插件及类库（npm安装） |
| plugin | Y | 第三方插件及开发的插件（手工引入） |
| app | Y | 项目开发的js目录 |
| setting.js | N | 无缓存加载js、css的配置文件（微信） |
| config.js | N | 项目配置文件 |
| router.js | N | 项目的路由 |
| home.js | N | 项目启动的js |
core目录说明
| 名称 | 说明 |
|---|---|
| config.js | 框架级通用配置 |
| framework.js | 框架级通用方法库 |
| tpl.js | 框架级通用模版、规范 |
| load.js | 无缓存加载文件（微信） |
| main.js | 单页入口js |
项目加载顺序
- index.html : 单页打开的页面
- js/core/main.js ：a. 防止微信缓存，用时间戳动态加载setting.js和load.js b. 根据屏宽，动态设置相对像素
- js/setting.js ： 环境参数配置及初始化加载的样式和js文件，优先于load.js加载
- js/load.js ： 根据setting.js中的配置，按照先后顺序动态加载文件，最后加载requirejs
- 项目的main.css jquery 项目级config，框架级config等都在这一步加载出来
- js/node_modules/qipan/lib/requirejs/requirejs.min.js ： 由load.js动态加载出来，并加载项目入口文件home.js(requirejs的配置文件)
- js/home.js ： 根据配置，初始化加载项目
项目级说明
- js/app/ptpl.js 为项目及模版，名称位置不可修改
- js/app/local_server 为本地测试数据目录，名称位置不可修改