撰写有关技术、软件教程的文章

我所有关于编程、软件使用等的长篇想法,都按时间顺序收集。

全新API——Promise.withResolvers

简介了Promise.withResolvers方法,它提供了一种简洁而灵活的处理Promise的方式。通过返回包含Promise对象和解决/拒绝函数的对象,该方法使得处理Promise的状态更方便,并可用于各种场景,如处理流和队列。此外,它还支持非Promise构造函数,增加了更多的应用可能性。使用Promise.withResolvers可以让我们以更优雅的方式处理Promise,并使代码更易读和维护。

mini-react

300行实现一个自己的mini-react

搭建webpack项目(代码质量)

在软件开发中,一个规范的开发环境是提高代码质量和协作效率的关键。本文将介绍如何通过一系列工具和配置,规范化代码格式、语法检测以及提交流程,以提升开发团队的协同工作。

搭建Webpack项目(基础配置)

构建耗时监控、持久化存储缓存、多线程 Loader、缩小构建目标以及 DevTools 配置等方面。其中,配置自定义记者数组用于在构建阶段执行特定操作,speed-measure-webpack-plugin 用于监控构建耗时。在 webpack5 中,通过持久化缓存可以显著加速启动和打包时间。使用 thread-loader 可以在大型项目中提高 loader 解析速度。通过合理配置 loader 的作用范围,可以减少不必要的解析,进而节省构建时间。最后,在开发环境和生产环境分别配置 DevTools,以优化本地构建速度和源代码映射

搭建Webpack项目(初始化)

介绍了从零开始搭建Webpack5项目的过程,包括项目初始化、Webpack配置文件、TypeScript和React的集成、样式处理、静态资源处理、HtmlWebpackPlugin的使用、开发服务器配置、生产环境优化以及Babel的集成。通过这些步骤,建立了一个基础的Webpack5项目,并提供了现代前端开发所需的基本配置。