1、隨著互聯(lián)網(wǎng)Web2.0時代的到來，富媒體元素的使用增加了用戶在網(wǎng)頁前端的交互式體驗。前端開發(fā)出現(xiàn)了代碼規(guī)模擴(kuò)大、組織維護(hù)困難、代碼重用性低、擴(kuò)展性差等問題。建立合理的前端開發(fā)框架，并遵循開發(fā)標(biāo)準(zhǔn)和規(guī)則越來越重要。
　　本文借鑒MVP的后端開發(fā)模式，依托JavaScript、 JQuery、 DOM、Ajax、HTML5、JSON等前端技術(shù)，采用理論和實踐相結(jié)合的方式，編碼實現(xiàn)了基于MVP模式的前端框架CASFront。本文構(gòu)建的前

2、端框架使得前端開發(fā)遵循模塊式的開發(fā)方式，分離了不同類型的邏輯，減少依賴關(guān)系，實現(xiàn)前端代碼的解耦、復(fù)用、降低了應(yīng)用擴(kuò)展和維護(hù)的復(fù)雜度，具體研究過程如下:首先，對傳統(tǒng)前端開發(fā)過程和目前基于MVC的前端框架中存在的問題進(jìn)行分析，通過MVP與MVC的對比，提出MVP在前端開發(fā)中的優(yōu)越性。然后對MVP各層在設(shè)計實現(xiàn)中可能遇到的問題和頁面性能優(yōu)化策略進(jìn)行分析。其次，按照分層架構(gòu)的思想對前端框架CASFront各部分進(jìn)行了設(shè)計和實現(xiàn)。前端框架由模型類

3、、集合類、呈現(xiàn)器類、視圖類四部分組成，對各個類需要完成的功能進(jìn)行了分析和設(shè)計，并對類中涉及的屬性和方法進(jìn)行了編碼實現(xiàn)。本框架中的創(chuàng)新點是:優(yōu)化Ajax請求調(diào)度方式，提出請求優(yōu)先級隊列及基于等待時間延長優(yōu)先級提升的策略，減少用戶請求的等待時間，防止用戶請求時間過長無法得到響應(yīng)。最后，將本文前端框架CASFront、目前流行框架及采取頁面優(yōu)化策略改進(jìn)后的CASFront框架進(jìn)行測試比對。并將此前端框架應(yīng)用于水文數(shù)值模擬系統(tǒng)，描述了整個框架的