一.今日学习:1.css3的动画制作:动画制作需要用到动画序列,0%是动画的开始,100%是动画的结束。我们在@keyframes中固定动画的css样式,可以创建由当前样式转化为新样式的动画,他可以改变任意多的样式和任意多的次数。也可以适用百分比来规定变化发生的时间。
2.动画制作的属性:animation(所有动画属性的简写属性)、animation-name(规定动画的名称,是必须属性)、animation-duration(规定动画一个周期所话费的时间,也是必须属性)、animation-timing-function(规定动画的速度曲线)、animation-iteration-count(规定动画被播放的次数)、animation-direction(规定动画是否在下一周期逆向播放)、animation-play-state(规定动画是否运行或暂停)和animation-fill-mode(规定动画结束后的状态)。
3.swiper制作轮播图的方法:在swiper官网上有详细的操作方法。
4.移动端的基础:讲了pc、移动端常见的浏览器,在我们兼容移动端主流的浏览器,主要关注Webkit内核的浏览器即可。
5.手机屏幕的分辨率:移动端的屏幕尺寸很多,碎片化比较严重。但作为开发者我们不需要关注这些分辨率,我们常用的尺寸单位是px。
6.移动端调试的方法:第一种是使用chromeDevTools的模拟手机调试,第二种是使用LiveServer启动网站,使用手机进行访问。第三种是使用外网服务器部署网站后,直接使用IP地址或者域名进行访问。
二.今日问题:无。
三.j解决方案:无。
|