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

 

一、项目总览

photoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训  photoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训

总共就两张页面,第一张是选择性别,输入名字,第二张页面是合成文字,并展示出来。

虽然页面很简单,但在做这个项目的时候,涉及到了很多方面,自定义字体、CSS3动画、Canvas、CSS3选择器、本地缓存、构建工具等。

下图是工程文件总览:

photoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训

 

二、构建工具

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