发表于: 2021-07-26 19:25:11

1 1817


今天完成的事情:深度思考的问题解决及巩固了基础知识:JS数据类型;洗牌算法;常见的DOM操作;伪代码;


明天计划的事情:继续完成知识的巩固,深度思考问题解决;


收获:

JS数据类型:

六种(五种基本数据类型,分别是:String 字符串,Number 数字,Boolean 布尔Undefined未定义,Null 空值;还有一种是复杂数据类型(object 对象));

string:字符串;
number:数字值;
Boolean:布尔值;
undefined:未定义;
null:空值(无);


DOM操作

DOM:称为文档对象模型(DOM,Document Object Model)主要用于对HTML和XML文档的内容进行操作;DOM描绘了一个层次化的节点树,通过对节点进行操作,实现对文档内容的添加, 删除,修改,查找等功能。
DOM树:分为两种,分别是节点树和元素树;
节点树:把文档的所有内容都看成树上的节点;
元素树:仅把文档中的所有标签看成树上的节点;


<script>
    function addText() {
        // 创建文本节点
        var add = document.createTextNode('this is a 文本');                       // 创建文本节点
        document.getElementsByTagName('p')[0].appendChild(add);                    // 添加文本节点
        document.getElementsByTagName('button')[0].innerHTML = "看变化~!";         // 新增文本内容


        var bbj = document.createAttribute('id');                                  // 创建一个属性节点,
        bbj.value = '321';                                                         // 给属性赋值
        document.getElementsByTagName('p')[0].setAttributeNode(bbj);             // 给 p 元素设置新的属性
        document.getElementsByTagName('button')[0].setAttribute('id''buttonId'); // 给 button 元素设置 id 属性


        // 创建新的元素
        var c = document.createElement('div');    // 创建一个新元素div
        var cul = document.createElement('ul');   // 创建一个新元素 ul
        var culli = document.createElement('li'); // 创建一个新元素  li
        culli.innerHTML = '6';                    // 新增文本内容
        c.appendChild(cul).appendChild(culli);    // 添加子节点
        document.body.appendChild(c);             // 往body中添加子节点

        //等同于:
        //var d="<ul><li>6</li>";                 // 字符串
        //c.append(d);                            //jquery append方法
        //document.body.appendChild(c);

    }
</script>



洗牌算法的巩固:其中的一种方法:

<script>
    var array_0 = [1111]
    function shuffle() {
        var a = Array = [123456789]; // 新建数组(按顺序的)
       // for (var i = 0; i < array_0.length; i++) { //往数组 a 中push 新的量
       //     a.push('新的');
       // }
        var ai = a.concat(); // 转换数组为字符串
        for (var i = ai.lengthi--;) {
            var sui = Math.floor(Math.random() * (i + 1)); // 取随机数
            var temp = ai[i];
            ai[i= ai[sui];
            ai[sui= temp;
        };
        return ai;
    };
    console.log(shuffle());
</script>


伪代码:

伪代码规则:
伪代码(Pseudocode)是一种算法描述语言。使用伪代码的目的是为了使被描述的算法可以容易地以任何一种编程语言(C, Java, Pascal)实现。因此,伪代码必须结构清晰,代码简单,可读性好,并且类似自然语言。
伪代码的优点:
提高任何方法的可读性。这是开始实现算法的最佳方法之一。
充当程序与算法或流程图之间的桥梁。也可以作为一个粗略的文档,因此当写出伪代码时,可以很容易地理解一个开发人员的程序。在行业中,文档是必不可少的。这就是证明伪代码至关重要的地方。
伪代码的主要目标是解释程序的每一行应该做什么,从而使程序员更容易构建代码构建阶段。





返回列表 返回列表
评论

    分享到