Mangooo

🌰栗子前端技术周刊第 65 期 (2024.01.13 - 2025.01.19)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。 📰 技术资...

说起来不信，第一个推荐的是【飞书】，飞书是目前用过最舒服的项目管理应用了。 单拎出来一个飞书文档，功能和体验远超市面上腾讯文档、石墨文档、语雀等等。 现在飞书还支持个人...

为已有大量代码的tailwind项目加前缀，需要批量替换掉模板中已有的 class 代码。如何匹配 class 是个难点，剖解 tailwind 源码尝试用内置的提取机制来...

在这篇文章中，我们将深入了解 2024 年 React 项目中可使用的众多库。如果你想全面了解 React 生态圈，那么本文一定会对你有很大帮助。...

这是国外程序员 Robin Wieruch 带有明显个人色彩的一份总结，每年都会更新。相比于 awesome 列表，我个人更喜欢这类总结，简短、实用，更容易让人抓到重点并能...

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。...

这篇文章，我们来介绍一下什么是ast，ast在webpack中是一个至关重要的概念，同时也能做很多事情，让我们一起来学习吧~...

经过了上一篇文章的学习，我们了解了webpack源码中，基本定义的一些方法，那么在这篇文章中，我们将学习webpack懒加载import()的实现...

引言 Webpack 是前端工程化常用的静态模块打包工具。在合适的时机通过 Webpack 提供的 API 改变输出结果，使 Webpack 可以执行更广泛的任务，拥有更强...

非彼无我，非我无所取。——庄子 插件是 webpack 的支柱功能。webpack 自身也是构建于，你在 webpack 配置中用到的相同的插件系统之上！插件目的在于解决 ...

说明一点看webpack的编译流程非常枯燥，即使看完理解之后也不见得能对本上有很多帮助。 Entry: 指定webpack开始构建的入口模块，从该模块开始构建并计算出直接或...

感觉还是通过clone webpack源码包调试的比较好一点，也方便调试最新代码和切换版本。 不同的调试方法适合不同的运行方式，下面会进行一一介绍。 首先通过github找...

sourceMap对现在的项目来说也是比较重要的，因为在打包完成之后的代码是经过混淆、压缩的，不能很好的进行定位。如果想看到准确的代码位置，Source Maps（源映射）...

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。...

大神 dan 的博客相信大家都看过，博客质量那是不用多说，懂的都懂。 说到博客样式，我比较喜欢这种简约风。其中博客中还支持组件交互效果。 所以我决定用 Nextjs + t...

本文记录实战中搭建 NextJS 项目的所有流程, 整篇文章篇幅较长, 文章内容包括但不限于: NextJS 以及相关命令简介、项目初始化、pnpm 引入、NextUI 安...

要搞清楚requestAnimationFrame和requestIdleCallback是宏任务还是微任务就必须要搞清楚下面这三个问题：...