本文通过创建InputRecorder类并使用事件监听器和MutationObserver来捕捉用户操作，我们可以轻松地实现Web应用程序的录制和回放功能 步骤1：创建一个InputRecorder类

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议大家动手敲敲代码。 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSR…

🌻 前言 前几天我工作比较闲，就想着看看我司的前端项目有什么可以性能优化的点。于是乎在一个h5项目里，发现没有配置缓存策略。我找到架构组的同学，说明了这个问题。 因为此项目是部署在腾讯云服务器上的，在

为了减少资源请求次数，加快资源访问速度，浏览器对资源文件如图片、css文件、js文件等有一个缓存功能，而浏览器缓存策略又分为强缓存和协商缓存，什么是强缓存？什么是协商缓存？两者之间的区别又是什么？

本文以图文的方式+通俗的语言来解释HTTP缓存，只需十分钟轻松理解HTTP缓存机制，从此面试不再虚。

前言 chrome开发者工具，会列出所有的网络请求，网络请求太多的时候，如何准确过滤出我们需要的网路请求呢？ 我们以 https://www.aliyun.com/ 网址为例，一起来看看五种过滤方式。

Chrome作为前端开发的重要工具，其插件能大幅提升战斗力，精心收集35+插件，含15+前端插件，大幅提高战斗力。

HTML5引入了 history.pushState() 和 history.replaceState() 方法，它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。 这将使浏览器地址栏显示为 http://mozilla.org/b…

背景： 不知道大家有没有试过页面上组件特别多，每次要找到这个组件是在哪里用的时候会找很久的情况，为此我写了一个插件来提高开发效率。 地址： - 文档&仓库地址：https://github.com/w