橘子不是唯一的水果

本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federat...

在日常开发网络请求过程中，我们需要编写大量重复逻辑，因此我封装了一个高阶函数useRequest。本次分享将介绍我为什么要搓一个useRequest以及useRequest...

这篇博客是笔者在公司内部的一场技术分享，内容来自 PPT 的整理。 前言 快速学习新事物的方法论 我想通过讲解 SWR，向大家分享认识方法论，这是我认为本篇文章最重要的内容...

您好， 如果喜欢我的文章或者想上岸大厂，可以关注公众号「量子前端」，将不定期关注推送前端好文、分享就业资料秘籍，也希望有机会一对一帮助你实现梦想 首屏秒开 首屏秒开主要可以...

通过学习本文，你将有如下收获：1.了解Lighthouse的使用方式 2.了解前端性能优化的相关指标 3.了解一些具体的性能优化方法...

LCP 是 Core Web Vitals 的三个关键指标之一，是 Google 用于评估网页用户体验的标准之一。LCP 时间应在 2.5 秒以内。如果 LCP 超过 4 ...

主要是为了确保有一个干净的测试环境, 不被其它因素所影响. 有些用户电脑的CPU性能很好, 可能无法较好的分析问题(难以发现低端配置设备的性能问题), 所以需要降速. 上面...

有一天，我和项目经理一起在办公室里，正在讨论我们即将启动的新项目。这是一个非常重要的项目，老板也对它寄予了厚望。 项目经理深吸了一口气，说：“我们的目标是要打造一个快速响应...

前言 有个有趣的统计：在过去两年中，PC用户加载 JavaScript 的次数增加了19%，而同期移动用户加载 JavaScript 的次数增加了14%。然而即便我们使用了...

在跨端开发中，离不开一些吸顶的交互场景，可以参考淘宝或是京东类电商 app 中一些 tab ，在整个容器滑动的过程中，吸顶效果非常的连贯和丝滑的，当然这些 tab 可能是用...

俗话说，条条大路通罗马。在美剧《越狱》中，主角就设计了两条越狱的道路。这两条道路都可以达到靠近都可以达到靠近煎鱼外墙的医务室。 同样，在现实中，很多时候也有多种途径到达一个...

大家知道，我们想要显示一张图片，通常会用2种方法 img标签 给div设置background-image 那么这两种方式的共同点在哪呢？他们又有什么区别呢...

在前端开发中，性能优化是一个至关重要的环节。Chrome 浏览器的 火焰图 工具可以帮助我们发现性能瓶颈。本文将介绍如何利用 Chrome 浏览器的火焰图来优化前端项目性能...

大家都知道，为了防止多个线程同时操作DOM，带来渲染冲突问题，所以js执行器被设计成单线程，但是随着时间的推移，js也会逐渐涉及到大计算的场景（比如大数据计算，图片、视频、...

Web Workers允许脚本在后台线程中运行。Worker在自己的引擎实例和事件循环中运行，与主执行线程分开。它可以并行执行，而不会阻塞主事件循环和其他任务。...

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance...

综上，个人觉得domtoimage库是比较好的，但是其svg的处理让人怎么也爽不起来，建议iOS上也将png与jpeg的形式做好到时候必然舍弃html2canvas来弃暗投...

序言 近期，在使用WebSocket（WS）连接时遇到了频繁断连的问题，这种情况在单个用户上每天发生数百次。尽管利用了socket.io的自动重连机制能够在断连后迅速恢复连...

产品的原话就是“要又大又全”。既然存储量大，也要覆盖全多种设备多种浏览器。 方案选择 既然要存储的数量大，得排除cookie localStorage，虽然比cookie多...

一般网站加载时间每超过1秒就会流失30％的访客，相反，快速加载的网站通常会具有更高的转化率。如沃尔玛研究发现：网站页面打开时间从1S增加到4S时，转化率的下降最为明显...