JavaScript

addEventListener 详解 用法 更多 removeEventListener移除时第三个参数必须和addEventListener一样才能移除

有些事件在浏览器上频繁触发，比如鼠标滚动scroll,窗口大小等，会使浏览器频繁渲染或者计算位置，加重浏览器负担导致卡顿等。使用防抖和节流可以减轻低效的触发事件，提高用户体验。 防抖 在一个事件触发后

start: 開始位置 length: 截取長度 //基本用法 var arr = [1,2,3,4] var a1 = arr.splice(0,2) // 此時arr : [3, 4] // a1

1.onclick时间返回false 2.用href伪协议 最常用的方法，也是最周全的方法，void是一个操作符，void(0)返回undefined，地址不发生跳转。

1.事件监听：监听scroll事件，鼠标滚动就触发 这种方法会多次触发，不推荐使用，推荐使用下面的IntersectionObserver 2.IntersectionObserver： 按字面意思就

1. 关于JS的循环，循环是一种常用的流程控制。JS提供了三种循环： 2. 如果需要遍历数组，应该先缓存数组长度 3. 局部变量的访问速度要比全局变量的访问速度更快 因为全局变量其实是window对象

Object.freeze(obj) 用途 Object.freeze() 方法可以冻结一个对象，冻结指的是不能向这个对象添加新的属性， 不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已

可选链操作符( ?. ) 用法 1.通过连接的对象的引用或函数可能是 undefined 或 null 时，可选链操作符提供了一种方法来简化被连接对象的值访问。 2.可选链与函数调用 3.可选链和表达

浅拷贝是拷贝了对象的引用，当原对象发生变化的时候，拷贝对象也跟着变化； 深拷贝是另外申请了一块内存，内容和原对象一样，更改原对象，拷贝对象不会发生变化

设置代理时报错 解決办法 定义 Proxy 代理对象的 set 的时候， 要返回 return true 。

网上的错误：谷歌浏览器遇到CORS错误 提示：Access to XMLHttpRequest at 'http://47.107.96.218:3205/' from origin 'http://

ES6（2015年发布） 1.Class 2.模块化 ：导入 export 、导出 import 3.箭头函数 ：this指向定义时所在的对象，而不是使用时所值的对象 4.函数参数默认值：functi

传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。 原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向对象语言来讲， 很有一种独树一帜的感脚！非常容易

JS的解构赋值是ES6新增的一种赋值方法，一般分为对象解构与数组解构两种形式； 对象解构赋值： 数组结构赋值： 注意点： 解构赋值等号两边结构需要一样，所有变量才能正常解析赋值 若左边结构少于右边，左

相同点 用法相同，都是前后是值，中间用符号连接。根据前面的值来判断最终返回前面的值还是后面的值。 不同点 判断方式不同： 使用 ?? 时，只有当值1为null或undefined时才返回值2； 使用

了解 静态的 import 语句用于导入由另一个模块导出的绑定。无论是否声明了 strict mode，导入的模块都运行在严格模式下。在浏览器中，import 语句只能在声明了 type="modul

概念： Promise是ES6引入的异步编程的新解决方案，语法上Promise是一个构造函数， 用来封装异步操作（也就是回调函数）。 基本使用

js函数的四种调用方式 1.一般声明函数调用 2.作为对象方法调用 3.通过apply()和call()调用 4.通过new调用

js自带的api方法，用于数组排序。 浏览器v8引擎中 Array中数量小于11： 否则使用快速排序（不稳定） 用法比较

回调函数定义 将一个函数作为参数来传递的函数 例子function common (callback) {//callback是一个函数 callback() } common(function(