前面一段時(shí)間也在研讀JavaScript設(shè)計(jì)模式相關(guān)的知識(shí),這次正好小小的實(shí)踐一下,但對(duì)設(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)

總共就兩張頁(yè)面,第一張是選擇性別,輸入名字,第二張頁(yè)面是合成文字,并展示出來(lái)。

雖然頁(yè)面很簡(jiǎ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)友評(píng)論