Webapp 开发流程

流程

• 整体框架：创建《前端开发文档》包括该模块的资源清单、文件命名规范和参考案例、js 类命名规范及参考案例、字段命名、前端注意事项

• 数据模型：若是有 api 操做，要整理及 创建 json 格式的测试数据，据此整理及创建该 模块的 model

• 后台接口：与后端人员修订 test data 并创建 API 文档，让后端开发 API

• 视图逻辑：分析 UI 逻辑定出该 模块的 view，肯定各个 view 的功能及 view 与 view，view 与 model 的相互关系（event）

• 完成开发：html css js 开发。

• 整理代码：从 test data 切换到 ajax api 数据，完善 html、css。抽象组件并提交到上游。

技巧

开发时使用测试数据用 jquery get ajax api，回调时使用 setTimeout

$.getJSON('/mock-data/get_post_list.json', function(ret) {
    setTimeout(function() {
      PostList._addItems(ret);
    }, 1000)
  });

能够访问我博客查看：
http://zaishanda.com/post/Webapp%20%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B