小南dev

Hey 各位，好久不见，最近在项目中遇到了动态主题的需求，所以就顺手记录一下实现过程。本文篇幅可能有些长，请耐心观看😅...

Plugin could not be registered at 'html-webpack-plugin-before-html-generation'. Hook w...

前言 哈喽，大家好，我是海怪。 相信不少同学在写单测的时候，最大的困扰不是如何写测试代码，而是：“应该测什么？”，“要测多深入”，“哪些不该测”。 最近在给 React 组...

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！...

CDN已经成为互联网重要的基建之一，越来越多的网络服务离不开CDN，它的稳定性也直接影响到业务的可用性。CDN的容灾一直由美团的SRE团队在负责，在端侧鲜有方案和实践。...

引言 在一次公司的前端无法访问的事故复盘后，我们调查了关于应用稳定性前端可以做些什么。对于前端稳定性其实在整个用户访问到页面到请求都需要全链路的监控与追踪，每一个环节都值得...

本文是2022年上海前端面试纪实录，主要是0-5年经验的面试纪实，我会陆续增加面试纪实，长期更新，值得收藏。...

手写webpack tapable源码，new Function动态生成函数执行体，Hidden Class、单态性在tapable源码中的使用...

像这样的一个富文本编辑器，它背后的工作原理是什么呢？ 其实只要清楚这两个问题就好了。第一个问题就是：在浏览器上我们如何去呈现富文本。第二个就是：在浏览器上我们如何去编辑富文...

由于某次需求的需要，我进行了一次技术调研，内容是调研前端将pdf文件转为图片的解决方案，我接到这个需求的第一时间，立马打开搜索引擎，翻看了十分钟后，很快啊得出了一个口头结论...

rm: 删除命令, 文件一旦通过rm命令删除, 则无法恢复, 所以必须格外小心地使用该命令. trash: OSX下的小型命令行程序, 用于将文件或文件夹移动到废纸篓. 终...

这篇文章封装的axios已经满足如下功能： 无处不在的代码提示； 灵活的拦截器； 可以创建多个实例，灵活根据项目进行调整； 每个实例，或者说每个接口都可以灵活配置请求头、超...

你觉得 JS 里命名最糟糕的 API 有哪些？ 前几天贺老聊到这个话题，快一起来看看这些容易搞混的东西都有哪些吧🕵️‍♂️...

通常我们通过定义一些参数来进行组件的抽象。而且，你很可能也见过拥有超过 50 个参数的所谓的“可重用”组件！这样的组件最终将会变得很难使用和维护，同时也会带来性能问题和难以...

Webpack Module Federation 特性（下面统称 mf）是 webpack 5 一个重要的亮点，本文着重介绍了基于 mf 特性在 module feder...

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