面试知识点总结（一）

https://blog.csdn.net/u013594331/article/details/77885391

https://blog.csdn.net/xm1037782843/article/details/80708533

https://www.cnblogs.com/sunmyboke/p/10364507.html

https://www.cnblogs.com/autismtune/p/5210116.html

https://www.jianshu.com/p/b034663019a9

1.HTTP、HTTPS常用的默认端口号

https://blog.csdn.net/ypt523/article/details/79636647

2. 亚信

1. 怎么将对象变为json

toJSON 和JSON.stringify()

2. .a.b怎么使用

3. ajax同步方法

https://blog.csdn.net/qq_33210743/article/details/80067504

4. ajax的作用，与正常提交submit有何不同

https://blog.csdn.net/weixin_37580235/article/details/81459282

https://www.cnblogs.com/luoym/articles/5100349.html

3. 经典面试题

HTML: 

1. 从输入url到页面加载完成发生了什么？——前端角度

https://www.cnblogs.com/daijinxue/p/6640153.html

2. XHTML 与 HTML 之间的差异

http://www.w3school.com.cn/xhtml/xhtml_html.asp

3. Doctype的作用

https://blog.csdn.net/qq_38128179/article/details/80758192

CSS

1. 盒模型

https://blog.csdn.net/lhjuejiang/article/details/79706898

2.CSS水平居中+垂直居中+水平/垂直居中的方法总结

https://blog.csdn.net/weixin_37580235/article/details/82317240

3.rem 和 em的区别？

em相对于父元素，rem相对于根元素: 1rem= html font-size

4. 操作DOM的方法

https://blog.csdn.net/qq_36594703/article/details/77019514

https://blog.csdn.net/ajiblog/article/details/50545675

5. 选择属性的方法

https://blog.csdn.net/weixin_42675177/article/details/81662692

6. 重绘和重排

https://www.jianshu.com/p/b548d4bf6143

https://blog.csdn.net/zjjnwpu/article/details/56008466

JS

1. JS的垃圾回收机制

https://blog.csdn.net/wtl1992/article/details/52347450

2. JS单线程，如何实现异步

https://blog.csdn.net/qq_39480597/article/details/79662913

https://blog.csdn.net/SUNbrightness/article/details/89816331

JS是单线程，但是JS是在浏览器中运行的脚本语言，它的宿主，浏览器是多线程的

3.【JS】深拷贝与浅拷贝的区别，实现深拷贝的几种方法

https://www.cnblogs.com/echolun/p/7889848.html

4. JSON.stringify(): 用于从一个对象解析出字符串

JSON.parse(): 用于从一个字符串中解析出json对象

https://blog.csdn.net/cjx1991/article/details/75646462

5. 跨域

https://blog.csdn.net/wangchengiii/article/details/78081032

https://blog.csdn.net/qq_36140085/article/details/81606508

https://blog.csdn.net/weixin_42536144/article/details/80816323

6. 同步和异步

https://blog.csdn.net/yexiangcsdn/article/details/84971827

7. 冒泡的作用

https://blog.csdn.net/L_YNAN/article/details/73692012

https://blog.csdn.net/u012169411/article/details/16804233

8. 选择器

https://blog.csdn.net/b954960630/article/details/79560590

9. 事件

https://blog.csdn.net/muzidigbig/article/details/80772983

AJAX

1.前端get和post请求的入门总结

https://blog.csdn.net/u010770896/article/details/79065479

2. 通过js进行post请求

https://blog.csdn.net/king2wang/article/details/83000775

3. AJAX发送请求(POST方式)

https://blog.csdn.net/qq_39725309/article/details/80341869

4.  一个Ajax建立的过程是怎样的，主要用到哪些状态码
作者：菜鸟游游 
来源：CSDN 
原文：https://blog.csdn.net/u013594331/article/details/77885391 

ajax：在不切换页面的情况下完成异步的HTTP请求

(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象.

(2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.

(3)设置响应HTTP请求状态变化的函数.

(4)发送HTTP请求.

(5)获取异步调用返回的数据.(6)使用JavaScript和DOM实现局部刷新.
 

var xmlHttp = new XMLHttpRequest();

  xmlHttp.open('GET','demo.php','true');

  xmlHttp.send()

  xmlHttp.onreadystatechange = function(){

      if(xmlHttp.readyState === 4 & xmlHttp.status === 200){

      }

  }

使用promise封装

function getJSON(url) { 
    return new Promise(function(resolve, reject) { 
        var XHR = new XMLHttpRequest(); 
        XHR.open('GET', url, true); 
        XHR.send(); 

        XHR.onreadystatechange = function() { 
            if (XHR.readyState == 4) { 
                if (XHR.status == 200) { 
                    try { 
                        var response = JSON.parse(XHR.responseText); 
                        resolve(response); 
                    } catch (e) { 
                        reject(e); 
                    } 
                } else { 
                    reject(new Error(XHR.statusText)); 
                } 
            } 
        } 
    }) 
} 
getJSON(url).then(res => console.log(res)); 

当前状态readystate

0 代表未初始化。 还没有调用 open 方法
1 代表正在加载。 open 方法已被调用，但 send 方法还没有被调用
2 代表已加载完毕。send 已被调用。请求已经开始
3 代表交互中。服务器正在发送响应
4 代表完成。响应发送完毕

常用状态码status

404 没找到页面(not found)
403 禁止访问(forbidden)
500 内部服务器出错(internal service error)
200 一切正常(ok)
304 没有被修改(not modified)(服务器返回304状态，表示源文件没有被修改）

vue

1. vue双向绑定原理

https://www.cnblogs.com/libin-1/p/6893712.html

2. 生命周期钩子

https://blog.csdn.net/qq_35585701/article/details/81216704

3. 对vue的理解

https://blog.csdn.net/wmwmdtt/article/details/55095420

前端优化

https://blog.csdn.net/zhouziyu2011/article/details/71312452

https://blog.csdn.net/zhouziyu2011/article/list/2?t=1&