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