资讯专栏INFORMATION COLUMN

Webapp 开发流程

gghyoo / 2890人阅读

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

流程

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

相关文章

  • Webapp 开发流程

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

    robin 评论0 收藏0
  • 斗米客户端的架构思想

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

    Cympros 评论0 收藏0
  • 斗米客户端的架构思想

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

    lpjustdoit 评论0 收藏0
  • webapp结合Dcloud平台打包图文教程

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

    Sunxb 评论0 收藏0

发表评论

0条评论

gghyoo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<