行无忌

偶然看到尤雨溪大佬发了微博说到 Vite 2.0 发布了，而且官方提供了 React 的项目模板，这让向来喜欢搞事儿的我欣喜若狂，当即上车体验了一下，效果拔群，不愧是"下一代前端开发与构建工具" 😃 下面聊聊我是如何在一个月内从 Hello World 到 React 应用框…

通过本文你可以学到 Chromium 源码的阅读方法、大型项目的协作方式、和见到一堆提了好几年都没修的Bug。

此前一直想做一个 bilibili 的弹幕扩展，最近借着研究 Vite 的契机实操了一下，花了两天时间算是搭好了基于 Vite + React 的 Chrome Extension (MV3) 开发环

前端录制回放系统，顾名思义就是录制用户在网页中的各种操作，并且支持能随时回放操作，可用于异常监控和错误上报...

现在大厂面试中，算法题几乎为必考项，且近几年频现 LeetCode 真题，此篇为拿到字节、腾讯、京东 Offer 的笔者本人在准备面试过程中亲自刷过以及遇到过高频算法题。文章内容会分模块整理，对于笔者在面试过程中遇到的真题，会给予着重 【🔥】标出。 同时，可以毫不客气的说，如…

一个销售单总共有2个产品，一个单价为43.3111，而另一个单价为52.1233。假设这个销售单分为2个发货单发货。按照正常逻辑来说，这个销售单总价应是43.3111+52.1233=93.4344,但是在F12控制台你会发现并非如此。 但是在业务中你需要判断俩个发货单之和是否…

关于dll的介绍已经有很多文章了，webpack性能优化都无可避免的会提到dll。在webpack 4已经进入生涯晚期，webpack 5已经发了几十个alpha版本的时间节点，我们是否还需要dll这个优化手段。 dll的作用是将项目中一些不常改变的依赖单独打包，webpack…

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…

SplitChunks插件是什么呢，简单的来说就是Webpack中一个提取或分离代码的插件，主要作用是提取公共代码，防止代码被重复打包，拆分过大的js文件，合并零散的js文件。 提到前端优化，提取公共代码是必不可少的手段。在Webpack出现前，提取公共代码是人为去处理，而Sp…