发表于: 2019-03-04 23:17:55

1 801


今日完成:

本来计划在任务七好好学习下bootstrap 结果发现任务七只是单纯的量很足,实际上用到bootstrap的地方不多,也好,先好好熟练掌握下布局

1、在任务七中着重把关于雪碧的那种小图标的整理了下,之前发现了写雪碧图单位的时候用rem会导致在不同浏览器上面由于字体大小的问题显示不正确,然后就在打字的时候又发现忘记每次把雪碧图图标外面的div的大小也改单位了,真是傻。。。。。

2、经过了整个任务七的三张图的反复联系,已经能非常熟练的运用flex布局了,自从熟悉了flex布局,整个布局过程变得非常轻松愉快。昨天已经贴过flex的一些相关了,今天就不贴了;

3、学会了通过修改边框透明度的方法获得小圆形,小方块等等,虽然还是不太清楚为啥非要用伪类来做这件事;

4、以前就用过css的点击事件等等类,这次又重新学习了下,特别是了解了触发容器和动作容器不同的使用方法

5、音频audio的实现,关键是怎么使用图标替换涉及js贴个图:

HTML audio 音频文件
<audio src="xxx.mp3" id="aud"></audio>
<img src="play.png" id="playpause" />
<script type="text/javascript">
var aud = document.getElementById("aud");
var img = document.getElementById("playpause");
img.onclick = function() {
    if (aud.paused) {
        aud.play();
    } else {
        aud.pause();
    }
}
aud.addEventListener("play", function (e) {
    img.src="pause.png";
}, false);
aud.addEventListener("pause", function (e) {
    img.src="play.png";
}, false);
</script>

任务七大部分使用的重点都是之前用过的方法,重在联系提升熟练度,新的东西不多,就先写这么多;

明天计划:

任务八工作量就比较大了,可以好好熟练下之前所学,希望两天能整完。


返回列表 返回列表
评论

    分享到