Webapp 開發流程

流程

• 整體框架：創建《前端開發文檔》包括該模塊的資源清單、文件命名規範和參考案例、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