自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(495)
  • 问答 (1)
  • 收藏
  • 关注

原创 React Native cli 集成Op-Sqlite编译超时问题解决

React Native构建卡死问题排查:op-sqlite模块因NDK版本不匹配(硬编码27.0.12077973而本地只有27.1.12297006)导致Gradle尝试自动下载被网络阻塞。解决方案是修改node_modules/@op-engineering/op-sqlite/android/build.gradle,明确指定ndkVersion = "27.1.12297006",并移除local.properties中的ndk.dir配置。建议统一项目中所有原生模块的NDK版本,注意ndk.di

2026-08-14 21:51:44 307

原创 ReactNative 安卓端打包体积优化

文章摘要:针对新项目APK包体积过大(120MB)的问题,通过精简打包体积优化到69MB。解决方案包括在build.gradle中配置ndk的abiFilters为"arm64-v8a",并在gradle.properties中设置reactNativeArchitectures=arm64-v8a,有效兼容95%以上现代手机。该优化方法经实测验证可行。

2026-08-03 15:06:35 187

原创 ComfyUI SUPIR图片扩图插件集成报错解决

该代码是针对ComfyUI插件的SUPIR模型实现,主要功能包括: 提供SUPIR模型的加载器(v1/v2/v2_clip版本),支持从SDXL模型合并权重 实现图像编码/解码功能,支持分块处理以降低显存需求 包含条件提示处理模块,用于生成正负样本条件 提供采样器实现,支持EDM和DPMPP两种采样方式 包含图像分块处理工具,便于大图像处理 关键特性: 支持fp8/fp16/bf16/fp32多种精度 支持XFormers加速 提供分块VAE处理降低显存需求 支持动态CFG和control scale调节

2026-07-13 19:22:43 115

原创 ComfyUI ReActor需要下载检测模型的解决方案

本文介绍如何通过修改代码快速跳过ReActor插件中的NSFW检测。具体步骤是:在指定路径的reactor_sfw.py文件中,将原有代码替换为预置的新代码,该代码会直接返回False跳过检测,并设置MODEL_EXISTS为True以避免模型下载。修改后插件将完全跳过NSFW检测流程,无需下载检测模型,从而加快工作流执行速度。这种修改方式简单高效,但需注意会完全禁用安全检测功能。

2026-07-05 10:34:41 267

原创 ComfyUI 学习笔记 图片制

《AI绘画工具速查指南》摘要: 核心模块:详解K采样器参数设置(种子/步数/降噪)、关键词权重规则及VAE编解码原理。 资源平台:推荐LiblibAI、Civitai等模型下载站和提示词反推工具。 ControlNet高频应用: 六大核心功能:OpenPose控姿势、Canny定构图、Depth控透视、Tile高清修复、LineArt线稿上色、IP-Adapter特征锁定 极简口诀:人物→OpenPose/构图→Canny/透视→Depth 效率工具:reactor换脸插件和ipadapter特征迁移插件推

2026-07-05 10:30:20 233

原创 ComfyUI Desktop 实例进入后一直loading的问题解决

摘要:用户安装新插件后重启ComfyUI Desktop时遇到持续加载问题。通过检查C:\Users\用户名\AppData\Roaming\ComfyDesktop\目录下的日志文件,AI分析发现是下载超时导致文件不完整。解决方案为手动下载缺失文件至指定位置,重启后问题成功解决。(99字)

2026-07-04 19:45:36 414

原创 AI视频创作笔记(七)达芬奇调色处理方案

本文简要介绍如何使用达芬奇调色软件(DaVinci Resolve)免费版优化视频效果。操作步骤包括:下载安装软件后导入视频,在调色界面通过调整亮度曲线(暗部下移、中间调微调)优化画面,再设置饱和度等参数,最后通过交付面板导出为MP4格式视频。整个过程可快速提升视频质感,实现电影级调色效果。

2026-06-15 19:44:41 336

原创 AI视频创作笔记(六)动画短片制作

AI动态漫制作全流程指南 流程概述:分剧本创作→脚本分镜→AI绘图→视频/音频生成→剪辑,核心环节为脚本分镜和AI绘图。 剧本脚本:通过提示词设定AI身份(如导演/脱口秀演员),生成400字内的古风短剧剧本,再转化为分镜脚本,需包含景别、场景、造型等要素。 AI绘图技巧: 提示词结构:景别+事物+光照+色调+构图+质量词(如“远景青山瀑布,电影感构图,16K”)。 优化方法:优先客观描述,适配AI能力;利用图生图功能调整角色造型与环境。 配音方案:旁白可用剪映,角色配音推荐ClipChamp等工具,支持情绪

