前端学习笔记3

  1. _blank:在新窗口打开 _self:在当前窗口打开 _parent:在父级窗口打开 _top:在最顶级窗口打开。

  2. 前端性能优化:页面加载优化

    一、减少HTTP请求

    二、使用CDN

    三、添加Expires头

    四、压缩组件

    五、将样式表放在头部

    六、将脚本放在底部

    七、避免CSS表达式

    八、使用外部的JavaScript和CSS

    九、减少DNS查找

    十、精简JavaScript

    十一、避免重定向

    十二、删除重复脚本

    十三、配置ETag

    十四、使Ajax可缓存

  3. promis :消除异步操作,用同步的方式书写异步的代码。

  4. 浅拷贝:复制基本类型的属性;引用类型的属性复制,复制栈中的变量 和 变量指向堆内存中的对象的指针,不复制堆内存中的对象。

  5. 深拷贝:复制基本类型的属性;引用类型的属性复制,复制栈中的变量 和 变量指向堆内存中的对象的指针和堆内存中的对象。

  6. function test(a){
    a=a+10;
    }
    var a=10;
    test(a);
    console.log(a); //a = 10
    以不带参数的形式的修改才是全局修改!

  7. 1.html5中没有getContent()和getCanvas方法
    2.调用canvas对象的getContext()方法来获取绘图环境

  8. 关于Javascript中数字的部分知识总结:
    Javascript中,由于其变量内容不同,变量被分为基本数据类型变量和引用数据类型变量。基本类型变量用八字节内存,存储基本数据类型(数值、布尔值、null和未定义)的值,引用类型变量则只保存对对象、数组和函数等引用类型的值的引用(即内存地址)。

  9. JS中的数字是不分类型的,也就是没有byte/int/float/double等的差异。

  10. undefined值是通过null派生出来的,= =时它会自动转化为null,所以返回true。不过如果用严格比较符===,不发生转化,将返回false。

  11. length 返回浏览器历史列表中的URL数量
    back() 加载 history 列表中的前一个URL
    forward() 加载 history 列表中的下一个URL
    go() 加载history列表中的某个具体页面。

  12. NOSCRIPT标签是用来定义在脚本未被执行时的替代内容.

  13. a.append(b)是将元素b追加为元素a的兄弟元素,两个同级;
    a.appendTo(b)是将元素a添加到元素b内部的末尾,两个不是同一级,b是a的父级

  14. label是浏览器默认的天生inline-block标签(拥有内在尺寸,可设置高宽,不会自动换行)

  15. 浮动会导致页面的非正常显示,以下几种清除浮动的方法,哪个是可以使用且不会造成不稳定状态的?

    在浮动元素末尾添加一个空的标签例如 div style=”clear:both”></div
    通过设置父元素overflow值为hidden;
    给父元素添加clearfix类

  16. onblur 事件会在对象失去焦点时发生。 Onblur 经常用于Javascript验证代码,一般用于表单输入框。

  17. onfocus才是获取焦点时触发

  18. es6中将构造方法的function换成了class,用于与普通函数区分,其中的属性都放在constructor中,方法在原型中,子类继承采用extends关键字;对于es6中枚举的使用,只能是以类的方式定义枚举类,不能直接使用enum关键字

  19. 函数声明可以被提前,但函数表达式不能被提前

  20. td标签要嵌套在tr里面

  21. apply call bind 都是改变函数调用时this指向,apply call 会立即执行该函数,bind是返回绑定this指向后的函数,apply和call的区别是传入参数格式不同,apply接收数组,call接收参数列

  22. 标签的target属性有5个值: _self:在当前框架中打开链接 _blank:在全新的空白窗口中打开链接 _top:在顶层框架中打开链接 _parent:在当前框架的上一层打开链接 framename:在指定的框架或浮动框架内打开链接(框架名可以自定义)

  23. 变量声明、函数声明都会被提升到作用域顶处;

  24. 当出现相同名称时,优先级为:变量声明(foo#1) < 函数声明(foo#2) < 变量赋值

  25.    typeof
       undefined        值未定义
       boolean           布尔值
       string               字符串
       number            数值(整形和浮点)
       object                对象或null
       function            函数
    
浮动元素重叠
1、行内元素与浮动元素发生重叠,边框、背景、内容都会显示在浮动元素之上
2、块级元素与浮动元素发生重叠,边框、背景会显示在浮动元素之下,内容会显示在浮动元素之上
  1. continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内,在其它地方使用都会引起错误!是停止当前语句,并从头执行该语句。
  2. 在JavaScript中,false、null、0、" "、undefined 和 NaN被称为假值。
  3. For循环是按顺序的,for in 循环是不一定按顺序的
  4. CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
    利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。
    利用CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
    CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。所以C错误
    解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,从而提高了网页的制作效率。
    更换风格方便,只需要在一张或少张图片上修改图片的颜色或样式,整个网页的风格就可以改变。维护起来更加方便。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值