前面一段時(shí)間也在研讀JavaScript設(shè)計(jì)模式相關(guān)的知識，這次正好小小的實(shí)踐一下，但對設(shè)計(jì)模式的理解還不是很深。

 

一、項(xiàng)目總覽

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)  photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

總共就兩張頁面，第一張是選擇性別，輸入名字，第二張頁面是合成文字，并展示出來。

雖然頁面很簡單，但在做這個(gè)項(xiàng)目的時(shí)候，涉及到了很多方面，自定義字體、CSS3動(dòng)畫、Canvas、CSS3選擇器、本地緩存、構(gòu)建工具等。

下圖是工程文件總覽：

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

 

二、構(gòu)建工具

目前開發(fā)采用的是自動(dòng)化構(gòu)建工具“gulp”，“config.js”和“gulp

網(wǎng)友評論