20200831 王维

学习总结

1.css sprite

css sprite是将多个小图片拼接到一个图片中。通过background-position和元素尺寸调节需要显示的背景图案,即我们所说的精灵图

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

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

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

缺点:①图片合并麻烦

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

2.面试题取随机数默认取整

3.异步

①从上往下,顺序执行

②如果遇到需要等待,就必须等到程序等待完成才能继续执行下面的代码

4.匿名函数

JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。

this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用他的对象。

如果一个函数没有被外层对象调用,是在全局下被调用,在浏览器下全局对象是window,他的外层对象是window,this指向window对象 严格模式下函数的所属者是没有绑定到 this 上,这时候 this 是 undefined。

如果一个函数被多级外层对象调用,虽然他是被最外层对象调用,但实际上最外层对象是通过调用他的下一级外层对象,下一级又调用下下一级,最后调用到函数,实际调用这个函数的是最内层的外层对象,this指向最内层的外层对象

this对象是在运行时基于函数执行环境绑定的,在全局函数中,this=window,在函数被作为某个对象的方法调用时,this等于这个对象。但是匿名函数的执行环境是全局性的,在匿名函数中调用函数,函数中的this指向匿名函数的执行环境,执行环境是全局的,即this = window

5.包装类型

定义:专门封装原始类型的值,并提供操作原始类型值的API

使用原因:原始类型的值本身不具有任何功能,目的是为了让原始类型可以像引用类型数据一样,具有属性和方法,但本质上还是原始类型

种类:String、Number、Boolean

使用时机:只要试图对原始类型的值调用函数时,引擎就会自动创建对应类型的包装类型对象,封装原始类型的值,调用包装类型中的方法操作原始类型的值

心得体会

今天上午对周六考试的测试卷进行了讲解,我对匿名函数的执行环境和this的指向问题进行了思考和了解,后面讲解了大量的数组和字符串的API,只是讲解是完全记不住的,需要大量的练习进行掌握和记忆,最后对dom进行了一定的讲解。

评论