渡课学习第19天:不知道说啥

学习内容：

1.继续深化讲解 JavaScript 编程语言中变量、数据类型、运算符、流程控制语句、函数的关联；
2.概要的讲解了思维导图的使用；

下午代码练习：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        .cc {
            margin: 0 auto;
            width: 200px;
            height: 200px;
            background: grey;
        }
        .cc p {
            text-align:center;
            height: 200px;
            color: white;
        }
    </style>
</head>
<body>
    <p id="cf"></p>
    <hr>
    <div class="cc">
        <p>
            <span id="content">我爱中国</span>
        </p>
    </div>
    <hr>
    <select id="fs" onchange="changeSize();">
    </select>

    <script type="text/javascript">
        var cf = function() {
            var cfHtml = "";
            for (var i = 1; i <= 9; i++) {
                for (var j = 1; j <= i; j++) {
                    cfHtml = cfHtml + (""+i+"*"+j+"="+(i*j)+" ");
                }
                cfHtml += "<br/>";
            }
            document.getElementById("cf").innerHTML = cfHtml;
        }
        var initFsSelect = function() {
            var fsHtml = "";
            for (var i = 1; i <= 100; i++) {
                fsHtml += "<option value ='"+i+"px'>"+i+"px</option>";
            }
            document.getElementById("fs").innerHTML = fsHtml;
        }
        var changeSize = function() {
            var fs = document.getElementById("fs").value;
            document.getElementById("content").style.fontSize = fs;
        }
        cf();
        initFsSelect();


    </script>
</body>
</html>

学习感悟：今天下午，针对于老师的代码，进行了一下临摹和敲打，但是，由于其中有很多陌生不理解的地方，所以敲起来感觉特别生硬，导致到现在也才敲了几遍，其实到现在有种感觉，就是有点死记硬背的样子，没有完全明白其中的意思，就好比在记一篇作文一样，要是换了个命题，可能也就不会了。

渡课学习第19天:不知道说啥

学习内容：

猜你喜欢