2026-06-09 19:26:34 495

原创 React Native 配置自定义字体

本文摘要: 文章详细介绍了React Native项目中字体资源的处理与配置方法。第一部分讲解使用react-native-asset库处理字体资源:1)全局安装依赖;2)配置react-native.config.js文件;3)执行资源link命令;4)重启项目。第二部分指导如何为React Native Paper配置全局字体:1)定义多语言字体集;2)创建typography样式配置;3)通过usePaperTheme自定义主题;4)将主题注入PaperProvider。特别强调字体文件名必须与Pos

2026-06-08 17:02:47 303

原创 AI视频创作笔记(五)短剧制作流程

本文摘要介绍了AI短剧创作的完整流程:1.剧本创作环节提供参考文档并设定专业级创作指令;2.人物形象设定通过文字描述生成角色图片;3.分镜生成将每个镜头拆解为不超过5秒的画面;4.图生视频使用特定模型转换;5.后期剪辑完成片段合成;6.全流程标准化操作。关键点包括:使用专业提示词工具、16:9画面比例控制、超清处理技术、NanoBanana等推荐工具。整个流程强调标准化操作和细节把控,如分镜拆分、特写镜头处理等,最终实现1分钟短剧的工业化生产。(149字)

2026-06-06 19:25:45 678

原创 AI视频创作笔记(四)提示词

摘要:本文介绍AI生图与控图的核心技巧,重点解析7大控图维度(风格/视角/主体/背景/细节/光影/质量)。风格控制部分详细分类:1)3D风格包含皮克斯/UE建模/国漫等游戏影视风格;2)绘画类涵盖赛璐璐/油画/名家画风;3)写实类涉及摄影及纪录片风格。特别说明风格提示词多源自经典作品、引擎或艺术家名称,建议通过参考图获取精准描述,并谨慎尝试风格融合。另提及权重分配与负面提示词可优化画面元素占比及修正异常问题。

2026-06-04 16:23:09 83

原创 AI视频创作笔记(三)故事剧本创作

本文介绍了一种结构化叙事方法:1)先确立主镜头对应关键节点;2)为主镜头扩展分镜补充细节;3)采用"起承转合"架构,通过情节反转制造跌宕起伏的故事曲线。核心在于通过主次镜头设计和多重转折构建富有张力的叙事结构。

2026-06-04 11:21:52 234

原创 AI视频创作笔记(二)分镜、运镜、角度

摘要:影视镜头语言基础指南 本文系统介绍了影视制作中的镜头语言要素,主要包括三个部分:1)分镜设计:通过画格规划每个镜头的内容、机位、构图等,景别从远景到微距各有不同功能;2)运镜技巧:通过FPV无人机等设备实现动态拍摄,案例展示10秒内多种复杂运镜组合;3)拍摄角度:详细解析平视、仰拍、俯拍等6种经典角度及其情感表达效果,其中45度斜俯/仰最常用。全文提供了从分镜到拍摄的完整技术框架,强调声音设计对氛围营造的关键作用,是影视创作的实用操作手册。

2026-06-03 21:07:51 495

原创 AI视频创作笔记(一)构图、光影、调度

本文系统介绍了影视创作的三大核心技法:构图、光影与调度。构图部分详解了中心构图(10-15%使用率,突出情感)、对称构图(10%,表现庄严)、三分法(50%+,万能构图)等7种方法及适用场景;光影模块解析了顶光(制造神秘)、侧光(硬汉气质)、伦勃朗光(质感提升)等6种布光技巧;调度章节则通过人物朝向(全正面表焦虑、45度背面试图带入感)和运镜设计,阐述如何强化画面感染力。全文配有AI提示词范例,为影视创作者提供了一套完整的视觉语言工具箱。

2026-06-02 22:28:04 485

原创 Android模拟器不显示虚拟键盘的问题

摘要:解决虚拟机中虚拟键盘无法显示的问题,只需进入系统设置,依次打开键盘选项,找到Gboard设置,开启实体键盘下的"显示屏幕键盘"功能即可。这一简单操作能让虚拟键盘正常显示。

2026-05-17 12:04:44 99

原创 Taro v4.2.0 scss使用“@/xxx“的配置方法

本文介绍了如何在Taro项目中配置SCSS文件路径别名。通过在config/index.ts配置文件中引入path模块,并添加alias属性设置'@'为src目录路径,即可实现在SCSS文件中使用"@/xxx"的路径写法。该方法经过验证有效,解决了Taro默认配置不支持SCSS文件路径别名的问题。

