360面试题

1. css固定左右，中间宽度自适应，如何写？

    考察知识：通过position左右固定, 中间代码设置margin, 不设置宽度

2.  原型链，两个function， 实现继承。

  三种方式：

 1. 利用call和apply 

// 原型继承

// 原型继承
// 1. 利用call, apply继承
function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayName = () => {
        console.log(this.name);
    }
}

function Student(like) {

    Person.call(this, "小王",
        20);
    //Person.apply(this, ["小王", 18]);
    //Person.bind(this);
}

const student = new Student("羽毛球");
console.log(student);

3.  手写观察者模式

4. addEventListener 手写。

5. 前端高并发

   一个页面同时请求10个接口，如何

https://wetest.qq.com/lab/view/316.html

6. 前端的优化方法

    按需加载

有三个页面，点击一个加载一些js,实际用的import ,import 使用webpack 代码。

图片压缩，减少请求，单例，事件委托。 

7. 前端缓存

https://blog.csdn.net/gongch0604/article/details/102726780

8. 事件流

 先触发捕获，再出发冒泡

因为浏览器点击时候，事件触发时浏览器拿不到按钮本身的，只能获取的使位置信息， 从顶层开始，一层一层往下找，最终找到dom元素，只有先捕获，才能找到对应的dom元素。

9. http状态码？

301， 304

1. 100：这个状态码是告诉客户端应该继续发送请求，这个临时响应是用来通知客户端的，部分的请求服务器已经接受，但是客户端应继续发送求请求的剩余部分，如果请求已经完成，就忽略这个响应，而且服务器会在请求完成后向客户发送一个最终的结果

2. 200：这个是最常见的http状态码，表示服务器已经成功接受请求，并将返回客户端所请求的最终结果

3. 202：表示服务器已经接受了请求，但是还没有处理，而且这个请求最终会不会处理还不确定

4. 204：服务器成功处理了请求，但没有返回任何实体内容 ，可能会返回新的头部元信息

5. 301：客户端请求的网页已经永久移动到新的位置，当链接发生变化时，返回301代码告诉客户端链接的变化，客户端保存新的链接，并向新的链接发出请求，已返回请求结果

6. 404：请求失败，客户端请求的资源没有找到或者是不存在

7. 401： 没有用户权限

8. 403： 权限不够，不能查看当前页面

9. 404： 找不到

10. 500：服务器遇到未知的错误，导致无法完成客户端当前的请求

11. 503：服务器由于临时的服务器过载或者是维护，无法解决当前的请求，以上http状态码是服务器经常返回的状态代码，用户只能通过浏览器的状态了解服务器是否正常运行，一般除了错误的状态码，都不会看到服务器的状态码的，新SEOer你们了解到了吗？内容编辑来自51特色购SEO优化人员，想了解更过状态码的知识可以加我好友，一起相互交流学习

        304状态码或许不应该认为是一种错误，而是对客户端有缓存情况下服务端的一种响应。