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