2026-05-09 22:40:31 130

原创 Taro 小程序开发注意事项(不定期记录更新)

本文总结了Taro开发中常见问题的解决方案:1)Webpack编译慢可通过配置优化;2)图片auto尺寸需使用mode属性;3)推荐使用Taro 3.6.39稳定版,4.x版存在兼容性问题;4)小程序启动时添加--clear参数可清除缓存;5)删除project.private.config.json文件可解决自动刷新问题。这些方案涵盖了编译、UI、版本选择和小程序调试等多个开发环节的典型问题。

2026-03-08 20:09:19 531

原创 Taro Webpack 5 编译过慢的解决方案

本文介绍了优化Taro Webpack编译速度的配置方案,核心提速措施包括:1)开启持久化缓存(cache.enable)提速80%+;2)关闭预打包(prebundle.enable)减少额外编译;3)缩小文件监听范围;4)缩短CSS哈希长度。通过保留必要配置(别名、插件)并去除冗余项,实测编译时间从6秒降至1秒内。适用于React框架的Taro小程序开发项目,特别适合小型项目优化编译效率。

2026-03-08 19:54:15 158

原创 SpringCache 缓存使用总结

摘要:本文分享了在SpringBoot 3.x中解决缓存问题的实践方案。由于JetCache对SpringBoot 3.x支持不完善,特别是@Cached注解的变量key失效问题,作者最终采用SpringCache作为替代方案。文章提供了两种实现方式:1)纯本地缓存(Caffeine)方案,包含完整依赖配置、缓存管理类和增删改查示例;2)本地+Redis混合缓存方案,包含相关配置和混合缓存管理实现。两种方案都详细说明了注解参数含义和使用场景,为开发者提供了在SpringBoot 3.x环境下完整的缓存解决方

2026-02-22 13:44:59 593

原创 SpringCloud 多模块下引入独立bom模块的正确架构方案

本文介绍了一个基于Maven的微服务项目依赖管理架构。项目采用多模块结构,包含服务模块(auth-service/gateway/iam-service)和共享模块(common/core/jwt)。核心是通过全局BOM(config/bom)统一管理所有依赖版本,包括Spring Boot(3.5.9)、Spring Cloud(2023.0.5)等框架版本以及常用工具库。根项目继承全局BOM并管理子模块,各微服务只需声明依赖无需指定版本。这种架构实现了依赖版本的集中控制,确保依赖一致性,同时简化了子模块

2026-02-20 15:29:39 203

原创 Zod 常用案例总结

Zod 极简教程摘要 Zod 是一个 TypeScript 优先的运行时数据校验库,核心功能包括数据校验和自动推导 TS 类型。本教程包含: 基础入门: 单个基础类型校验(字符串、数字、布尔值) 添加修饰符(长度限制、范围、默认值) 核心实战场景: 对象校验(表单/接口数据) 自定义规则(如密码一致性校验) 数组和联合类型处理 React 整合: 完整表单校验实现方案 自动推导表单类型 错误处理与状态管理 教程提供可直接运行的代码示例,覆盖90%常见需求,适合零基础快速上手。

2026-02-12 13:54:24 569

原创 Spring Security 6.x 常用功能的案例总结

本文介绍了Spring Security的核心实现与配置方法。主要内容包括:1. 极简实现案例,通过添加starter-security依赖快速集成,演示默认登录页和密码加密配置;2. 自定义登录逻辑,实现UserDetailsService接口完成用户认证,使用BCryptPasswordEncoder进行密码加密;3. 前后端分离配置,自定义SecurityFilterChain和登录接口,实现JSON响应和无状态认证;4. 获取登录用户信息的5种方法,包括SecurityContextHolder和注

2026-02-10 20:55:03 775

原创 Electron Forge集成React Typescript Vite完整步骤

本文介绍了使用ElectronForge创建跨平台桌面应用的全过程。首先通过npx命令初始化项目,选择TypeScript和Vite构建工具,配置了开发、测试和生产环境的脚本命令。然后集成React框架,添加相关依赖并配置TSX组件。针对开发中遇到的安全警告,通过动态配置CSP策略解决,区分开发和生产环境的不同安全要求。最后完善TypeScript配置,设置模块解析路径和严格类型检查。整个过程涵盖了项目初始化、框架集成、安全配置和开发环境优化等关键环节,为构建Electron+React+TypeScrip

2026-02-08 22:23:37 835

原创 Spring Security Oauth2.1 授权码模式实现前后端分离的方案

