在公司一直做B端开发，或多或少有时候会感觉多无趣。当大部分同学在研究研究组件和UI的时候，我想我也得找点兴趣点，作为2019年最后三个月持续投入的重点。 初期，为了训练训练编程能力和积累测试用例的编写，在codewar网站上做了一些题目，无奈写者我太笨了，英文也不好，导致很多题…

Web 页面性能是前端开发特别需要关注的重点，评判前端 Web 页面性能的指标有很多，页面的流畅度是其中的一种，如何让页面变得 “柔顺丝滑”，要讨论起来可就是个相当有料的话题了。之前开发移动端 H5 页面的时候，就遇到过一个有趣的性能问题 —— 某个卖场页面在 IOS 手机上出…

本章关于浏览器原理部分的内容主要来源于浏览器工作原理，这是一篇很长的文章，可以算上一本小书了，有精力的非常建议阅读。 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外，其他显示的各个部分都属于用户界面。 浏览器引擎 - 在用户界面和呈现…

浏览器通过请求头 Cache-Control 来控制是否使用缓存资源，通过 ETag 来验证缓存是否可用。 只要保证想要缓存的资源有这两个请求头，并且符合自己想要的策略，就可以覆盖大多数场景了。 对于想缓存的资源，使用 max-age 来控制缓存的寿命（单位秒），只要缓存在有效…

上一节写者简单的介绍了一下如何从0开发一个无JS逻辑的hello extension插件，但是大多数插件都不只是静态页面，想要赋能，还得存在逻辑。 Chrome 插件是由不同但相互联系的组件构成。组件可以包括后台脚本，内容脚本，选项页面，UI元素和各种逻辑文件。 Chrome …

开发者来说，浏览器充当了重要角色。浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。浏览器缓存的优点有： 不会向服务器发送请求，直接从缓存中读取资源，在chrome控制台的…

工欲善其事，必先利其器。Chrome Devtools 是前端开发工程师不可或缺的开发工具，最近半年 Chrome 更新了 6 个版本，其中的 5 个版本里 Chrome Devtools 也更新了一些新功能，我们对最近的一些更新做了翻译整理，下面我们一起来看看近半年有哪些值得…