前端知识点汇聚

1.Date

• Date.setFullYear(params);

2.es5遍历方法

• forEach
• for（in）
• Object.keys
• Object.getOwnPropertyNames
• es6 :Object.getOwnPropertySymbols
• for(of)

3.变量声明

var function let const symbol class

4.对象声明表达式

结尾要注意，是赋值语句，需要以；结尾

5.ie8中div元素的display：none/block

切换中会出现css与js的冲突；overflow：hidden

6.定位，盒模型

stastic，relative，absolute，fixed，flex flex-inline

7 视频流 RTSP--RED5--RTMP--flowPlower

8.jsp页面数据插入方法

  <%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>

文字，函数数字格式

<%@ taglib prefix="spring/c/fmt" url=""%>

9.页面同域跨层级访问父子级元素与变量方法

10.伪选择器和位置选择符

+>~

11.echart 对ie浏览器，echart的容器的高度必须要保证外层容器的高度存在

12.捕获组（贪婪与懒惰）

13.AMD，CMD，ES6 import

14.style内联样式的获取；getCompputedStyle（firefox）currentStyle（ie）

15.$.parseJSON()和$.parseHTML()可以转换为dom节点

16 substr substring，slice

16.Date.now()和=0+new Date()

17.前端报错方法：reference Error RangeError 

18.merge和concat

19.空链接  =“#”；=“javascript：void（0）”

20 ||和&&的短路原理

21.跨域（同源与不同源）

• 1.jsonp，ajax?callback请求的资源必须为js可以操作的文件（script自带跨域属性，带src属性的标签都可以）
• 2.window.name+iframewindow.name可以传输2M的数据量，因此可以引入iframe，将数据传给window.name，读取并保存window.name，然后再设置iframe的src回归到当前的域下，也可以是_blank，就可以了
• 3.H5的window.postMessage(message,window)  web worker

22.es6默认参数

当函数存在默认参数的时候，对参数的求值属于惰性求值，会在参数初始化的过程中形成一个作用域，待初始化完成后，该作用域就会消失 。

23. Symbol

代表独一无二的值，直接调用Symbol（），不能使用new构造，说明他是一个原始类型的值；

symbol.for（‘info’）会注册info的d的symbol值，但只有Symbol。for会登记，Symbol并不会登记info，所以每次抵调用Symbol（）都会返回不一样的值

24 认识getBoundingClientRect()

返回值是一个 DOMRect 对象，这个对象是由该元素的 getClientRects() 方法返回的一组矩形的集合, 即：是与该元素相关的CSS 边框集合 。

DOMRect 对象包含了一组用于描述边框的只读属性——left、top、right和bottom，单位为像素。除了 width 和 height 外的属性都是相对于视口的左上角位置而言的。

知道这个方法之后，我们对于一些手动添加的元素渲染就有很大的方便性。

但是需要注意，在计算边界矩形时，会考虑视口区域（或其他可滚动元素）内的滚动操作，也就是说，当滚动位置发生了改变，top和left属性值就会随之立即发生变化。

25 隐式转换（装箱和拆箱）

js的基础类型是保存在栈里的简单值，但是怎么调用基础类型的方法，实际上是调用了对应的包装类，即装箱的过程，用完之后再插箱，输出原始值Symbol.toPrimitive；

计算原始值分别优先调用valueOf+toString，或者直接调用[Symbol.toPrimitive]

涉及原始类型的计算都需要进行一系列类型转换

-*/算法需要转换为number类型

+运算比较复杂：1如果存在string类型，转换成字符串拼接；2如果存在number类型，但不存在引用类型，数值运算；3如果存在引用类型，转换成原始值再按照12规则执行

布尔运算： 假值都为false；包括0,'',null, undefined,false;其他都为真值；

==：1 NaN!=NaN;2null==undefined，除此之外，都是false；3boolean会先转换成数值；4string和number转换成number；5，如果一侧为引用类型，那么转换成原始类型进行比较