技术分享博客

函数防抖：是函数在特定的时间内不被再调用后执行。如果n秒内高频事件再次被触发，则重新计算时间。

事件场景：

1）点击按钮事件

2）输入框的自动保存事件

3）浏览器resize事件

函数节流：是确保函数特定的时间内至多执行一次。

事件场景

1）scroll事件，滚动的过程中每隔一段时间触发事件。

preventDefault()函数： a标签，radio、checkbox复选框等表单元素，div没有默认事件

stopPropagation()来阻止触发的事件

同源策略指的是：协议，域名，端口三者一致

同源策略的目的：是为了保证用户信息的安全，防止恶意的网站窃取数据

如果非同源，浏览器会进行什么限制？

Cookie,LocalStorage和IndexDB 无法读取

Dom不能获得

ajax请求不能发送

跨域是指当请求非同源的URL链接，简单说就是协议，域名，端口中存在有和当前Url不同的就是跨域

跨域解决方法

1）cors：后端服务器设置

2）nginx反向代理

3）jsonp

由于script的src不受同源策略限制，我们可以通过src访问服务器上的脚本进行数据回调 （动态创建script标签，回调函数）

map 和 forEach 的区别是map返回一个新的数组，forEach返回undefined。

使用场景：修改或返回新数组使用map，相反只是做遍历循环时用foreach 或 for

const array = [1, 2, 3, 4, 5]
const arr = array.forEach(x => x * x)
const arr2 = array.map(x => x * x)
console.log(array)  // [1, 2, 3, 4, 5]
console.log(arr)  // undefined
console.log(arr2)  //[1, 4, 9, 16, 25]

localStorage：

localStorage.setItem(key, value)
localStorage.getItem(key)
localStorage.removeItem(key)
localStorage.clear()

sessionStorage：

sessionStorage.setItem(key, value)
sessionStorage.getItem(key)
sessionStorage.removeItem(key)
sessionStorage.clear()

关于接口获取数据get请求和post请求区别和使用方式。

内存泄露

内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。

可能出现内存泄漏的原因

1、 意外的全局变量

2、 DOM元素清空时，还存在引用

3、 闭包

4、 遗忘的定时器

内存泄漏优化方法

1、 全局变量先声明在使用

2、 避免过多使用闭包。

3、 注意清除定时器和事件监听器。

1、 concat关键字 arr.concat(arr2, arr3, ······)

2、 es6 展开运算符(…) […arr1, …arr2，······]

3、 push() push(…arr)

通过push合并数组有以下2中形式

1）使用es6扩展运算符合并

2）结合for循环，遍历一个数组，然后push到另一个数组中。

1、 push (将指定的元素添加到数组的末尾，并返回新的数组长度)

2、pop (从数组中删除最后一个元素，并返回该元素的值)

3、shift (从数组中删除第一个元素，并返回该元素的值)

4、unshift (向数组首位添加一个或多个元素，并返回新的数组长度)

5、concat (合并多个数组或值，返回一个新的数组)

6、slice (截取数组的一部分，返回一个新的数组)

7、splice (删除、替换或添加数组的元素，并返回被删除的元素)

8、filter (过滤数组中的元素，返回一个新的数组)

9、map (对数组中的每个元素进行操作，返回一个新的数组)

10、sort (对数组进行排序)

11、reverse (翻转数组中的元素)

12、indexOf (查找数组中指定元素的索引)

13、find (查找数组中符合条件的第一个元素)

14、findIndex (查找数组中符合条件的第一个元素的索引)

15、includes (判断一个数组是否包含一个指定的值)

16、every (判断数组内的所有元素是否都能通过指定函数的测试)

17、some(判断数组中是否至少有一个元素通过了指定函数的测试)

18、join (将一个数组的所有元素连接成一个字符串并返回这个字符串)

19、reduce (计算数组所有元素的总和)

20、forEach(数组循环遍历)