我在网上查阅了大量资料,始终没找到授权码模式前后端分离的实际落地案例,于是结合前后端做了本地测试,最终梳理出了该模式下前后端分离的可行解决方案

2026-02-06 18:37:40 732

原创 SpringBoot3 当前最新版knife4j openapi3 集成方案

本文介绍了在Spring Boot项目中集成Knife4j和Swagger3 API文档的完整配置方案。主要内容包括:1) 引入Knife4j依赖;2) 配置YML文件设置文档路径、分组和扫描包;3) 自定义OpenAPI属性类;4) 启动类配置;5) 创建OpenAPI配置类定义文档信息;6) 生产环境关闭文档的安全配置。该方案通过属性配置和注解结合的方式,实现了API文档的可维护管理,并提供了开发/生产环境的切换方案。文中还附带了最新注解的参考链接。

2026-02-04 16:50:38 749

原创 OpenAPI 3.0(Swagger3/Knife4j)完整简洁注解清单

摘要:本文整理了OpenAPI 3.0(Swagger3/Knife4j)的完整注解清单,适配Spring Boot3.x和Knife4j v4.x。内容涵盖类/方法/参数/请求体/响应/模型/通用配置等七大类注解,包括@Tag、@Operation、@Parameter、@RequestBody、@ApiResponse、@Schema等核心注解的使用说明和示例代码。这些注解来自io.swagger.v3.oas.annotations包,可完全替代Swagger2旧注解,与Knife4j完美兼容,提供简

2026-02-04 16:15:25 921

原创 Web前端 网页版本更新时同时更新浏览器缓存

本文针对Web前端版本更新与浏览器缓存冲突问题,提出基于NextJS框架的解决方案。通过在入口文件设置禁用缓存元标签、在环境变量中配置版本号,并开发静态资源版本号拼接工具函数,实现版本更新时强制刷新缓存、未更新时复用缓存的效果。方案特别区分了需要手动添加版本号的资源(如图片、第三方CSS等原生标签引入的资源)和NextJS自动处理的模块化导入资源,既保证了缓存控制的精确性,又降低了维护成本。最终达成静态项目版本更新与缓存管理的最优平衡。

2026-02-01 14:41:40 449

原创 Maven依赖管理最佳实践:BOM vs 父模块继承

微服务依赖管理方案对比 BOM方式与父模块继承方式是两种常见的微服务依赖管理方案。BOM方式通过独立模块管理依赖版本,具有高灵活性、清晰架构和低维护成本,适合5+服务的企业级项目。父模块继承方式简单直接但不够灵活,适合1-5个服务的小项目。实际应用中,BOM方式能实现职责分离、明确版本来源和独立升级,符合微服务理念,被Spring等主流框架采用。建议大型项目优先选择BOM方式,小型项目可考虑父模块继承方式。

2026-01-30 15:24:01 644

原创 Nativewind v4 第三方组件使用className的方案

摘要:React Native项目中,使用NativeWind为第三方组件(如fast-image)添加className支持时,可通过cssInterop方案解决样式失效问题。具体步骤为:1)导入cssInterop函数;2)包装目标组件并配置className到style的转换;3)在封装组件中透传className属性。该方法遵循NativeWind v4官方推荐,确保类型安全且性能可接受,已在实际Image组件中验证有效。核心要点是直接包装底层组件而非业务组件,并完整透传样式属性。

2026-01-29 16:28:44 541

原创 Web前端 认证token的安全存储策略

前言:最安全的方案不一定用户体验最优,需根据合适的场景选择安全策略。这里,我主要针对大多数常规业务场景下的实施方案进行分析。这些方案通常不适用于银行、金融、支付等高安全性场景,因为这类场景通常需要进行二次生物验证或其他安全性较强但可能影响用户体验的验证措施。

2026-01-27 15:42:59 1144

原创 前端 IndexDB 使用指南

摘要:IndexedDB是浏览器中的大容量本地数据库,适合存储复杂数据(如文件、JS对象等),相比localStorage具有更大容量(250MB+)和更强大的查询功能。本文提供完整的IndexedDB使用指南,包括安装方法、核心操作(增删改查)、React组件集成示例以及工具类封装。重点介绍了IndexedDB与localStorage的对比、适用场景(离线应用、大文件存储等)和注意事项(不适合存储敏感信息)。同时包含版本控制、错误处理等关键概念说明,帮助开发者快速掌握IndexedDB在Web应用中的实

2026-01-27 13:38:49 1252

原创 React Native Andriod清理失败或构建失败时手动清理

