Webapp 开辟流程

2024年1月15日 173次阅读 来源: 肖建锋

流程

  • 整体框架：竖立《前端开辟文档》包含该模块的资本清单、文件定名范例和参考案例、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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