- 博客(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
原创 Nuxt.js 3【详解】敏感信息处理 -- 环境变量配置
以 apiKey 为例,在 .env 中,必须以。部分敏感信息不便存在代码中,需在环境变量中配置。开头,全部大写,驼峰用。
2025-02-26 15:49:19
259
原创 Typescript 【详解】配置文件 tsconfig.json
用于控制 TypeScript 编译器如何将 .ts 文件编译为 .js 文件可以使用命令生成。
2025-02-15 23:52:25
458
原创 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
原创 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
原创 JS 正则表达式 -- 分组【详解】含普通分组、命名分组、反向引用
使用圆括号 () 来创建分组捕获匹配的内容,通过正则表达式匹配结果的数组来访问这些捕获的内容。
2025-01-24 15:52:42
468
原创 NextJS【实战】日志记录(含cross-env,winston,winston-daily-rotate-file的安装和使用,实现区分生产和开发环境的控制台和文件的滚动日志)
(仅生产环境会生成日志文件)自动生成的日志文件中。用于便捷设置环境变量,区分生产和开发环境。用于替换 Nestjs 默认的日志记录器。用于按天生成滚动日志,并自动清除过期日志。可在构造器中自定义日志内容。
2025-01-22 11:04:47
357
原创 vscode【实用插件】CodeSnap 生成漂亮的代码快照
在 vscode 插件市场的搜索CodeSnap点安装若自动安装失败,则按引导进行手动安装(下载 vsix 文件)选择下载好的 vsix 文件即可完成安装。
2025-01-16 17:25:10
293
原创 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【微前端系列教程】路由
在一些特殊情况下,主应用的跳转会导致浏览器地址上子应用信息丢失,此时可以主动调用方法,将子应用的路由信息同步到浏览器地址上。子应用同步到浏览器的路由信息是经过特殊编码的(encodeURIComponent + 特殊字符转译)和window.history.go(n)一致,表示在历史堆栈中前进或后退多少步。在子应用卸载后重新渲染时将恢复卸载前的页面(页面中的状态不保留)监听所有或某个子应用的路由变化,在子应用页面渲染前执行。监听所有或某个子应用的路由变化,在子应用页面渲染后执行。
2025-01-09 16:49:13
1446
dragVerifyImgChip.vue
2020-06-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人