自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(926)
  • 资源 (3)
  • 收藏
  • 关注

原创 Dexie.js【实用教程】

Dexie.js 用于简化了 IndexedDB 的使用。IndexedDB 是一种在浏览器中进行持久化存储的 Web API,它允许你在用户的浏览器中存储大量结构化数据,并且可以对这些数据进行索引和查询。

2025-03-24 11:39:13 239

原创 Electron Forge【实战】桌面应用 —— AI聊天(上)

官网 https://www.electronforge.io/技术栈:Vue3.5+Electron配置国内下载源在目标目录(如 )下创建项目 为自定义的项目名称打开空值校验,在 tsconfig.json 中添加用 vscode 打开,并运行项目得到vite.renderer.config.ts新建 src\App.vuesrc\renderer.tsindex.html重启项目,效果如下将 改名为 ,内容修改为forge.config.ts 中 ,

2025-03-22 08:08:52 892

原创 TS【详解】内置工具类型

TS 内置了很多工具类型,方便用户使用。

2025-03-05 15:40:44 840

原创 CSS【实战】模拟 html 的 title 属性(鼠标悬浮显示提示文字)

hover。

2025-03-05 11:18:27 529

原创 Tailwind CSS 4【实用教程】

官网Tailwind CSS 是一个实用优先的 CSS 框架。

2025-02-27 10:44:26 631

原创 Nuxt.js 3【详解】服务器 Server

Nuxt.js 是一个全栈框架,可以在一个项目中,同时完成前端和后端的开发。

2025-02-26 17:58:27 1527

原创 mongodb【实用教程】

MongoDB 是一个开源的文档型数据库管理系统。

2025-02-26 17:29:20 1302

原创 Nuxt.js 3【详解】敏感信息处理 -- 环境变量配置

以 apiKey 为例,在 .env 中,必须以。部分敏感信息不便存在代码中,需在环境变量中配置。开头,全部大写,驼峰用。

2025-02-26 15:49:19 259

原创 Nuxt.js【详解】设置 Head、SEO、元数据、动态标题等

可提升应用的SEO。

2025-02-25 15:36:52 1090

原创 vite【详解】常用配置 vite.config.js / vite.config.ts

官网。

2025-02-17 10:13:32 383

原创 前端【技术方案】重构项目

更多性能优化方案见。

2025-02-17 00:14:07 1219

原创 Typescript 【详解】配置文件 tsconfig.json

用于控制 TypeScript 编译器如何将 .ts 文件编译为 .js 文件可以使用命令生成。

2025-02-15 23:52:25 458

原创 HTML【详解】input 标签

input 标签主要用于接收用户的输入,随 type 属性值的不同,变换其具体功能。

2025-02-15 00:23:42 1814

原创 Next.js【详解】获取数据(访问接口)

Next.js 中分为,内置的获取数据各不相同。

2025-02-14 18:04:57 960

原创 Next.js【详解】内置组件 —— 图片 Image

图片存于目录 public\images 中。

2025-02-14 11:36:49 362

原创 Next.js【详解】CSS 样式方案

默认已创建,即 src\app\globals.css,可根据需要修改默认在全局布局中导入。

2025-02-14 11:32:35 647

原创 Next.js【详解】服务端组件 vs 客户端组件

Next.js 13 + 新增了服务端组件 和 客户端组件。

2025-02-14 11:25:57 258

原创 Next.js【详解】Font 字体方案

传统的 Web 字体加载方式:网络请求字体文件,在字体加载完成前,页面显示为空白或默认字体,加载完成后,页面的字体突然改变,可能引发布局偏移。

2025-02-14 09:24:52 577

原创 Next.js 15【实用教程】2025最新版

Next.js 由 Vercel 开发和维护,旨在解决单页应用(SPA)和多页应用(MPA)在性能和 SEO 上的不足。核心特性服务端渲染(SSR)-- 在服务器端预渲染页面,将 HTML 直接发送到客户端,从而提高了页面加载速度和 SEO 效果。静态生成(SSG)-- 在构建时生成 HTML 的方式,使得每个页面的内容都能在构建时生成并缓存,这样无需在每次请求时生成 HTML,从而显著提升页面性能。通过文件系统的结构快速创建页面路由。

2025-02-13 18:01:12 1701

原创 NestJS【实用教程】2025版

src\main.ts 的 app.listen 上方添加。

2025-02-10 20:19:41 1139

原创 Rollup【实用教程】

官网。

2025-02-10 12:08:59 323

原创 webpack【初体验】使用 webpack 打包一个程序

Webpack 通过 webpack.config.js 中的 entry 配置,找到打包的入口文件 src/index.js沿着入口文件 src/index.js,找到导入的关联文件 src\hello.js根据 webpack.config.js 中的 output 配置,Webpack 会将所有找到的文件 ( hello.js 和 index.js )打包成一个名为 bundle.js 的文件,并输出到 dist 文件夹中。

2025-02-08 17:33:37 545

原创 前端【技术方案】浏览器兼容问题(含解决方案、CSS Hacks、条件注释、特性检测、Polyfill 等)

不同浏览器对 CSS3 新特性的支持情况不同,且需要添加不同的浏览器前缀: -webkit-(用于 Safari 和 Chrome)、-moz-(用于 Firefox)、-ms-(用于 IE)、-o-(用于 Opera)。CSS Hacks 指的是利用不同浏览器在解析 CSS 代码时存在的差异,编写特定的 CSS 代码,使网页在不同浏览器中呈现出一致或符合预期的效果。不同浏览器对这种间隙的处理可能略有不同。不同浏览器对浮动元素的处理存在细微差异,在清除浮动时,不同浏览器对清除浮动的方式支持也不完全一致。

