基于jQuery框架的前端模板引擎的研究與實(shí)現(xiàn).pdf

1、現(xiàn)如今網(wǎng)站前端部分的規(guī)模不斷擴(kuò)大，越來越多的前端腳本代碼增加到應(yīng)用系統(tǒng)中，前端開發(fā)出現(xiàn)了代碼規(guī)模大、組織維護(hù)困難、代碼重用性低、擴(kuò)展性差等問題。針對(duì)這些問題，后端開發(fā)的MVC模式就自然而然的應(yīng)用到了前端開發(fā)當(dāng)中。在前端開發(fā)中，合理的把模型、視圖和控制器分離是把 MVC開發(fā)模式移植到前端的關(guān)鍵。而前端的模板引擎在分離視圖和模型中又是至關(guān)重要，所以一個(gè)高效、功能齊全、使用便捷的前端模板引擎在前端技術(shù)發(fā)展中具有深遠(yuǎn)意義。本文借鑒當(dāng)前市面上通用

2、前端模板引擎的設(shè)計(jì)，通過分析傳統(tǒng)Web前端開發(fā)和維護(hù)的特性，結(jié)合現(xiàn)在流行的前端設(shè)計(jì)模式，依托JavaScript、jQuery、DOM、Ajax、JSON等前端技術(shù)，采用理論和實(shí)踐相結(jié)合的方式，編碼實(shí)現(xiàn)了一款基于jQuery框架的前端模板引擎。
　　本文首先對(duì)傳統(tǒng)的前端模板引擎進(jìn)行了深入的研究，對(duì)比了目前存在的前端模板引擎，針對(duì)其存在的不足，闡述了前端模板引擎的需求，應(yīng)該具備的特性，以及其在前端開發(fā)中的職責(zé)。并且還針對(duì)前端模板的結(jié)

3、構(gòu)，模板引擎的工作流程以及其使用的方式進(jìn)行了優(yōu)化研究。其次，對(duì)前端模板引擎的不同功能模塊進(jìn)行了設(shè)計(jì)。前端模板引擎分為兩個(gè)模塊，分別是數(shù)據(jù)獲取模塊和模板核心處理模塊。對(duì)兩個(gè)實(shí)現(xiàn)這兩個(gè)模塊所需要的對(duì)象進(jìn)行了設(shè)計(jì)，定義了使用接口，規(guī)定了對(duì)象所需要的屬性和方法。再次，根據(jù)設(shè)計(jì)對(duì)該前端模板引擎進(jìn)行了編碼實(shí)現(xiàn)，實(shí)現(xiàn)了很多功能上的亮點(diǎn)。其中一個(gè)亮點(diǎn)就是把模板引擎解析模板文件后生成的類 AST語法樹緩存在目標(biāo)元素中，下次需要再在該元素中顯示數(shù)據(jù)時(shí)，可以