- 博客(107)
- 收藏
- 关注
RSS订阅原创 网页包装为桌面应用（electron版）
使用 Electron 将在线网页封装成独立的 Windows 桌面应用程序。npm start显示了自定义图标 ✅打包时因为网络问题无法下载签名工具，导致图标无法嵌入到 exe 文件中 ❌解决方案有几个：方案1：手动下载签名工具缓存# 手动下载 winCodeSign-2.6.0.7z 并放到缓存目录方案2：使用 ResHacker 或其他工具手动修改图标方案3：暂时接受现状（虽然打包失败，但 exe 文件已经生成在，只是图标是默认的）
2025-12-31 15:17:51
1269
原创 网页包装为桌面应用（Nativefier版）
Nativefier 是一个开源的命令行工具，用于将任何网站快速打包成独立的桌面应用程序，支持 Windows、macOS 和 Linux 系统。它基于 Electron 框架，使用 Chromium 内核渲染网页，生成的本地应用可执行文件（如 .exe、.app 或 .deb）可直接运行。
2025-12-31 14:28:02
534
原创 发送到飞书机器人的完整流程（拓展）
技术点实现位置说明消息格式使用卡片消息 +lark_mdMarkdownURL 验证多重验证确保 URL 合法性错误处理双层HTTP 状态码 + 飞书 API 错误码降级方案剪贴板复制手动发送格式转换HTML → 飞书 Markdown状态管理publishing→completed。
2025-12-30 16:54:46
707
原创 录音与阿里云ASR实时识别实现流程
获取到的相关Key自己手动配置在.env文件即可。录音结束后（录音开始时就获取到了token）库实现浏览器录音功能。
2025-12-29 17:46:58
707
原创 AI Skills认知
Skills 就像是将特定的业务场景和 AI 能力封装成一个标准化的"技能包"或者"记忆包"，包含配置说明、服务实现和集成规范，能将它从一个通用 AI 变为精准执行特定任务的专家。其采用渐进式披露机制，它并不会一次性加载所有的内容，而是分层、按需调用。Skills 主要是去教 Claude “如何做” 一件事（内部知识和流程），而工具是让 Claude “去做” 一件事（调用外部数据或执行动作）。其采用渐进式披露机制，它并不会一次性加载所有的内容，而是分层、按需调用。脚本、模板、参考文档（存在情况下）
2025-12-29 16:08:52
520
原创 request 拒绝外部 API 请求
直接使用封装的request去请求外部API接口，接口能够访问上，也能够成功的处理数据，但是控制台并没有打印data获取到的接口响应数据。字段，只有返回相关字段内容的一个对象内容。时会拒绝Promise。但外部API返回的数据结构中没有。按照这样定义函数之后就能够成功的调用以及获取响应的内容了。来调用外部API，绕过。
2025-12-23 14:38:33
139
原创 React 富文本图片上传 OSS 并防止 Base64 图片粘贴
这是一个在富文本编辑器中实现自定义图片上传到阿里云OSS、并防止Base64图片粘贴的完整方案。实现富文本请参考https://blog.csdn.net/qq_70172010/article/details/156090593?spm=1001.2014.3001.5501关键点： 安全性：通过后端获取签名，避免在前端暴露AccessKey文件唯一性：使用时间戳作为文件名，防止覆盖非阻塞上传：使用XMLHttpRequest支持进度监控直接插入：上传成功后直接将图片插入编辑器，无需二次
2025-12-23 10:50:30
454
原创 React 实现富文本（使用篇&Next.js）
而在 React 18 的**并发模式（Concurrent Mode）**或 **严格模式（Strict Mode）**下，这个 API 已经被废弃或限制使用，尤其是在 Next.js 或 Vite 环境中。可以有效避开 SSR 期间的报错以及 DOM 节点的引用冲突。在React 18版本下的使用应该是没有问题的！，在这个库在 React 18 环境下（特别是开启了。Next.js 或类似的 SSR 框架，对象，必须在客户端加载。时）存在已知的兼容性问题。
2025-12-19 17:43:12
277
原创 Vue2实现PC端高德地图选点功能
基于 Vue2 + 高德地图 JS API 2.0 实现 PC 端地址选点功能，支持定位当前位置、关键词搜索地址、地图点击选点、地址信息回显，采用父子组件分离设计，子组件封装地图核心能力，父组件通过弹窗调用并接收选点结果。
2025-12-17 13:27:53
246
原创 前端 Word 导出：自定义页眉表格的实现方案
布局：4 列 2 行结构，第二列合并两行显示核心信息内容：包含标识文本（VOSS、Job Description）、职位名称、版本信息（Issue No.）、日期（Issue Date）、编制人（Compiled By）、审批人（Approved By）样式：统一边框、文字居中对齐、固定列宽比例、垂直居中布局适配：页眉在文档每一页顶部显示，与正文内容分离列索引（宽比例）第 1 行内容第 2 行内容特殊配置列 1（25%）VOSS（标识文本）
2025-12-08 08:57:10
1170
原创 部署服务器遇到Eslint规则错误
这是因为在npm install全局下载了，没有按需下载造成eslint打开了，这个规则有时候就很烦人。这也是因为在前端项目中引入了Button、Checkout等却没有使用造成打包的问题。这是因为前端的package.json中引入了video库，但是并没有使用造成的。src根目录下创建.eslintrc.js文件关闭eslint即可。
2025-11-28 10:22:32
233
原创 前端实现接口公开访问（后端鉴权）
两种方式的前端适配逻辑完全一致（都是要去掉不必要的token和clientid），核心差异在后端的配置和鉴权逻辑方式一：接口本身无鉴权，直接公开访问；方式二：接口有全局鉴权，但通过白名单放行，配置更灵活、安全。推荐优先选择方式二（后端加白名单），因为后续如果需要调整白名单范围（比如新增类似路径），后端可以统一配置，无需修改接口逻辑；前端适配成本和方式一完全相同。headers: {// 清除拦截器默认添加的参数},});
2025-11-28 09:45:26
887
原创 轻量 URL 传参方案：查询参数跨页面数据传递实践文档
"简单暴力传参法"是一种通过URL查询参数(Query Parameters)在不同页面间传递数据的简单直接方法。这种方法适用于简单的数据传递场景，无需复杂的状态管理。
2025-11-26 14:22:06
145
原创 React 项目开发指南：脚手架搭建、Axios 封装与 Gitee 远程仓库配置
React 项目脚手架搭建- 使用 Create React App 快速创建项目Axios 二次封装- 统一的请求/响应拦截、错误处理、API 管理Gitee 远程仓库连接- 版本控制、自动化部署这套配置为 React 项目开发提供了完整的基础设施，能够提高开发效率，保证代码质量，并支持团队的协同开发。
2025-11-24 16:30:49
844
原创 React VideoPlay 组件封装与使用指南
VideoPlay 是一个基于 React 的高效视频播放器组件，提供了简洁的 API 和完整的播放控制功能，支持视频方向检测和响应式设计。VideoPlay 组件提供了简单易用的视频播放解决方案，通过合理的封装和完整的 API 设计，可以快速集成到各种 React 应用中。根据具体需求，您可以进一步扩展其功能或自定义样式。注意⚠：该组件仅供参考！！！
2025-11-21 15:29:52
570
原创 Zustand 状态管理库使用说明（含实战示例）
安装依赖：项目需先安装 zustand（），如需持久化需额外安装中间件（已包含在示例中）。存储创建流程：用create函数包裹状态和方法，通过set修改状态、get获取状态。需持久化时，用persist包裹create的回调函数，配置存储键名和存储方式。组件使用流程：导入对应存储（如解构需要的状态（如count）和方法（如increment直接在组件中绑定状态到 UI，绑定方法到事件（如onClick。
2025-11-13 14:41:25
1127
原创 基于 Dify 实现 AI 流式对话：组件设计思路（React）
通过封装 API 交互层（useDifyAgent）分离业务逻辑与 UI 渲染，同时设计合理的状态管理策略，让前端既能实时响应 AI 的流式输出，又能保持良好的用户体验。这种架构不仅适用于招聘场景，还可推广到客服、教育等需要 AI 实时交互的领域。关键在于理解流式响应的事件机制，以及如何设计组件间的通信方式，让整个流程清晰可维护。
2025-11-12 11:33:52
926
原创 本地前端独立开发（后端未启动）登录解决方案
利用测试环境已部署的后端服务（后端代码已提交至测试服），通过临时切换前端代理目标地址，先登录测试服获取有效 token，再将 token 复用至本地项目，实现本地前端免后端登录。本地启动 React+Vite 前端项目后，若后端服务未启动或本地后端环境异常，直接访问本地页面（如。）会因无法调用登录接口，导致无法正常登录系统，阻碍前端功能开发与调试。
2025-11-07 16:20:50
290
原创 利用 pdfjs-dist 打造React版PDF神器：链接转单页PDF组件全解析
这个基于 React 开发的 PDF 组件，旨在解决实际应用中链接形式 PDF 原件处理不便的问题，它的核心功能是将左侧带预览、右侧是实际 PDF 内容（以链接形式呈现的原件）转换为单个 PDF 格式的内容。在许多在线文档管理系统或电子阅读平台中，常常会遇到链接形式的 PDF 文档，用户需要点击链接跳转到新页面查看，并且无法直接对文档进行本地保存和常规的文件操作。
2025-11-07 14:52:41
1321
原创 前端新人入职必备：开发环境快速搭建
完成以上工具与环境的搭建，就具备了前端开发的基本条件：用 VS Code 编写代码，或者 Trae 来实现，通过 Git 管理代码版本，借助 Node.js 运行项目，最后用谷歌浏览器验证效果。◦ 开发模式选择：新手推荐先试用「SOLO 模式」（AI 主导开发，自动生成代码框架），熟悉后可切换「IDE 模式」（保留传统编码流程，手动控制开发节奏）；◦ 插件兼容：支持导入 VS Code 插件，无需重复配置，同时内置字节定制化插件（如内部接口调试、代码规范检查插件），适配字节系项目更高效。
2025-10-26 17:50:51
425
原创 互联网公司软件开发全流程规范文档
本文档旨在明确互联网公司软件开发的标准流程，覆盖从项目立项到正式上线的全生命周期，规范产品、前端、后端、测试等核心角色的职责与协作方式，确保每一期需求开发均能高效、有序推进，保障产品质量与交付效率。
2025-10-22 15:14:45
747
原创 深入理解 JavaScript 事件循环：从理论到实战
同步任务 → 所有微任务 → 一个宏任务 → 该宏任务产生的所有微任务 → 下一个宏任务...事件循环机制对于编写高效的 JavaScript 代码至关重要，尤其是在处理复杂的异步操作时。JavaScript 是单线程，通过事件循环处理异步操作任务分为同步任务、微任务和宏任务执行顺序：同步任务 → 所有微任务 → 宏任务（每次一个）每个宏任务执行完毕后，会先清空所有微任务再执行下一个宏任务。
2025-10-22 11:05:38
686
原创 Steps + Input.TextArea + InfiniteScroll 联调优化
modalInitialLoading 添加内容加载显示。
2025-10-21 10:29:21
210
原创 前端与后端 Node.js 比较
前端用 Node.js 是 “借环境跑工具”，为了开发前端代码；后端用 Express 是 “用 Node.js 做服务器”，直接开发后端业务。如需了解后端 Node.js 的 Express 框架请参考文章（其包含前端使用、后端开发、数据库使用、axios二次封装）：快速上手vue3+js+Node.js_vue3 nodejs-CSDN博客。
2025-10-20 11:24:46
974
原创 Steps + Input.TextArea 实现弹窗内容
每一条记录都需要展示候选人/更新时间，支持编辑与实时保存；注意⚠：本文只是提供参考，还未联调完善！以链路时间线的形式展示人才特征模型更新记录；列表无限向下滑动分页。
2025-10-17 16:13:34
242
原创 React does not recognize the `preventDefault` prop on a DOM element.
是一个方法，通常用于阻止事件的默认行为（如表单提交的页面刷新），而不是作为属性传递给 DOM 元素。作为属性传递给 DOM 元素的地方，将其移除，并在事件处理函数内部通过事件对象。这个错误提示表明你在某个 DOM 元素上使用了。作为属性，而 React 不认识这个属性。在你的代码中，找到将。
2025-10-16 14:01:31
180
原创 ShowCountCard 功能迭代：新增周月对比属性，完善数据可视化场景
该功能用于数据统计卡片的 “同比 / 环比比较展示”，适配 “对话次数、发起需求、职位发布、平均时间、筛选次数、合格候选人、人才简历库”7 类核心业务数据，支持 “全部时间、周、月”3 种时间维度切换，最终在前端卡片中显示 “较上周 / 较上月” 的数值变化，并通过颜色区分数值正负，帮助用户快速识别数据趋势。
2025-10-15 16:46:17
1089
原创 自定义 ShowCountCard 组件：数据可视化展示的灵活方案
在后台管理系统开发中，数据卡片是展示关键指标的常用元素。今天我想分享一个我们项目中自定义的组件，它通过灵活的属性配置，能够满足不同场景下的数据展示需求。
2025-10-14 17:47:04
633
原创 如何优雅区分前端列表的初始化空状态与筛选后空状态
在开发数据列表页面时，我们经常会遇到 "空状态" 展示的问题。最容易混淆的两种场景是：用户刚进入页面时的初始化空状态（确实没有任何数据），和用户进行筛选操作后的空状态（有数据但不符合筛选条件）。这两种场景需要展示不同的提示信息和操作指引，否则会给用户带来困惑。
2025-10-14 15:14:31
559
原创 大模型与智能体：别再混淆了！一张表讲清核心差异
简单来说，大模型解决的是 “知不知道” 的问题，智能体解决的是 “能不能做到” 的问题。随着 AI 技术的发展，未来我们看到的 AI 应用，大概率不会是纯粹的大模型或智能体，而是以 “智能体为载体、大模型为核心” 的组合形态 —— 毕竟比起 “能说会道”，“能办实事” 才是大多数人对 AI 的终极期待。
2025-10-13 15:58:58
521
原创 基于 React 的步骤条组件实现：根据状态动态展示流程进度
{ name: '发起审核', time: record.createTime },{ name: '部门审核中', time: record.departmentTime },{ name: '发起人确认', time: record.affirmTime },{ name: '领导审核中', time: record.leaderTime },{ name: '审核完成' }这个动态步骤条组件通过状态值与步骤完成情况的映射关系，实现了流程进度的可视化展示。
2025-10-10 14:51:31
537
原创 前端通用文件下载方案：从 Blob 流处理到实际业务落地
通用性：工具函数可复用于所有 Blob 流下载场景（Excel、PDF、ZIP 等）；健壮性：覆盖网络错误、业务错误、参数校验等场景，减少异常情况；可扩展性：支持进度监听、大文件分片（需后端配合）、多类型文件适配等扩展需求。在实际项目中，可根据后端接口约定、UI 库差异调整代码细节，但核心逻辑（Blob 流处理、下载触发、异常捕获）保持一致。希望本文能帮助你高效实现前端文件下载功能！
2025-10-09 10:33:07
1311
原创 前端数组去重：3 种常用方法原理与实战解析
在前端开发中，数组去重是高频出现的需求 —— 无论是处理接口返回的重复数据、过滤用户输入的重复选项，还是整理本地存储的列表数据，都需要通过去重保证数据的唯一性。本文将聚焦三种最常用的数组去重方法：Set 方法、filter + indexOf 方法、reduce 方法，从原理拆解到代码实战，带你彻底掌握数组去重的逻辑与应用场景。。
2025-09-28 16:33:35
1397
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人