codingandsleeping

背景 前段时间，antfu 大佬发布了一篇博客，博客内容就是讲为了更好的对依赖进行分类管理，开发了一个 vscode 插件 PNPM Catalog Lens。 这个插件的...

tsconfig.json 是 TypeScript 项目的配置文件，用于指定编译器选项和项目结构。下面是对 tsconfig.json 文件中每个常见属性的详细解释： 基...

什么是显示资源管理？ 众所周知，JavaScript 有自动的垃圾回收机制（GC），可以自动的释放内存对象，但对与文件句柄、网络连接等资源的释放却无能为力，需要手动的进行资...

前言 这一节讲一下 watch和 watchEffect 函数的实现。 watch & watchEffect watch 和 watchEffect 函数的实现都调用了 ...

前言 这节主要来讲一下 vue 中计算属性 computed 的实现。 computed computed 函数有两种传参方式，一种是传递一个函数，另一种是传递一个对象，对...

前言 上节讲了 vue 的核心响应式原理，这节讲一下 ref 的实现，以及与ref 相关的一些 api。 ref 是 vue 提供的一个函数，可以用来包装原始值，使其具有响...

前言 reactivity 是 Vue 的响应式核心模块，里面有两个重要的函数，reactive 和 effect。 reactive的作用是创建一个响应性对象。 effe...

github page 部署 针对一个已有的github仓库如何进行 github page 自动化部署。 生成 token 打开 settings 页面，点击 Devel...

快速开始 安装 Express 创建 app.js 文件 运行 app.js 文件 浏览器访问 浏览器打开 http://localhost:3000/hello 即可看到...

背景 本人前段时间开发了一个 babel 插件开发练习平台，项目地址：babel-plugin-demo 其中使用到了 monaco-editor 这个库，这个库集成了 v...

pnpm + monorepo: 高效的项目管理方式 前言 在进行多项目管理时，一般有两种方式，multirepo 和 monorepo 。 multirepo multi...

今天研究了一下 pnpm 的机制，发现它确实很强大，甚至可以说对 yarn 和 npm 形成了降维打击🐻！我们从包管理工具的发展历史，一起看下到底好在哪里？...

Git 子模块 (Submodule) 使用介绍 简介 子模块允许你将一个 git 仓库作为另一个 git 仓库的子目录。它能让你将另一个仓库克隆到自己的项目中，同时还保持...

一个简易版无缝轮播图的实现思路 轮播图应该是每个前端的入门项目了，但是轮播图的无缝切换却难住了不少人，并且我在最近的面试中也被问到了，所以本文将介绍一个简易版的无缝轮播图的...

--- theme: v-green --- **HTTP的知识具体可以查看本篇博客：** [Web基础与HTTP协议 - 掘金 (juejin.cn)](https://...

你是否在烦恼每次新项目来了都需要重复配置（eslint，router，ui库等）？ 你是否想搭建一个属于自己的react-create-app or create-vite...

通过 纯CSS 动画技术，创建的一个文字动态效果，文字从右到左移动，每循环一次方向反转，给人一种视觉上的动感 下面是先看代码实现 效果 代码逐行分析 width: fit-...

在 React 项目的开发过程中，你是否遇到过这样的情况：打开一个文件，看到密密麻麻、毫无规律的 import 语句，瞬间感觉大脑一片混乱？...

HTTP1.0、1.1、2.0 的区别 HTTP1.0 HTTP1.0 浏览器与服务器只保持短暂的连接，每次请求都需要重新建立 TCP 连接，服务器完成请求处理后立即断开连...

一、项目初始化 1、项目初始化 我们创建一个 big-file-upload 目录作为当前项目的根目录文件。 执行以下命令对当前项目进行初始化，生成 package.jso...