codingandsleeping

orval 介绍 orval 是一个开源的基于 OpenAPI 的接口测试工具，它可以自动从 Swagger/OpenAPI 文档中拉取接口信息并生成生成前端接口代码。 官...

看了很多知识库的文章，但是一直不了解知识库是如何使用NodeJS搭建的，索性就自己实践。项目使用NodeJS、Qdrant、React、OpenAI+阿里云百炼模型搭建一个...

CommonForm 组件 其中，用到了二次封装的 Select 组件，代码如下： CommonTable 组件...

2025 年 6 月 25 日，第 129 届 Ecma 大会批准了 ECMAScript 2025 语言规范。 本文将介绍 ECMAScript 2025 新增的语法和特...

this 是什么 this 的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。 当一个函数被调用时，会创建一个活动记录（有时候也称为执行上下文）。这个记录会包含函...

作用域是什么 理解作用域 作用域是根据名称查找变量的一套规则。 当我们为变量赋值时，当变量出现在赋值操作的左侧时引擎会进行 LHS 查询，出现在右侧时会进行 RHS 查询。...

背景 前段时间，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 仓库的子目录。它能让你将另一个仓库克隆到自己的项目中，同时还保持...

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