最新版的Chrome（Chrome 83, 需要开启权限）支持直接读写本地文件了。 1、使用input标签获取文件File对象。 2、使用FileReader读取文件。 很遗憾，现在没有直接写文件到本地的方法。不过，大概可以用下面的方法来实现： 使用window.chooseF…

chrome 浏览器上有很多插件，最喜欢的只有这一个，因为它解决了我工作中的很多麻烦。相信我，装上它，你的工作会容易很多。

总结了11个可以极大提升我们开发效率的chrome调试技巧，一键重发请求、条件断点、复制内容、截取全屏等等。相信对你也会有所帮助噢！！！

前言 熟练使用调试工具，势必能大幅提高我们的开发效率，达到事半功倍的效果。废话不多说，直接进入主题。 Filter过滤 过滤器最简单的用法当然是直接输入过滤的字符，但这远远不够🤗。除了直接输入，我们还

在我们面试过程中，面试官经常会问到这么一个问题，那就是从在浏览器地址栏中输入URL到页面显示，浏览器到底发生了什么？这个问题看起来是老生常谈，但是这个问题回答的好坏，确实可以很好的反映出面试者知识的广度和深度。 在讲浏览器架构之前，先理解两个概念，进程和线程。 进程（proce…

“从输入 URL 到页面展示” 是一个极其复杂的过程。 要完整地解释这一过程，你需要了解浏览器的多进程架构，网际协议(Internet Protocol，IP)，数据包协议(User Datagram

例如：div.style.background='red';改变背景颜色，直接 repaint+compose。 例如：改变 transform。要在全屏下查看效果，在 iframe 里看有问题。 总结：了解了浏览器的渲染原理，才能更好更精准的做一些优化问题，当然了。理性的分析…

在前端性能优化的方式中，最重要的当然是缓存了，使用好了缓存，对项目有很大的帮助。比如我们访问网页时，使用网页后退功能，会发现加载的非常快，体验感很好，这就是缓存的力量。 什么是缓存呢？ 当我们第一次访

1. 浏览器渲染 Composite 合成（根据层叠关系展示画面）。 一般用 JavaScript 更新样式，可以修改样式或者添加类，添加类更为方便常用。使用 JavaScript 更新样式要经过布局、绘制、合成这几个步骤中的一步、二步或者全部。 经过合成过程，如改变 tran…