2025-02-08 14:58:12 1478

原创 脚手架开发【实战教程】prompts + fs-extra

新建文件夹 mycli_demo在文件夹 mycli_demo 内新建文件 package.json新建文件 templates\react\package.json新建文件 templates\vue\package.json新建文件 index.js。

2025-02-07 12:07:30 1383

原创 NestJS【实战】多环境配置(含配置校验 joi 的使用)

env 文件为默认配置,优先级高于其他配置,若想其他配置文件中的配置生效,需删除 .env 文件中的相同配置。以 src\modules\course\course.controller.ts 为例。项目目录下新建文件 .env.development。项目目录下新建文件 .env.production。用 cross-env 在脚本中指定环境变量。src\app.module.ts 中。实现了不同环境,加载不同配置的目的。项目目录下新建文件 .env。打包项目后,使用生产环境。

2025-02-06 14:54:36 222

原创 NestJS【实战】操作数据库(含集成 prisma,创建表,添加数据校验,数据的增删改查 CURD)

安装 prismavscode 安装官方插件初始化 prisma.env修改package.json 中新增脚本用于重置数据库,会删除数据库中的所有数据并重新应用所有迁移,通常用于开发过程中快速重置数据库状态。prisma\schema.prisma 中定义表执行脚本安装 Prisma Client执行脚本根据 prisma\schema.prisma 中定义的表在数据库中创建数据表询问输入一个镜像名称时,输入init即可执行成功后,在数据库中,可见表 blogs。

2025-02-05 15:16:05 1300

原创 Prisma【详解】 where 查询

查找名为 “John” 的用户。

2025-02-05 10:38:47 396

原创 JS 正则表达式 -- 分组【详解】含普通分组、命名分组、反向引用

使用圆括号 () 来创建分组捕获匹配的内容,通过正则表达式匹配结果的数组来访问这些捕获的内容。

2025-01-24 15:52:42 468

原创 NextJS【实战】日志记录(含cross-env,winston,winston-daily-rotate-file的安装和使用,实现区分生产和开发环境的控制台和文件的滚动日志)

(仅生产环境会生成日志文件)自动生成的日志文件中。用于便捷设置环境变量,区分生产和开发环境。用于替换 Nestjs 默认的日志记录器。用于按天生成滚动日志,并自动清除过期日志。可在构造器中自定义日志内容。

2025-01-22 11:04:47 357

原创 Docker【实用教程】2025最新版

官网。

2025-01-21 16:03:44 941

原创 前端调试【详解】含debugger,console,断点,手机真机调试等

限vue项目,必要的设置如下图。限React项目。

2025-01-20 16:08:22 312

原创 vscode【实用插件】Material Icon Theme 美化文件图标

在 vscode 插件市场的搜索点安装。

2025-01-16 17:34:29 590

原创 vscode【实用插件】CodeSnap 生成漂亮的代码快照

在 vscode 插件市场的搜索CodeSnap点安装若自动安装失败,则按引导进行手动安装(下载 vsix 文件)选择下载好的 vsix 文件即可完成安装。

2025-01-16 17:25:10 293

原创 windows 极速安装 Linux (Ubuntu)-- 无需虚拟机

打开命令行,执行若报错,则先执行。

2025-01-15 17:23:50 2041

原创 micro-app【微前端系列教程】2025最新版

通过自定义fetch替换框架自带的fetch,可以修改fetch配置(添加cookie或header信息等等),或拦截HTML、JS、CSS等静态资源。自定义的fetch必须是一个返回string类型的Promise。如果跨域请求带cookie,那么Access-Control-Allow-Origin不能设置为*,必须指定域名,同时设置Access-Control-Allow-Credentials: true/*** 自定义fetch* @param {string} url 静态资源地址。

2025-01-10 16:07:17 1257

原创 micro-app【微前端系列教程】通信

datachange 绑定函数的返回值不会作为子应用dispatch回调函数的入参,它的返回值没有任何作用。

2025-01-10 11:53:51 1198

原创 micro-app【微前端系列教程】禁用样式隔离

所有应用的样式隔离都会停止指定子应用取消禁用样式隔离</

2025-01-10 10:09:45 320

原创 micro-app【微前端系列教程】生命周期

子应用渲染过程中会触发相应的生命周期事件。

2025-01-09 17:31:28 556

原创 micro-app【微前端系列教程】路由

在一些特殊情况下,主应用的跳转会导致浏览器地址上子应用信息丢失,此时可以主动调用方法,将子应用的路由信息同步到浏览器地址上。子应用同步到浏览器的路由信息是经过特殊编码的(encodeURIComponent + 特殊字符转译)和window.history.go(n)一致,表示在历史堆栈中前进或后退多少步。在子应用卸载后重新渲染时将恢复卸载前的页面(页面中的状态不保留)监听所有或某个子应用的路由变化,在子应用页面渲染前执行。监听所有或某个子应用的路由变化,在子应用页面渲染后执行。

2025-01-09 16:49:13 1446

原创 Typescript 【详解】类型运算符

将多个类型(通常是对象类型)合并为⼀个类型,最终类型将拥有多个类型的全部属性。

2024-12-31 16:43:51 524

react-developer-tools

react-developer-tools

2024-05-10

quickcode快捷编程20210310版.zip

使用vue开发的方便快捷编程的工具(核心功能:自动生成目录,一键复制代码)

2021-03-10

pinyin_withtone.js

js 汉字转拼音

2020-12-29

dragVerifyImgChip.vue

vue 滑动拼图验证,使用方法详见https://blog.youkuaiyun.com/weixin_41192489/article/details/107029471

2020-06-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除