Android项目构建失败时,可通过手动清理关键目录解决:删除build/、app/build/和.gradle/目录,这些目录包含构建输出和缓存文件,清理后可重新执行./gradlew clean命令完成构建。

2026-01-27 13:19:01 145

原创 React Native MMKV完整封装

本文介绍了一个基于MMKV的封装架构,包含核心封装和数据隔离加密封装两部分。核心封装通过BaseStorage.ts定义基础存储接口,LocalStorage.ts实现本地数据管理;数据隔离加密封装通过StorageManager.ts管理多用户数据隔离,支持加密存储。架构采用工厂模式创建存储实例,包含普通存储和加密存储两种方式,通过keyGenerator.ts生成动态加密密钥。该方案实现了应用级数据隔离与安全存储,适用于用户敏感数据管理,同时提供灵活的存储切换和清理功能。

2026-01-27 12:44:07 425

原创 React Native KeyChain完整封装

KeyChain的普通安全存储和生物识别存储的完整封装案例总结

2026-01-25 20:36:01 394

原创 ReactNative社区版 集成React Native Paper的项目命名问题

React Native社区版项目命名方式影响集成结果:带下划线命名的项目多次集成失败,而采用大驼峰命名格式的项目则顺利集成。实验表明,社区版项目应遵循大驼峰命名规范以避免兼容性问题。开发者需注意命名规范对项目集成的影响。

2026-01-24 04:04:24 147

原创 ReactNative MMKV和React Native Keychain存储本地数据

React Native存储方案对比与使用指南 本文对比了React Native中两种主流存储方案:MMKV和Keychain。MMKV作为AsyncStorage的替代方案,具有同步操作、高性能、线程安全、支持加密和无容量限制等优势,适合存储非敏感数据。Keychain则提供系统级安全加密,适合存储密码、token等敏感信息。文章详细介绍了两种方案的具体使用方法,包括基础操作、数据加密、多实例管理、监听变化等核心功能,并给出了实用封装示例和场景建议。对于安全要求高的金融、医疗类应用,推荐使用Keycha

2026-01-18 18:28:42 1228

原创 TailWindCss cva+cn管理样式

CVA(class-variance-authority)是一个简化Tailwind CSS样式管理的工具,通过"配方"概念实现组件样式的集中管理。它允许开发者预先定义组件变体(如按钮颜色、尺寸),使用时只需传递参数即可自动生成正确类名,避免了手动拼接样式的繁琐。相比传统方式,CVA提供更好的类型提示、更少的错误和更便捷的修改。配套工具cn(clsx+twMerge)则用于处理临时样式调整和类名冲突。两者配合使用:CVA管理设计规范,cn处理特殊情况,形成完整的样式解决方案。

2026-01-17 19:51:23 1069

原创 Windows 安装多版本JDK实现版本切换

本文介绍了JDK安装与版本切换的配置方法。首先需从Oracle官网下载所需版本的JDK并安装。然后通过系统环境变量设置:1)新建不同版本的JDK路径变量;2)设置JAVA_HOME变量指向当前使用版本;3)在Path中添加%JAVA_HOME%路径。切换版本时只需修改JAVA_HOME指向对应的JDK版本变量即可完成快速切换。整个配置过程包含下载、变量设置和路径检查三个主要步骤。

2026-01-04 14:53:38 521

原创 前端项目架构 项目格式化规范篇

本文介绍了如何通过VSCode和Prettier实现项目代码格式化统一。首先推荐安装必要的VSCode插件并配置统一的setting.json文件,包括编辑器样式、格式化规则等。其次详细说明了在项目中配置Prettier的步骤:安装依赖、创建.prettierrc.cjs配置文件、设置忽略文件、集成ESLint规则等。文章还提供了格式化优先级说明和具体案例,展示了JavaScript/TypeScript代码、React组件、工具函数等在不同场景下的格式化效果。通过这套方案,可以确保团队成员遵循统一的代码风

2025-12-27 13:54:34 583

原创 TanStack Query(React Query) 常用api及操作总结

本文总结了React Query的常用API及操作技巧,涵盖数据查询、修改、缓存管理等核心功能。主要内容包括:1. 常用API分类介绍(查询Hook、修改Hook、缓存管理方法);2. 典型操作场景(基础/分页查询、乐观更新、批量操作);3. 优化技巧(防抖查询、依赖查询);4. 全局配置与请求取消;5. 实战示例(表单提交、分页列表);6. 最佳实践(查询键设计、缓存策略等)。文章提供了详细的代码示例,帮助开发者高效处理React应用中的数据交互需求。

2025-12-21 20:00:21 441

空空如也

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

TA关注的人

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