链接状态：断开
``` server.js ```js // 需要自行安装 websocket 模块 const WebSocketServer = require('websocket').server; const http = require('http'); const server = http.createServer(function (request, response) { console.log((new Date()) + ' Received request for ' + request.url); response.writeHead(200); response.end(); }); server.listen(3000, function () { console.log((new Date()) + ' Server is listening on port 3000'); }); const wsServer = new WebSocketServer({ httpServer: server, autoAcceptConnections: false }); function originIsAllowed(origin) { return true; } wsServer.on('request', function (request) { if (!originIsAllowed(request.origin)) { request.reject(); console.log((new Date()) + ' Connection from origin ' + request.origin + ' rejected.'); return; } var connection = request.accept('echo-protocol', request.origin); console.log((new Date()) + ' Connection accepted.'); connection.on('message', function (message) { if (message.type === 'utf8') { console.log('Received Message: ' + message.utf8Data); connection.sendUTF(`${new Date().toLocaleString()}:${message.utf8Data}`); } }); connection.on('close', function (reasonCode, description) { console.log((new Date()) + ' Peer ' + connection.remoteAddress + ' disconnected.'); }); }); ``` #### 204 开启CORS时，当发送[复杂请求](./../../bigWeb/browser/cors.md##%E9%A2%84%E6%A3%80%E8%AF%B7%E6%B1%82)时，会先发起一个预检请求 如果服务端允许跨域则返回的是204状态码  cors.html ```html ``` cors.js ```js const http = require('http') let server = http.createServer(async (req, res) => { // -------跨域支持----------- // 放行指定域名 res.setHeader('Access-Control-Allow-Origin', '*') //跨域允许的header类型 res.setHeader("Access-Control-Allow-Headers", "*") // 允许跨域携带cookie res.setHeader("Access-Control-Allow-Credentials", "true") // 允许的方法 res.setHeader('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS') let { method, url } = req // 对预检请求放行 if (method === 'OPTIONS') { res.writeHead(204) return res.end() } console.log(method, url) res.end('success') }) // 启动 server.listen(3000, err => { console.log(`listen 3000 success`); }) ``` #### 301 资源永久重定向  比如访问此[链接](http://picker.sugarat.top) 然后观察控制台即可发现 301 #### 304 当客户端拥有可能过期的缓存时，会携带缓存的标识 etag、时间等信息询问服务器缓存是否仍可复用，而304是告诉客户端可以复用缓存 打开当前页面，在控制台中就能发现  #### 405 当前的请求方法不被允许 接口允许的方法是post，使用get方法请求 就能获得此状态码 比如下面的[链接](https://ep.dev.sugarat.top/EasyPicker/user/login) #### 415 不支持的媒体类型,检查Content-Type 比如接口使用请求头的媒体类型是 Content-Type:application/json; 你使用 Content-Type:multipart/form-data; 就可能会触发上述错误 ## JS ### 1. 如何判断this指向 * 跳转->[如何正确判断this？](./../../interview/js/this.md) - 函数直接执行this指向window - 函数通过对象调用this指向直接调用的对象 - 通过bind，call，apply调用的函数this指向传入的第一个参数 - 箭头函数内部的this指向外部第一个普通函数的this - 通过new调用的函数内部this指向新分配的对象 1. 如果是一般函数,this指向全局对象window; 2. 在严格模式下"use strict",为undefined. 3. 对象的方法里调用,this指向调用该方法的对象. 4. 构造函数里的this,指向创建出来的实例 5. 箭头函数的this指向指向箭头函数定义时所处的对像 ## css ```html什么颜色