举杯邀明月

本文从浏览器的架构讲起，从一个完整的请求开始，全面总结浏览器的渲染原理。浏览器中的进程介绍，一个进程就是...

1991年提出，最初的目的只是为了传输体积很小的HTML文件，因此称为超文本传输协议。特点： 1994年出现了拨号上网，同年网景推出了浏览器，万维网进入了高速发展的阶段。为支持多种类型的文件下载HTTP/1.0引入了请求头和响应头。引入了状态码、提供了Cache机制来缓存下载过…

HTTP是明文传输，存在安全隐患，需要加密方案。 在协议栈中，将HTTP和TCP之间插入一个安全层，对HTTP发起的请求进行加密，对接收到的HTTP响应进行解密。 加密套件：指加密的方法。 对称加密：加密和解密使用相同的密钥。 非对称加密：有A/B两把密钥，A密钥加密只能B密钥…

看了很多打包优化的文章，很多都是基于原生的webpack配置，直接在webpack.config.js文件中修改配置的。但是vue-cli创建的项目已经封装了基本的webpack配置，需要在vue.config.js文件中修改预置的webpack配置。很少看到这方面的文章，因此…

先使用canvas将要截图的范围绘制到canvas上，再将绘制了图像的canvas转为一个图片展示的data URI。 得到URI后就可以将截图展示出来了。 canvas的drawImage()方法可以在canvas上绘制图像。语法为： 其中，第一个参数imageOrigin表…

JavaScript在浏览器里的执行流程跟在Node.js中一样，是基于事件循环的。 事件循环：一个在JavaScript引擎等待任务、执行任务和休眠等待更多任务这几个状态之间的无穷无尽的循环。 浏览网页时，JavaScript引擎大多数时候什么也不做，只在一个脚本、处理函数或…

async/await是一种方便使用promise的特殊语法。 函数前面的async表示：此函数将会返回一个promise，如果函数返回的不是promise，将会包装成一个已经resolved...

此次实战使用WebSocket协议进行了客户端和服务器之间的全双工通信。 其中，客户端使用的是WebSocket提供的原生API，而服务器使用的是WebSocket协议在node端的实现——WebSocket-Node。 还有一个使用比较多的库——socket.io，但是有一点…

Vue打包后生成的dist文件中的index.html，双击在浏览器中打开后发现一片空白，打开控制台有很多报错：“Failed to load resource: net::ERR_FILE_NOT_FOUND”。 这是因为dist文件是需要放在服务器上运行的，资源默认放在根目…