写一个美美哒前端

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            font-family: "Microsoft YaHei", serif;
        }

        body, dl, dd, p, h1, h2, h3, h4, h5, h6 {
            margin: 0;
        }

        ol, ul, li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        img {
            border: none
        }
    </style>
</head>
<body>

<div id="wrap">123</div>
<script>
    // let obj = {name:"zhangyu"};
    //
    //
    // function a(x,y) {
    //     console.log(x + y);
    //     console.log(this);
    // }
    //
    // let Newa = a.bind(obj,1,2);
    //
    // Newa()

    // bind不会执行
    // 只是建立一个新的改变了this指向的函数

    // 但是狗ie不兼容！！！！！！！！！！

    // 这个情况用bind很合适

    (function () {
        let oWrap = document.getElementById("wrap");

        // oWrap.onclick = function () {
        //     changeSize.call(this,30)
        // };
        oWrap.onclick = changeSize.bind(oWrap,30);

        function changeSize(size) {
            this.style.fontSize = size + "px";
        }
    })();
</script>
</body>
</html>
Python3Turtle