20200831赵鑫

学习总结

css sprite

css sprite:精灵图

优点:①减少http请求数,极大地提高页面加载速度

​ ②增加图片信息重复度,提高压缩比,减少图片大小

​ ③更换风格方便,只需在一张或几张图片上修改颜色或样式即可实现。

缺点:①图片合并麻烦

​ ②维护麻烦,修改一个图片可能需要从新布局整个图片,样式

闭包

①所谓的闭包,指的是一个拥有许多变量和绑定了这些变量的环境的表达式,因而这些变量也是比该表达式的一部分,通俗的讲就是函数a的内部函数b,被函数a外部的一个变量引用的时候,就创建了一个闭包,或者说闭包是将函数内部和外部连接起来的桥梁,即为函数嵌套函数,内部的函数调用外部函数的变量或者参数。

闭包的特性:

①封闭性:外界无法访问闭包内的数据,如果在闭包内声明变量,外部是无法访问的,除非闭包主动向外界提供访问接口;

②持久性:一般的函数,调用完毕之后,系统自动注销函数,而对于闭包来说 ,在外部函数被调用之后,闭包结构依然存在;

③对页面的影响

(1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成页面性能的问题

(2)闭包和全局变量一样,如果大量使用可能会造成内存泄漏

斐波那契数列

function fb(n){
    if(n == 1 || n == 2){
        return 1
    }
    return fb(n-1)+fb(n-2)
}

DOM操作流程

①构建DOM树

②查找触发事件的元素

③绑定事件处理函数

便利页面节点

    var map = {};

    function fds(node) {
        if (node.nodeType === 1) {
            var tageName = node.nodeName;
            map[tageName] = map[tageName] ? map[tageName] + 1 : 1;
        }
        var children = node.childNodes;
        for (var i = 0; i < children.length; i++) {
            fds(children[i])
        }
    }
    fds(document);
    console.log(map)

});

学习心得

今天上午主要讲了考试试卷,讲解过后发现犯得错误很大一部分是不应该的,以后需要多练习来避免再次发生这种情况。其次自己知识积累不够,需要涉猎更广泛的周知识。

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1