LazyLady

Chrome 插件 一、什么是 Chrome 浏览器插件？ Chrome 浏览器插件可通过自定义界面、观察浏览器事件和修改网络来提升浏览体验。 二、Chrome 浏览器插件是如何构建的？ 使用 Web

URL（Uniform Resource Locator），统一资源定位符，用于定位互联网上资源，俗称网址。 在浏览器输入网址后，首先要经过域名解析，因为浏览器并不能直接通过域名找到对应的服务器，而是要通过 IP 地址。 DNS缓存 DNS存在着多级缓存，从离浏览器的距离排序的…

通常我们前端不仅仅只有一个项目，而是有多个项目同时开发，但是往往这多个项目之间代码有一些可以公用的地方，比如说我们的一些组件啥的，一般我们遇到相同的地方都是会直接选择复制，但是这样的问题也很明显，就是一个地方改了，要同时去修改其它的地方，这样显然不太合理，没有达到复用的目的。所…

Jonathan Saring 原作，授权 New Frontend 翻译。 如何在采用多个仓库、monorepo、微服务的项目间复用代码，关于这个话题的讨论最近越来越多。 跨项目、跨仓库复用代码是达成更好的模块化、更快开发的关键因素，但也很复杂。我以前根据我们团队的经验写过一…

在前端项目的开发中，往往会根据业务需求，沉淀出一些项目内的UI组件/功能模块（以下通称组件） 等；这些组件初期只在同一个项目中被维护，并被该项目中的不同页面或模块复用，此时的组件逐步被完善，是一个只聚焦于功能和健壮性的成长期。 随着业务的发展，原来的项目可能不得不产生裂变，变成…

经常能在博客或者论坛上看到很多有关前端性能优化的文章，但是却很少看到如何分析一个网页的性能的文章。到底什么样的指标（或者说是标准）代表这个网页性能好或者不好，通过什么方式来得到这些指标呢？因此，本文来讲述下如何分析一个网页的性能的好与差。本文用到的工具：chrome浏览器。下面…

前两篇文章中，我们讲了安装和截图，这篇我们来讲讲页面性能分析的相关体系。 众所周知，页面性能优化要讲起来可谓是整大条链路上的事情，在这里笔者将不开展描述，后续笔者会出个全面的性能优化系列文章再进行讲解。回到我们的正题，我们是利用 puppeteer 对页面进行性能数据采集并分析…

在家屁颠屁颠的拿起了《在你身边 为你设计》这本书看了一下午，看到移动端调试这里，略有感受，于是提取了下内容。 在这个5g到来的时代，移动互联网继续横行，前端的开发工作和移动端更加紧密了，但是移动端调试着实让人尴尬。化解尴尬的方法介绍下下面这几种，有补充的欢迎留言👏 作为一个前…

... 以上过程比较耗时，请求数量变多的时候，页面加载变慢，服务器压力变大。为了避免，尽量减少请求数量，常见的做法有