Webapp 开发流程

2019年9月8日 116次阅读 来源: 肖建锋

流程

  • 总体框架：建立《前端开发文档》包括该模块的资源清单、文件命名规范和参考案例、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

    原文作者：肖建锋
    原文地址: https://segmentfault.com/a/1190000002574116
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