关于javascript:前端知识点总结自用

根底类：

1、数据类型的转换和比拟。（+2）数据类型转换

+true; //1 ,一元加号会尝试将boolean类型转换为数字类型。 true被转换为1，false被转换为0。
!"Lydia"; //false

1、函数传参

对象类型是援用传递

function person(per){    per.name = 'haha';    per.age = 3;    console.log(per)}person({name:"www", age: 2})// {name: "haha", age: 3}

2、Object.is()和==，===的区别

Object.is办法在===的根底上减少了NaN和NaN是相等的；+0和-0是不相等的
延长：==隐式转换规定； 运算符的优先级；(+1)

+0 === -0   //true+0 === -'0'   //true+1 === -'1'   //falseObject.is(+0, -0) //false

2、闭包题。https://segmentfault.com/a/11...

3、事件委托。https://segmentfault.com/a/11...

3、http协定状态码，301和302的区别，304缓存类型，强缓存和协商缓存的区别。

常见的状态码有200，301,302，304，400,404,401,500,502其中以2结尾的代表申请胜利，以3结尾的是重定向，其中301是永恒重定向，302是长期重定向，强缓存和协商缓存[缓存](https://mp.weixin.qq.com/s/dnEbgNnu7rL9i2V_Zjjnyw)**（+3）**

4、js运行机制。js运行机制（+2）

5、es6用过哪些。promise的实现原理(+1)，all办法(+2)。

Promise.all = function(arr){    let result = [], count = 0;    return new Promise(function(resolve, reject){        for(let item of arr){            item.then(res=>{                result[count] = res;                 count++;                 if(count === arr.length){                    resolve(result);                }            })        };      });};let promise1 = new Promise(function(resolve) {  resolve(1);});let promise2 = new Promise(function(resolve) {  resolve(2);});let promise3 = new Promise(function(resolve) {  resolve(3);});let promiseAll = Promise.all([promise1, promise2, promise3]);promiseAll.then(function(res) {  console.log(res);});Promise.all = function(arr){    let result = [], count = 0;    return new Promise(function(resolve, reject){        arr.map(item=>{             item.then(res=>{                result[count] = res;                count++;                (count === arr.length) && resolve(result);            }).catch(err=>{                result[count] = err;                count++;                (count === arr.length) && resolve(result);            });        });    });};var p1 = new Promise(function(resolve, reject){reject(1)})var p2 = new Promise(function(resolve, reject){resolve(2)})Promise.all([p1, p2]).then(res=>{    console.log(res)})

let，const，var申明变量的作用域不同；变量晋升；（+1）   变量的赋值能够分为三个阶段： 1、创立变量，在内存中开拓空间 2、初始化变量，将变量初始化为undefined（let和const申明的初始化时不会分配内存，所以会存在暂时性死区） 3、真正赋值

let，const，var的区别（+1）

作用域概念不同；变量晋升（+1）

es6数组罕用的api（+1）
set，map，剪头函数和一般函数的区别（+1）
map遍历绝对于其余遍历形式的长处（+1）
class
模板字符串：标签模板
await和async的应用（+1）
promise.all的实现（+2）

6、isNaN和Number.isNaN的区别。

isNaN会有一个转换，可能转换为数字类型的都返回false，
Number.isNaN是严格判断是否为NaN

6、数组的flat扁平化办法。

返回一个新数组对原数组没有影响，默认扁平化一级

6、正则（获取url参数等）。

7、纯函数（+1）

7、数据类型的判断（+1）

7、instanceof的实现原理（+1）

7、手写new的实现（+2）

7、手写call和apply的实现（+1）

7、defer和async的区别（+1）

7、js监听对象属性的扭转具体是怎么实现的，它们各自有什么特点？（+1）

7、挪动端适配；sass，less的长处；挪动端几倍图是依据什么来定义的（+1）

7、css布局，flex布局形式（+1）

7、实现正方形（+2）

7、五种以上居中形式居中（+1）

7、浏览器如何解析css选择器

7、css款式抵触的解决方案，scoped的实现原理

7、css选择器的优先级（+1）

框架利用类：

1、防抖节流；（+3）

防抖可利用于阻止反复发送申请，一段时间内反复触发的话则会从新计算工夫，只会执行最初一次；节流是只认第一次的操作，在某一时间段内不论触发多少次，只执行第一次函数的回调；

2、vue双向数据绑定的实现。（+2）

defineProperty——>

2、computed和watch的区别。（+2）

3、vue中key的作用是什么？（+2）

——>diff算法——>重绘和回流（重排）重绘回流（+1）

3、vue生命周期（+1）

3、webpack相干。

优化（配置优化，代码优化）（+2）
webpack热更新原理（+1）
chunk和baundle的区别（+1）
压缩插件的弊病（+1）

4、axios和ajax的区别，fetch的区别，劣势。

5、跨域办法。

思路：说到跨域先理解同源策略——>常见的跨域场景——>解决方案

6、组件化

组件可复用性

7、设计模式；

罕用的设计模式以及解决了什么问题

8、cdn

8、node的理解

9、vue和react的设计理念，react的简略理解

9、输出url到页面渲染产生了什么（+1）

9、性能优化（+1）

9、性能监控（+1）

9、http协定相干（+1）

9、export和export default，moudle.export的区别（+1）

9、内存泄露（+1）

算法类：

1、数组去重，思考优化，尽量用最优的算法实现。数组去重办法

for(var i = 0, len = arr.length; i < len; i++){    for(var j = i+1, lenj = arr.length; j < lenj; j++){        if(arr[i] == arr[j]){            arr.splice(j, 1);            j--;            lenj--;            i--;            len--;        }    }}

var obj = {};for(var i = 0, len = arr.length; i < len; i++){    if(!obj[arr[i]]){        obj[arr[i]] = arr[i];    } } console.log(Object.values(obj))

利用indexOf