如果你感兴趣，可以私聊我进行联系对开源项目来讲，问题追踪是很重要的。在整个 GitHub，谁都可以提问 issue，谁都可以对 issue 问题进行回答。但如果没有适当的处理，项目会变得很庞大，挤满重复的 bug issue、模糊不明的 feature request。就拿重复的 bug issue 来讲，用户想提的问题，可能早已经解决了，而开发者看到也无心解决，提问者也迟迟得不到反馈。项目维护者会被大量工作压得喘不过气来，新的贡献者也搞不清楚项目当前的工作重点是什么。那么接下来的内容中我们将来学习一下 GitHub 的 issue。Github Issue每个 Github 代码仓库都有一个...

从今年二月份开始到现在，笔者一直在维护者两个项目，其中一个项目是从 2 月份开始新建文档，到了三月份的时候准备一些春招面试，搁置了一些，到了四月份之后又断断续续进行开发了，直到 6 月中旬才开发出了一个完整版的。第一个项目是一个前端脚手架，而第二个项目是基于第一个项目开发的，从七月底开始新建文件夹，也是因为一些面试的原因，断断续续的开发了一个多月，目前也是进入了一个能使用的状态，它是一个在线代码编辑器。在开始之前，先来贴上这两个项目的地址吧：前端脚手架 create-neat在线协同代码编辑器那么接下来就分别介绍一下这两个项目的基本架构以及未来会做一些什么样的事情吧!前端脚手架 create-...

在开始之前我先来贴上项目的地址吧前端脚手架在线代码编辑器（等第一个项目开发完成会重构成协同的）如果你想学习前端工程化，那么参与这个前端脚手架也是一个非常不错的项目，因为这里基本涵盖了一些常见的内容。开源的一些感受这个脚手架的项目是我去年就在写的了，开始之前 120 多 star 吧，但是之前一直都是自己一个人在开发，更多的像是个人在玩的，虽然之前想要实现的也基本实现了，但是还存在一些问题。因此我对整个项目进行了重构，通过使用 Turborepo 来进行重构，对任务进行编排，确保了每个任务打包的顺序。在这个重构完成的同时，也遇到了一些志同道合的朋友，因此慢慢的开始搞了起来，不断地对这些项目的规范...

在文章的开头先上地址:Github地址: https://github.com/xun082/react-cliNPM地址: https://www.npmjs.com/package/create-neat零：重构内容本人目前正在和一群小伙伴开发一个前端脚手架，目前是正在重构阶段，现阶段已经完成了使用 Turborepo + PNPM 实现 Monorepo 策略，方便更好地管理子项目。添加了更多的开发规范，其中包括 husky 、eslint 、Prettier 、ci 、cd 等等。添加了更规范的 issue 模板和 pr 模板，并且配备机器人 code review 。其他原有功能可查...

前言在前面的内容纯属胡说八道,如果想要看正文,请直接滚动条往下拉,以省下宝贵的时间继续卷。要想对 JavaScript 代码进行打包,我们可以依赖 webpack 对我们的帮助我们完成这一件事情。要想使用 webpack,首先需要我们安装 webpack,首先对项目进行初始化: npm init -y 生成配置配置文件:要想使用 webpack,首先需要安装 webpack 以及 webpack-cli,这里还有 html-webpack-plugin,用于生成 html 模板,具体命令如下: npm install webpack webpack-cli html-webpack-plu...

pnpm + monorepo 最终实践可以看这篇文章 我开源了一个好玩且好用的前端脚手架😏在前面的几篇文章中讲到了 npm 包管理工具,那么今天我们来聊一聊它的老大哥 pnpm,在开始之前,我们再来聊聊 npm。npm缺点在 你真的了解npm install和npx原理吗 这篇文章中,我们通过 npm install 去安装依赖包,会对其依赖包进行扁平化,例如当我们项目中需要依赖 axios 时的时候,会将 axios 依赖的依赖包一起安装到当前项目中的 node_modules 下,这就形成了幽灵依赖。在 axios 中的 package.json 文件中存在 proxy-from-en...

React 真的是太灵活了,写它就感觉像是在写原生 JavaScript 一样,一个功能你可以有多种实现方式,例如你要实现动态样式,只要你愿意去做,你会有很多种解决方案,这可能也就是 React 会比 Vue 相对来说比较难一点的原因,这或许也就是这么喜欢 React 的原因了吧,毕竟它可是我见一个爱一个的技术之一🤣🤣🤣也正是因为这个原因,在 React 中编写一个组件就给我们编写一个组件提供了多种方式,那么在接下来的文章中我们就来讲解一下这几种组件的设计模式。Mixin设计模式在上一篇文章中有讲解到了 JavaScript 中的 Mixin,如果对这个设计模式不太理解的可以通过这篇文章...

浏览器作为我们经常使用的软件,你是否有认真想过,当我们在浏览器中输入一个 URL 或者直接点开一个 URL 后,就可以看到网页内容了。它为什么能显示出来,你是否有考虑过,你是否清楚地知道它背后都经历了什么过程。那么从今天的文章中我们就来看看这到底经历了什么过程。什么是 URLURL 也叫统一资源定位符,它是互联网上用于标识和定位资源的地址。它是一个字符串,用于描述互联网上的资源位置,俗称网页地址,简称网址。URL 通常用于访问网页、图像、视频、文档和其他类型的文件。URL 由多个部分组成,包括协议、主机名、端口号、路径和查询字符串等。以下是 URL 的一般结构: 协议://主机名[:端口号]/...