mkbird的博客

提升开发体验使用Source Map让开发或上线时代码报错能有更加准确的错误提示。提升 webpack 提升打包构建速度使用让开发时只重新编译打包更新变化了的代码，不变的代码使用缓存，从而使更新速度更快。使用OneOf让资源文件一旦被某个 loader 处理了，就不会继续遍历了，打包速度更快。使用排除或只检测某些文件，处理的文件更少，速度更快。使用Cache对 eslint 和 babel 处理的结果进行缓存，让第二次打包速度更快。使用Thead。

相对来说token的用户体验会更好，将token存在我们自己的网页中，只有通过自己的网页发起的请求才能携带token，而只有携带token的请求后端才会响应。更为严重的后果可能是，攻击者用你的账户再次发布了链接，其他用户一旦点开，就会继续中招，形成CSRF蠕虫，不断传播。脚本中创建一个图片，图片中创建一个img，在img的src中将请求地址改为自己的脚本，并附带当前网站的cookie，就可以拿到cookie了。点击搜索，我们会发现，网站"执行了"我们的脚本，这样我们就实现了最简单的xss攻击。

这时第一个问题来了，想要实现聊天功能，必须要有用户ID和对应的密码，即userID和userSig，官方文档也对我们进行了提示，测试环境可以使用客户端根据userID计算UserSig，项目上线要采用服务端计算UserSig。由于目前官方文档已经将含UI的快速集成方案变为了vue2+TS，而且在很多地方的解释阅读起来可能有一定的难度，所以有了这篇文章。该文件还引入了lib-generate-test-usersig.min.js文件，因此我们要返回文档的上级。创建tim.js文件用于创建相关实例。.....

HTTP缓存HTTP缓存的基本运作方式浏览器查看自己有没有缓存，如果没有就向服务器索取浏览器自己如果有，就要查看缓存是否过期如果没有过期就使用，过期就向服务器进行验证服务器告知没有过期就能继续使用，服务器告知已经过期就获取新的总的来说：浏览器先看有无，再看浏览器自己是否过期，再向服务器看是否过期强缓存服务器通过响应头传来Catch-Control，设置了资源的过期时间1. public 这些资源可以被任意对象缓存（如：客户端，代理服务器，等等）2. privat

DNS解析浏览器缓存–>host文件–>本地DNS服务器–>根服务器根–>顶级名称服务器–>二级名称服务器–>权威名称服务器递归查询：在整个递归查询过程中，除一开始客户端向本地域名服务器发起查询请求外，其余各个环节均是以本地域名服务器为中心进行迭代查询，DNS客户端一直处于等待状态，直到本地域名服务器发回最终查询结果。相当于，在整个查询环节中本地域名服务器承担了中介代理的角色。迭代查询从上面的介绍中我们看到了，递归查询除在一开始客户端发起查询请求外，其他环

同源策略和跨域同源策略同源：两个页面的协议、域名、端口号都相同同源策略：是浏览器提供的一个安全功能（浏览器规定，非同源网站JS不能进行资源交互）无法接触Cookie、LocalStorage、IndexedDB无法接触DOM无法发送ajax请求跨域不符合同源策略的行为浏览器允许发起跨域请求，但是跨域请求回来的数据会被浏览器拦截如何实现跨域JSONP：出现的早，兼容性好。只支持get请求。CORS：出现的晚，支持head、get、post。不兼容低版本的浏览器。使用 prox

文章目录标签Auto Rename TagAuto Close Tag语言ChineseLESSEasy LESS图片Image preview打开浏览器Live ServerOpen in browserPreview on Web Server路径提示Path AutocompletePath Intellisense自动计算px to rem & rpx & vm文件管理vscode-iconsVueVeturVue 3 Snippets标签Auto Rename Tag自动匹配