前面一段時(shí)間也在研讀JavaScript設(shè)計(jì)模式相關(guān)的知識(shí),這次正好小小的實(shí)踐一下,但對(duì)設(shè)計(jì)模式的理解還不是很深。
一、項(xiàng)目總覽
總共就兩張頁(yè)面,第一張是選擇性別,輸入名字,第二張頁(yè)面是合成文字,并展示出來(lái)。
雖然頁(yè)面很簡(jiǎn)單,但在做這個(gè)項(xiàng)目的時(shí)候,涉及到了很多方面,自定義字體、CSS3動(dòng)畫、Canvas、CSS3選擇器、本地緩存、構(gòu)建工具等。
下圖是工程文件總覽:
二、構(gòu)建工具
目前開發(fā)采用的是自動(dòng)化構(gòu)建工具“gulp”,“config.js”和“gulp