学习总结

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)

});

学习心得

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