前面一段时间也在研读JavaScript设计模式相关的知识,这次正好小小的实践一下,但对设计模式的理解还不是很深。
一、项目总览

总共就两张页面,第一张是选择性别,输入名字,第二张页面是合成文字,并展示出来。
虽然页面很简单,但在做这个项目的时候,涉及到了很多方面,自定义字体、CSS3动画、Canvas、CSS3选择器、本地缓存、构建工具等。
下图是工程文件总览:

二、构建工具
目前开发采用的是自动化构建工具“gulp”,“config.js”和“gulp
前面一段时间也在研读JavaScript设计模式相关的知识,这次正好小小的实践一下,但对设计模式的理解还不是很深。

总共就两张页面,第一张是选择性别,输入名字,第二张页面是合成文字,并展示出来。
虽然页面很简单,但在做这个项目的时候,涉及到了很多方面,自定义字体、CSS3动画、Canvas、CSS3选择器、本地缓存、构建工具等。
下图是工程文件总览:

目前开发采用的是自动化构建工具“gulp”,“config.js”和“gulp