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

 

一、項目總覽

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

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

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

下圖是工程文件總覽：

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

 

二、構(gòu)建工具

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