接上一篇：(企業內部)開發經驗分享_04_快速熟悉程序(思路)
https://gblfy.blog.csdn.net/article/details/103344458

文章目錄

• • 一、頁面布局/分割
  • • 1. 觀其形
    • 2. 頁面組件化
    • 3. 布局心中有數
  • 二、壘積木
  • 三、模擬調試
  • • 1. 固定的數據+功能
    • 2. 頁面固定的數據+功能
    • 3. 動態數據+功能

一、頁面布局/分割

1. 觀其形

• 觀： 指看
• 其： 葫蘆
• 形：頁面布局

2. 頁面組件化

• 組件化： 指整體一個大的頁面可以看做是一個個組件拼接而成的。

3. 布局心中有數

明確功能點分布在頁面的大體位置，可以先把整個布局分布大體先部署好，再微調頁面即可。

二、壘積木

上面把的布局部署好了，功能點的分布區域也明確了，按照功能點的遞進關系，誰依賴誰，先易后難，功能點一個一個實現，逐個攻破即可。

三、模擬調試

1. 固定的數據+功能

首要前提:把功能實現完成后，把需要的數據現在程序中寫死，先把功能調試好，為下面做鋪墊。

2. 頁面固定的數據+功能

先把固定的數據在頁面寫死，從js中，把頁面固定好的數據傳到控制器Controller中的方法的參數中，進行功能頁面和后臺的調試。

3. 動態數據+功能

把原先固定的數據在頁面上修改為由客戶前臺動態輸入，從js中動態實時獲取，把頁面獲取數據傳到控制器Controller中的方法的參數中，進行功能頁面和后臺的調試。

接下一篇：(企業內部)開發經驗分享_06_前端開發技巧
https://gblfy.blog.csdn.net/article/details/103083590

總結

以上是生活随笔為你收集整理的开发经验分享_05_葫芦画瓢的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。