Web前端UI框架的設(shè)計(jì)與實(shí)現(xiàn).pdf

1、隨著互聯(lián)網(wǎng)的發(fā)展，前端UI框架在Web開發(fā)中應(yīng)用越來越廣泛。如今互聯(lián)網(wǎng)技術(shù)中移動端迅猛發(fā)展，移動設(shè)備已經(jīng)成為最主流的互聯(lián)網(wǎng)接入方式。以CSS3技術(shù)標(biāo)準(zhǔn)為代表的下一代層級樣式技術(shù)迅速流行，以期在移動端和PC端能夠提供更優(yōu)異的Web性能表現(xiàn)。隨著Web前端開發(fā)逐漸向工程化多人協(xié)作開發(fā)的模式轉(zhuǎn)變，模塊化開發(fā)憑借它優(yōu)秀的資源依賴管理，和靈活的模塊加載方案得到開發(fā)者們的喜愛。如今，國內(nèi)外各大開發(fā)團(tuán)隊(duì)的Web前端開發(fā)，都向著模塊化開發(fā)方式發(fā)展。We

2、b前端UI框架必須具有模塊化、符合前端優(yōu)化策略、跨平臺的、能夠提供前端常用功能這些特性。
　　首先對CSS3技術(shù)，模塊化技術(shù)，Web前端UI框架的組成部分進(jìn)行了研究。然后在功能上和性能上對Web前端UI框架進(jìn)行了需求分析。依據(jù)需求分析將UI框架設(shè)計(jì)為由工具層、模板和樣式控制層以及UI層三個層次組成，確定了框架的總體架構(gòu)。依據(jù)前端模塊化規(guī)范，使用ModJS腳本加載器，實(shí)現(xiàn)UI框架的模塊化加載。使用優(yōu)雅降級的前端開發(fā)理念處理前端各個瀏

3、覽器兼容性問題。使用漸進(jìn)增強(qiáng)的理念處理前端分層次優(yōu)化加載。根據(jù)前端性能優(yōu)化標(biāo)準(zhǔn)，對前端性能進(jìn)行優(yōu)化。實(shí)現(xiàn)了具有模塊化、符合前端優(yōu)化策略、跨平臺的、能夠提供前端常用功能的前端UI框架。
　　Web前端通用UI框架克服了傳統(tǒng)的UI框架對移動端支持不充分，跨平臺能力較差，可選擇UI類型不全，在前端上性能表現(xiàn)較差，無法在多人共同開發(fā)的環(huán)境下使用等問題。UI框架具有較快加載速率，良好的性能表現(xiàn)?？蚣躑I控件種類齊全，兼容性好。UI框架在PC