提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

前言 纯前端Web应用或Node 应用，在 CICD pipeline 中，无论是构建、测试、部署，通常第一步就是依赖安装: npm i。但是通常npm i 是耗时最长的一个环节。 如果依赖安装时间变

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

怀着对于RxJS这项技术的好奇，笔者花了数天时间研究了这项技术，并肝了一包枸杞才完成这篇文章的撰写，属实不易。不过也正是通过这段时间的学习，我发现这项技术在一定程度上可以解决我在日常业务中遇到的一些痛点，以及有种想马上应用到自己的新项目中的欲望，的确这种以数据流的理念来管控大型…

首先，我们绘制出优惠券的基本样式，这很简单，就不多说了。 锯齿部分其实可以看成是十个如下所示的图像片段拼接起来的。每个片段的宽为锯齿的半径 6px，高为 20px。所以我们只需要画出该片段，剩下的重复填充就好了。 这里的核心代码是 background-image: radia…

译注：这是 3.0 最重要的 RFC，因此特意翻译成中文。

但想着，这是别人嚼烂很多次的内容，缺乏挑战性，而且，页面操作过程中能优化的地方实在太多了。 那就干脆给自己挖个坑吧，好歹也在运维开发部待过一年的时间。 本文将尝试从前后端或运维多个角度，来述说整个站点从解析到操作过程中的优化。 1. 流程回顾 1. URL的输入到浏览器解析的一…

其实axios已经提供了很多很强大的api，我们在实际使用中直接调用就可以，但是每个团队每个项目调用axios的姿势不一样，特别是在一个大型的团队项目中，与后端交互逻辑迥异、配置复杂、地址繁多，所以一个风格统一化、配置灵活化、管理集中化的请求方案必不可少。 首先在项目中创建一个…

不过这个问题对缓存会有一个更详尽的解释。我相信你看完这篇文章后对缓存会有一个全新的认识，如果没有那就再看一遍。 在这篇文章，我会详尽的描述从输入 URL 到展现涉及到的缓存环节，不过由于本人知识有限，很可能有某些隐藏的缓存机制在下遗漏了，还请大佬不吝赐教。 输入 url 后遇到…