跨平台HTML5实战任务8柱形图和贪食蛇学习目标【知识目标】?了解CSS3的特点和优点；?重点掌握Div+CSS的布局设计；?
掌握深入分析功能的方法。【技能目标】?Canvas的特性：绘图；?熟悉Jquery的基本使用和特性；?移动App端和PC
端触摸设计；?Array的应用；?Hbuilder的基本使用。引例描述以前实现一些酷炫的效果,需要设计者懂一定的编程，并且
写一些复杂的JS，还要相对应的准备很多素材，而HTML5+CSS3封装了大量JS，让编程变得更加简单。Apple又有新产品了，我们
开发一个查看Apple设备的价格示意图，柱形图的长度越长代表价格越高。任务陈述1CSS3部分特效1CSS3部分特效 -we
bkit-gradient（应用于Google浏览器）-moz-linear-gradient（应用于火狐浏览器）本案例用到的有线
性渐变和径向渐变线性渐变径向渐变最终效果2贪食蛇2贪食蛇贪吃蛇是一个经典的手机游戏，既简单又耐玩，通过键盘的上、下、左、
右键或者手机屏幕上的区域按键来控制蛇头方向吃食物，使得蛇变长，每吃到一个食物，分数加一。需求设计贪吃蛇的移动控制贪吃蛇方向判断吃
到食物和咬到蛇身子判断撞墙随机食物触摸设计App终端的移动设计图贪吃蛇的数据结构最终效果图 |
|
