前言在前面的内容纯属胡说八道,如果想要看正文,请直接滚动条往下拉,以省下宝贵的时间继续卷。要想对 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 的一般结构: 协议://主机名[:端口号]/...

前段时间在看面经的时候,发现很多份面经中都被问到了 强缓存 和 协商缓存。因此我觉得有必要写一篇文章来好好聊聊这两者。强缓存和协商缓存浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档,其中浏览器缓存就分为 强缓存 和 协商缓存:强缓存: 当浏览器在请求资源时,根据响应头中的缓存策略信息,判断是否使用本地缓存副本而无需发送请求到服务器。如果资源被标记为强缓存,浏览器会直接从本地缓存中加载资源,而不发送请求到服务器,从而提高页面加载速度并减轻服务器负载;协商缓存: 协商缓存是一种缓存策略,用于在资源未过期但可能已经发生变化时...

在文章的开头先上地址:Github地址: https://github.com/xun082/react-cliNPM地址: https://www.npmjs.com/package/create-neat一、背景 📖在刚开始学习 React 的时候，使用的脚手架就是 create-react-app，虽然这个脚手架提供的零配置、开箱即用很适合新手，但是要想对其进行扩展就非常麻烦。要想对其进行扩展你必须 eject 或者 使用 carco 进行配置。尽管 Typescript 已经流行了很久，但是要从零设计一个 Typescript 库依旧麻烦，本人也曾有过从零搭建一个 React 组件库...

个人独立开发的前端脚手架，目前支持 react 和 vue,结局了react官方脚手架自定义配置需要 eject 问题，提供用户开箱即用的基础模板，欢迎star，也欢迎提需求。github地址: https://github.com/xun082/react-cli#我的实习求职记录#

自己独立开发的脚手架已经开源几天了,但是一个人开发进度太慢,现在想寻找一些志同道合的朋友来一起开发,详情可以看我的下面的链接,如果想要加入可以通过评论圈里或者私聊我获取联系方式   https://github.com/xun082/react-cli