3.27面试总结

1.输出打印100行文字,每整10行加粗。(代码)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>加粗</title>
</head>
<body>
    <div id="content"></div>
    <div id="content2"></div>
    <div id="box"></div>
    <script>
        //方法一
        function out() {
            var con = document.getElementById("content");
            var i = 1;
            
            for(;i<101;i++) {
                var p = document.createElement("p");
                var txt = document.createTextNode("" + i + "行文字");
                p.appendChild(txt);
                con.appendChild(p);
                if(i % 10 == 0) {
                    p.style.fontWeight = "bold";//加粗文本
                }               
            }
        }
        out();
//方法二
        function test() {
            var con2 = document.getElementById("content2");
            for(var i=1;i<11;i++) {
                for(var j=1;j<11;j++ ) {
                    var pp = document.createElement("p");
                    var txt = document.createTextNode("" + i + "行文字");
                    pp.appendChild(txt);
                    con2.appendChild(pp);
                    if(j % 10 == 0) {
                        pp.style.fontWeight = "bold";//加粗文本
                    }
                }
                document.write("<br>");
            }
            
        };
        test();

        function out2() {
            var conn = document.getElementById("box");
            var j = 0;
            var i = 0;
            for(; i<10; i++) {  
                 
                if(j<10){  
                    var ppp = document.createElement("p"); 
                    var tt = document.createTextNode("这是第" + j + "");
                    ppp.appendChild(tt);
                    conn.appendChild(ppp);
                    j++;   
                    if (j % 10 == 0){
                         ppp.style.fontWeight = "bold";
                    } 
                }else {
                    j=10;  
                }
                console.log(j);
                document.write(j);
            
            } 
        }
        out2();
    </script>
</body>
</html>

2.列举几种去掉空白字符的方法

3.#exmple 、#exmple ul、.exmple、.exmple ul执行顺序(权重);

4.列举你知道的三个前端框架,并且说明他们的应用场景、特点以及区别。

5.是一道考ES6的题,给出输出结果,写出运行过程(代码太长记不住不贴了,主要考察ES6)。

原文地址:https://www.cnblogs.com/kido050313/p/8660081.html