基于MVP的前端框架CASFront的設(shè)計(jì)與實(shí)現(xiàn).pdf

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

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

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