window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…

云音乐前端性能监控平台，底层使用了 Lighthouse 进行审计评分，在实践过程中我们积累了一些 Lighthouse 内部实现的研究经验，希望通过这篇文章可以分享给各位读者。 本篇文章基于 Lighthouse 5.2.0 版本，介绍了 Lighthouse 的测试流程、架…

巡检服务对于前端页面有很多用处，可以做一些检测、自动化测试、产出性能报告等等，本文主要讲解跑通Puppeteer的巡检服务，包括核心代码和部署等

单纯的SSR只是展示静态内容的传统技术，我们仍需要 SPA 交互体验。最好的方案就是SSR+SPA相结合，即在实现服务端渲染的时候，还要实现客户端渲染。

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

大家好，今天我们将带来EMP微前端解决方案。看到这个名字，大家脑海里是否会想起这些问题：EMP是个什么？微前端又是什么？微前端有什么用？EMP微前端的价值点在哪里？ 带着这些问题，我们来一起学习。 首先，介绍一下我们团队成员。EMP微前端解决方案是一个生态，是由我们团队成员一起…

腾讯文档从功能层面上来说，用户最熟悉的可能就是word、excel、ppt、表单这四个大品类，四个品类彼此独立，可能由不同的团队主要负责开发维护，那从开发者角度来说，四个品类四个仓库各自独立维护，好像事情就很简单，但是现实情况实际上却复杂很多。我们来看一个场景： 对于复杂的权限…

本文将从两个框架的响应式设计为切入口讲清：1. 为什么不需要vue fiber；2. 为什么react fiber可以实现断点恢复，不涉及晦涩源码，不管有没有使用过react，阅读都不会有太大阻力。

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…