从 PWA 说起 为什么需要 PWA? Native APP 用起来很流畅，但是也有其天然的基因缺陷： WEB前端没有上述问题，但是很多时候页面会卡顿，用户体验不佳。虽然社区之前也做过很多努力，例如v

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

很多项目历史悠久，其中很多文件或是 export 出去的变量已经不再使用，非常影响维护迭代。 举个例子来说，后端问你：“某某接口统计一下某接口是否还有使用？”你在项目里一搜，好家伙，还有好

相信绝大部分前端开发者最常接触到的就是 npm 和 yarn，并且了解它们的一些基本使用，本文会先复习一下 npm 版本相关约定，然后再讨论一下 npm，yarn，pnpm 之间的差异。

前端监控分为性能监控和错误监控。其中监控又分为两个环节：数据采集和数据上报。本文主要讲的就是如何进行数据采集和数据上报。 性能数据采集需要使用 window.performance API。 从 MDN 的文档可以看出，window.performance.timing 包含了…

每天打开 VSCode 的时间越来越多，有时候甚至并不是因为写代码打开它。因为有各种各样的插件： ... 插件的id，最终会和你的开发者账号做拼接。比如大帅的开发者账号叫ezshine，最终会拼接为 ezshine.插件id 脚手架新建项目完成之后，我们可以cd到项目目录，使用…

前端异常监控系统就是为了解决前端系统上线后的稳定性问题。一旦前端系统上线，发生运行异常造成页面阻塞，操作不流畅甚至无法打开网页的状况。我们需要通过技术手段收集、上报、分析异常才能保证前端项目稳定运行。 首先先看看如何捕获异常。 1. JS异常 js异常的特点是,出现不会导致JS…

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从 0 到 1。 本教程采用 Vue 作为主…