“哥，我面试字节挂了！” 小明哭丧着脸：“MD，太卷了！这 Vue3 刚转正没多久，面试官就问上我原理了，什么 reactivity 实现原理，proxy ，Vue3初始化的流程，编译优化，diff

性能优化是一个项目发展到一定时期之后绕不开的话题，也是每个工程师心中永远在撩拨的刺。 总结一下常用的前端性能优化的方法，希望对大家有些帮助~

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 使用commit提交到mutation修改state的优点：vuex能够记录每一次state的变化记录，保存状态快照，实现时间漫游／回滚之类的操作。 所以 一般情况下，推荐直接…

在web浏览器中，同源策略 限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。 三者都相同，则两个页面具有相同的源。 页面可能会因某些限制而改变他的源。 设置 document.domain 的值，为其当前域或其当前域…

CORS（cross-origin resource sharing），跨源资源共享（一般俗称『跨域请求』），想必大家都已经有基本的了解。如果你还不了解的话，可以阅读 MDN 上的介绍，这里就不赘述了。 看上去很是复杂。 其实，简单请求就是普通 HTML Form 在不依赖脚本…

知者不言，言者不知。——老子 Hyper Text Transfer Protocol（超文本传输协议）,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。是互联网上应用最为广泛的一种网络协议。所有的 WWW 文件都必须遵守这个标准…

缓存机制无处不在，有客户端缓存，服务端缓存，代理服务器缓存等。在HTTP中具有缓存功能的是浏览器缓存。 HTTP缓存作为web性能优化的重要手段，对于从事web开发的朋友有重要的意义。本文将围绕以下几个方面来整理HTTP缓存： 我们知道HTTP的缓存属于客户端缓存，后面会提到为…

浏览器访问服务器，如果服务器需要记录该用户的状态，就用response向浏览器发送一个cookie，浏览器会把Cookie保存起来。当浏览器再次访问服务器的时候，浏览器会把请求的网址以及Cookie一同提交给服务器 如果MaxAge为负数，Cookie是临时性的，尽在本浏览器内…

Tomcat服务器的默认编码是ISO 8859-1，而浏览器使用的是UTF-8编码。浏览器的中文数据提交给服务器，Tomacat以ISO 8859-1编码对中文编码，当我在Servlet读取数据的时候自然拿到乱码。所以设置request的编码为UTF-8，乱码就解决了 注意：按…