谈到前端移动开发基础班的技术收获，那可谓是收获颇丰。首先，虽说我是在读的大四学生，在大学里所学习的是电商专业，专业课程里开设网页设计与制作的课程，那便是我第一次接触到网页代码，从此便对代码感到很大的兴趣，也下定决心学习这方面的知识，便在大三开始自学HTML和CSS。可想而知自学之路困难重重，首先没有老师讲解，同学交流，更是没有相应的工具和资源。来到黑马，这里不仅有老师。而且是非常好的老师。更有丰富齐全的资源。基础班10天的课程接近尾声，我就来谈谈有关技术方面的收获吧。
1. HTML5 复习补充和新标签的知识
前三天的HTML5的学习里，不仅对我大学所学的知识进行系统详细的复习，更重要的是我还学习到很多以前没有接触到的标签和元素，不仅如此还学习到了很多新的知识。例如：以前只知道input标签的type值有text和password两种，但是通过新知识学习后我知道了下面这些：<input type="tel" placeholder="手机号码" >，<input type="email">，<input type="number" >，<input type="date">等等；这些只是冰山一角。
2. CSS3的学习收获
CSS3的学习收获更是巨多。最让我印象深刻的是它使用的灵活性和丰富性，例如导航栏的滑动门做法灵活做法。当我学会CSS3做些动画时，我感到自己很厉害（哈哈），例如transform里的translate，rotate和rotate3d,scale和scale3d，skew;搭配transition效果更佳；使用CSS3做些简单的动画也是会用到这些，例如一个定义小球动画：@keyframes ball {
0% {transform: translate (0,0);}
100% {transform: translate(400px);}
}
上面就是定义动画：小球由左向右移动到400px处。
@keyframes ball {
0%{ left: 0; top:0; }
25%{ left: 200px; top:0;}
50%{ left: 200px; top:200px; }
75%{ left: 0; top:200px; }
100%{ left: 0; top:0; }
}
上面就是定义一个5帧的动画：小球在这一个矩形中移动：由左上角>右上角>右下角>左下角>左上角。
|
|
收藏
淘帖
踩
