Webapp 开发流程

gghyoo 发布于2019-08-01 14:45 / 2864人阅读

摘要：整理代码从切换到数据，完善。抽象组件并提交到上游。技巧开发时使用测试数据用，回调时使用可以访问我博客查看

流程

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

GPU云服务器云服务器手机webapp开发移动webapp开发开发流程开发测试流程

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/49571.html

Webapp 开发流程

摘要：整理代码从切换到数据，完善。抽象组件并提交到上游。技巧开发时使用测试数据用，回调时使用可以访问我博客查看流程总体框架：建立《前端开发文档》包括该模块的资源清单、文件命名规范和参考案例、js 类命名规范及参考案例、字段命名、前端注意事项数据模型：如果有 api 操作，要整理及建立 json 格式的测试数据，据此整理及建立该模块的 model 后台接口：与后端人员修订 test...

robin 2019-08-21 10:26 评论0 收藏0
斗米客户端的架构思想

摘要：经过这些年在端浏览器内核端研发经验的积累，年我在斗米的客户端产品上首次提出了以驱动的客户端平台化架构思想，并经过两年时间多个产品的探索实践，我认为该端的架构思想可正式对外分享。在斗米的各客户端中，在不需要发版的前提下，可以使用发版。背景随着移动互联网产业的兴起，各式App层出不穷，技术方案多种多样。同样，我们也面临了各式各样的问题，比如产品如何开发能够更快速迭代上线，如何使运营推广...

Cympros 2019-08-15 11:01 评论0 收藏0
斗米客户端的架构思想

摘要：经过这些年在端浏览器内核端研发经验的积累，年我在斗米的客户端产品上首次提出了以驱动的客户端平台化架构思想，并经过两年时间多个产品的探索实践，我认为该端的架构思想可正式对外分享。在斗米的各客户端中，在不需要发版的前提下，可以使用发版。背景随着移动互联网产业的兴起，各式App层出不穷，技术方案多种多样。同样，我们也面临了各式各样的问题，比如产品如何开发能够更快速迭代上线，如何使运营推广...

lpjustdoit 2019-08-20 18:21 评论0 收藏0
webapp结合Dcloud平台打包图文教程

摘要：前言最近一直有的开发者在问如何打包这本身是属于第三方平台的事既然有开发者在问那我们针对这个问题也想对的打包做个总结本文适用于任何的打包如果你是使用开发的那会更加简单最后会有不同平台的打包效果对比可以下载安装测试的特点想了解更多可以去官网看关前言最近一直有BUI Webapp的开发者在问, webapp如何打包? 这本身是属于第三方平台的事, 既然有开发者在问, 那我们针对这个问题,...

Sunxb 2019-08-23 10:44 评论0 收藏0