Webapp 開發(fā)流程

robin 發(fā)布于2019-08-21 10:26 / 2771人閱讀

摘要：整理代碼從切換到數(shù)據(jù)，完善。抽象組件并提交到上游。技巧開發(fā)時使用測試數(shù)據(jù)用，回調(diào)時使用可以訪問我博客查看

流程

總體框架：建立《前端開發(fā)文檔》包括該模塊的資源清單、文件命名規(guī)范和參考案例、js 類命名規(guī)范及參考案例、字段命名、前端注意事項

數(shù)據(jù)模型：如果有 api 操作，要整理及建立 json 格式的測試數(shù)據(jù)，據(jù)此整理及建立該模塊的 model

后臺接口：與后端人員修訂 test data 并建立 API 文檔，讓后端開發(fā) API

視圖邏輯：分析 UI 邏輯定出該模塊的 view，確定各個 view 的功能及 view 與 view，view 與 model 的相互關(guān)系（event）

完成開發(fā)：html css js 開發(fā)。

整理代碼：從 test data 切換到 ajax api 數(shù)據(jù)，完善 html、css。抽象組件并提交到上游。

技巧

開發(fā)時使用測試數(shù)據(jù)用 jquery get ajax api，回調(diào)時使用 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

云服務(wù)器 GPU云服務(wù)器手機webapp開發(fā) 移動webapp開發(fā) 開發(fā)流程開發(fā)測試流程

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/85534.html

相關(guān)文章

Webapp 開發(fā)流程

摘要：整理代碼從切換到數(shù)據(jù)，完善。抽象組件并提交到上游。技巧開發(fā)時使用測試數(shù)據(jù)用，回調(diào)時使用可以訪問我博客查看流程總體框架：建立《前端開發(fā)文檔》包括該模塊的資源清單、文件命名規(guī)范和參考案例、js 類命名規(guī)范及參考案例、字段命名、前端注意事項數(shù)據(jù)模型：如果有 api 操作，要整理及建立 json 格式的測試數(shù)據(jù)，據(jù)此整理及建立該模塊的 model 后臺接口：與后端人員修訂 test...

gghyoo 2019-08-01 14:45 評論0 收藏0
斗米客戶端的架構(gòu)思想

摘要：經(jīng)過這些年在端瀏覽器內(nèi)核端研發(fā)經(jīng)驗的積累，年我在斗米的客戶端產(chǎn)品上首次提出了以驅(qū)動的客戶端平臺化架構(gòu)思想，并經(jīng)過兩年時間多個產(chǎn)品的探索實踐，我認為該端的架構(gòu)思想可正式對外分享。在斗米的各客戶端中，在不需要發(fā)版的前提下，可以使用發(fā)版。背景隨著移動互聯(lián)網(wǎng)產(chǎn)業(yè)的興起，各式App層出不窮，技術(shù)方案多種多樣。同樣，我們也面臨了各式各樣的問題，比如產(chǎn)品如何開發(fā)能夠更快速迭代上線，如何使運營推廣...

Cympros 2019-08-15 11:01 評論0 收藏0
斗米客戶端的架構(gòu)思想

摘要：經(jīng)過這些年在端瀏覽器內(nèi)核端研發(fā)經(jīng)驗的積累，年我在斗米的客戶端產(chǎn)品上首次提出了以驅(qū)動的客戶端平臺化架構(gòu)思想，并經(jīng)過兩年時間多個產(chǎn)品的探索實踐，我認為該端的架構(gòu)思想可正式對外分享。在斗米的各客戶端中，在不需要發(fā)版的前提下，可以使用發(fā)版。背景隨著移動互聯(lián)網(wǎng)產(chǎn)業(yè)的興起，各式App層出不窮，技術(shù)方案多種多樣。同樣，我們也面臨了各式各樣的問題，比如產(chǎn)品如何開發(fā)能夠更快速迭代上線，如何使運營推廣...

lpjustdoit 2019-08-20 18:21 評論0 收藏0
webapp結(jié)合Dcloud平臺打包圖文教程

摘要：前言最近一直有的開發(fā)者在問如何打包這本身是屬于第三方平臺的事既然有開發(fā)者在問那我們針對這個問題也想對的打包做個總結(jié)本文適用于任何的打包如果你是使用開發(fā)的那會更加簡單最后會有不同平臺的打包效果對比可以下載安裝測試的特點想了解更多可以去官網(wǎng)看關(guān) 前言最近一直有BUI Webapp的開發(fā)者在問, webapp如何打包? 這本身是屬于第三方平臺的事, 既然有開發(fā)者在問, 那我們針對這個問題,...

Sunxb 2019-08-23 10:44 評論0 收藏0