还记得2020前端面试之路

2020距离投出第一份简历已经将近两个月了。虽然还没写完，但还是想先记录一下。那些裸脸和讲话的人应该小心。下面都是真人面试，真的会考上的。包括腾讯、阿里、今日头条、滴滴、美团、好未来、真容宝、快手、贝壳等，题目分类。题主中途精神崩溃，幸好有靠谱的领导朋友分析，靠谱的老公撑腰，终于忍到了现在。日常问题自我介绍（99%会问，最好准备一下）htmlmeta一般有哪些属性？css的flex弹性布局你了解吗？你用过哪些？弹性布局？？怎么让它一左一右呢？定位，谈类型；absoluteparent没有relative，what定位有几种方式，左右布局，标准盒模型和怪异盒模型的区别，BFC，讲解元素居中的方法js基础篇闭包，原型链（手写闭包）javascript继承说一下原型链，字符串有原型吗（是的，__propto__指向Object），是不是所有的对象都有原型？了解eventloop机制（我会问你具体怎么走，你一定是没看懂才能完全hold住）；async与await的任务是什么；为什么它是微任务示例问题1console.log('scriptstart');setTimeout(function(){console.log('setTimeout');},0);Promise.resolve().then(function(){console.log('promise1');}).then(function(){console.log('promise2');});console.log('脚本结束');示例2：输出什么，为什么？例3asyncfunctionasync1(){console.log('async1start')awaitasync2()console.log('async1end')//w1}asyncfunctionasync2(){console.log('async2')}console.log('scriptstart')setTimeout(function(){//h1console.log('setTimeout')},0)async1();newPromise(function(resolve){console.log('promise1')resolve();}).then(function(){console.log('promise2')//w2})console.log('scriptend')例4任务队列理解setTimeout(()=>{console.log(1);Promise.resolve().then(()=>{console.log(2);});},0)setTimeout(()=>{console.log(3);Promise.resolve().then(()=>{console.log(4);});},0)DOM操作-如何添加、删除、移动、复制、创建和查找节点cookie、localStorage、如何解决sessionStorage和跨域的区别使用场景？有几种方法？为什么跨域方法跨域，跨域到后端？为什么要跨域，跨域实现；option在什么情况下会跨域发送，cookie允许跨域配置和Credentials:true缓存有哪些？，协商缓存的返回状态是什么，强缓存的返回状态是什么？call、apply、bind的区别原生如何写ajax？get和post的区别？帖子的参数放在哪里？post/get的区别，contentType的类型js实现深拷贝（手写代码）js的基本数据类型；如何判断数据类型（放弃前必须回答对象原型）；如何声明符号[1,2,3].toString()和{a:10}.toString分别打印什么，邮箱的正则表达式为什么要这样写？编写一个正则表达式来匹配//