- 博客(73)
- 收藏
- 关注
RSS订阅原创 周末杂谈：桌面互动游戏教程-AR大富翁
本文介绍了利用索尼toio核心Q宝机器人开发AR大富翁游戏的过程。文章首先回顾了大富翁游戏的基本规则，包括资金管理、掷骰子移动、房产买卖等核心玩法。随后详细讲解了Q宝机器人的技术实现方案，包括角色绑定、坐标读取、移动控制等关键功能。在开发过程中，作者遇到了蓝牙连接问题并提供了多种解决方案。通过使用网格定位和异步编程技术，实现了Q宝机器人的精准移动和多设备协同操作。文章还展示了游戏事件触发机制的设计思路，并附有demo视频链接。该方案充分发挥了toio机器人的互动特性，为传统桌面游戏增添了AR科技元素。
2026-02-07 10:38:34
174
原创 周末杂谈：UI-UX Pro Max Skill：为AI编程助手注入专业设计智能的终极利器
《UI-UX Pro Max Skill：为AI编程助手注入专业设计智能》介绍了这款开源插件如何解决AI生成界面"像Demo"的问题。该工具将24.9k设计资源、57种UI风格和95套配色方案结构化，使AI能像设计师一样思考。其工作原理包括需求分析、规范检索、方案生成等步骤，确保输出符合专业标准。最新V2.2版本优化了架构，支持多种技术栈，显著提升了设计一致性。相比传统方法，该工具让AI不仅会写代码，更懂设计系统，正推动设计系统从静态模板向动态知识库的演进。
2026-02-07 10:14:05
392
原创 前端八股文面经大全：26届秋招滴滴校招前端一面面经-事件循环题解析
本文解析了滴滴校招前端面试中的事件循环题目，通过代码示例详细展示了JavaScript执行顺序：同步任务（1,2）→微任务（3,8,4,9）→宏任务（5）及其内部微任务（6,7）。文章从三个层次剖析面试官考察点：基础概念（事件循环机制）、执行细节（Promise构造函数特性）和易错点（setTimeout延迟0的含义），并提供了面试追问方向和回答评价标准。建议开发者通过实践验证和阅读规范深入理解事件循环机制，强调面试中系统化分析能力比死记答案更重要。欢迎投稿真实面试经历和技术思考，共同沉淀前端面试知识。
2026-02-06 11:18:29
516
原创 午间杂谈：马年了还不会整活，手把手教你用纯CSS打造一匹会奔跑的骏马！
本文详细介绍了如何用纯CSS实现一匹奔跑的骏马动画。通过解剖马的8个关键部位和60个尘土粒子系统，展示了CSS动画的高级技巧：使用CSS变量控制动画参数、12帧关键帧模拟真实运动、多层嵌套动画协调。文章提供了完整的HTML结构和CSS代码示例，包括慢动作切换功能，并解析了响应式布局与性能优化方案。该动画无需JavaScript，仅用CSS就实现了丝滑流畅的奔跑效果，展现了CSS的强大动画能力。
2026-02-06 10:32:42
456
原创 TinyEngine：效率狂飙！这款低代码物料导入工具让我彻底告别996
摘要： TinyEngine物料自动导入工具通过智能解析技术解决低代码平台组件接入难题。支持URL、NPM、源码三种方式一键导入： URL导入：Puppeteer爬取文档+LLM智能提取 NPM导入：自动下载解析组件库源码 源码导入：AST分析Vue/React组件生成标准协议 采用Node.js+MySQL+Vue3技术栈，实现前后端分离架构，部署仅需10分钟。相比传统手动配置（2-3天/组件库），该方案可将效率提升至30分钟/组件库，显著降低错误率，支持Element Plus等主流库的快速接入。
2026-02-05 13:17:44
577
原创 HarmonyOS 6实战（源码教学篇）：Core Vision Kit 人像算法解析——告别“一刀切”，实现人像优先的智能压缩
本文探讨了HarmonyOS Core Vision Kit实现人像优先智能压缩的技术方案。针对传统全局压缩导致人像模糊的问题，提出了基于视觉焦点理论的差异化压缩策略：通过人脸检测获取视觉焦点区域，利用图像掩码技术实现分区域精确控制，对重要区域（如人脸）保持高质量，次要区域（如背景）进行适度压缩。文章详细解析了鸿蒙系统图像压缩的底层原理，包括质量压缩和尺寸压缩两种方式，并展示了如何将PixelMap的位图操作与人像识别相结合，实现像素级的智能压缩处理。该方案有效解决了证件照等场景下用户对人像清晰度的核心需求
2026-02-05 10:02:27
1640
原创 午间杂谈：Moltbook数据泄露背后，一个由AI“速成”的社交网络与它缺失的安全底线
摘要： AI社交平台Moltbook因“零代码”开发模式引发关注，但其暴露严重安全漏洞：前端代码泄露Supabase API密钥且未启用行级安全策略（RLS），导致150万AI智能体的API密钥、3.5万用户邮箱及私信数据可被任意访问，甚至允许篡改平台内容。安全团队发现，平台实际由1.7万用户操控150万“AI智能体”，暴露出AI生成代码的隐患——缺乏安全基线意识。事件警示开发者：AI开发需同步重视安全配置（如RLS、密钥管理），数据真实性验证及写入权限控制，未来“氛围编程”工具应内置安全模版与自动检查机制
2026-02-04 13:06:13
531
原创 HarmonyOS 6实战（源码教学篇）— MindSpore Lite Kit 【从证件照工具到端侧图像分割技术全解析】
摘要：本文介绍了如何在HarmonyOS上使用MindSpore Lite实现本地AI人像分割技术，开发离线证件照处理工具。文章从端侧AI的优势（离线可用、数据隐私）切入，详细讲解了MindSpore Lite Kit的开发流程，包括模型转换与部署。通过核心代码展示了图像预处理、AI推理（1024×1024人像分割模型）及后处理的全流程，并对比了云端方案的局限性。该项目验证了端侧AI在移动设备上实现复杂图像处理的可行性，为开发者提供了HarmonyOS+MindSpore Lite的完整实践案例。（149字
2026-02-04 10:22:48
973
原创 午间杂谈：拒绝性能优化！OpenAI 工程师自曝：我们故意把简单问题变复杂
OpenAI工程师自曝Codex智能体系统的"反常识"设计：为保护用户隐私，他们故意放弃性能优化方案，选择每次传输完整上下文而非增量更新。文章揭示了Codex已从单一模型进化为包含CLI、云端服务和IDE插件的完整代理系统，通过结构化提示组装和极致的工程细节把控（如提示缓存、加密压缩等）实现可靠运行。这一设计体现了OpenAI将隐私安全置于性能之上的价值观，也标志着AI竞争已从模型能力转向系统可靠性和工程纪律的比拼。相关代码和设计思路已在GitHub开源，为行业提供了宝贵参考。
2026-02-03 11:35:08
563
原创 HarmonyOS 6实战（源码教学篇）— Image Kit 高阶技巧【图片大文件编解码与内存优化】
摘要： 本文针对HarmonyOS开发中图片大文件编解码与内存优化问题，通过对比优化前后性能数据（如单张证件照处理速度提升70%），深入解析ImagePacker实战优化、DMA内存与共享内存的性能差异，以及分块处理大文件的技巧。重点介绍了如何通过智能参数选择、DMA内存自动启用条件和分块读取策略，有效解决内存占用过高、处理卡顿等问题，并提供了规避系统内存限制的实用方法，帮助开发者显著提升图片处理效率。
2026-02-03 10:00:03
841
原创 午间杂谈：深挖Wan2.2-T2V-A5B：从技术内核到企业数字人实战
Wan2.2-T2V-A5B是一款专为中文商业场景优化的文本转视频大模型，通过"文本编码+时空注意力扩散模型+A5B算力优化"三层架构，解决了传统T2V模型的中文理解差、视频跳变等问题。其核心技术包括：1）基于BERT的中文文本编码器，能理解商业风格、镜头语言等深层语义；2）时空注意力机制确保视频帧间流畅过渡；3）A5B优化使消费级显卡也能流畅运行。该模型可快速将企业文案转化为专业宣传视频，显著降低制作成本和时间。
2026-02-02 11:27:06
596
原创 HarmonyOS 6实战（源码教学篇）— PinchGesture 图像处理【仿证件照工具实现手势交互的canvas裁剪框】）
本文基于HarmonyOS 6开发环境，详细讲解了如何从零实现一个专业级的图像裁剪工具。文章重点解决了移动端手势交互的三大核心难题：手势自然性、坐标系统复杂性和视觉效果精细度。通过Canvas绘制专业裁剪框，利用PinchGesture实现捏合手势交互，并深入解析矩阵变换计算、边界自动适配等关键技术。教程包含完整的源码实现，帮助开发者掌握在鸿蒙生态中构建图像处理组件的核心方法，解决了缺乏现成组件时的开发难题。
2026-02-02 09:51:49
883
原创 周末杂谈：老板又要换主题色？这次我一行代码就搞定！！
本文介绍了使用CSS相对颜色值快速调整主题色的高效方法。传统手动修改每个CSS变量的方式费时费力，而通过OKLCH色彩空间的相对颜色功能，只需修改一个基础色变量，就能智能生成整套配色方案。文章详细讲解了OKLCH相比HSL的优势，包括更自然的亮度调整、更鲜艳的颜色表现和更平滑的渐变过渡。作者分享了"调色三板斧"口诀：亮度用加减法、饱和度用乘除法、色相用旋转，并提供了实战代码示例，展示如何从零搭建智能配色系统。这种方法不仅简化了主题色切换流程，还能轻松实现动态颜色效果和暗色模式适配，大幅提
2026-02-01 11:46:56
637
原创 TinyEngine 运行时渲染器：让低代码设计与运行无缝衔接
TinyEngine运行时渲染器通过实时渲染低代码Schema，解决了传统低代码开发中设计到运行的延迟问题。其核心创新在于： 实现浏览器内直接渲染，无需等待代码生成和部署 采用三层上下文体系（应用/页面/区块）确保数据流通 提供完整的技术架构，包括配置管理、页面渲染器和解析引擎 实战案例显示，从设计到预览的时间从5-10分钟缩短至实时，错误发现周期提前90%，迭代速度提升10倍。该方案通过虚拟DOM绑定和响应式更新，使交互验证变得即时可见，显著提升了低代码开发效率。
2026-02-01 11:03:41
577
原创 周末杂谈：前端又又又“被消失”？Claude Code + Agent工程师=程序员的未来还是终结？
AI时代程序员转型：从编码者到技术导演 AI编程工具的崛起正在重塑软件开发行业，传统岗位边界逐渐模糊。本文探讨了AI如何改变开发模式，以及程序员如何应对这一变革： 现状冲击：AI工具如Claude Code能快速生成完整代码，大幅提升开发效率，但也暴露代码质量隐患，使基础薄弱的开发者更易犯错。 角色转变：未来程序员将更像"技术导演"，需要具备业务理解、AI调度和代码把关能力，而非单纯编写代码。 转型建议： 夯实计算机基础理论 提升精准提问能力 培养代码审美标准 AI不会取代程序员，但会取
2026-01-31 10:47:22
561
原创 OpenTiny：快速搭建实时协作文本编辑器：基于 TinyEditor 的实践指南
本文介绍了如何使用OpenTiny的TinyEditor组件快速搭建实时协作文本编辑器。首先创建Vue 3项目并安装TinyEditor，通过基础配置实现富文本编辑功能。然后集成协同编辑模块，安装相关依赖并配置WebSocket连接，实现多人实时协作。文章详细说明了用户感知(Awareness)模块的配置方法，包括自定义用户信息和光标样式，确保协作者能互相识别操作。最后提到Docker环境的后端部署准备。整个实践过程分享了从安装到功能实现的完整步骤，并总结了样式引入和模块导入等关键注意事项。
2026-01-31 10:24:05
621
原创 HarmonyOS6实战：一起“手搓”最美证件照（1）：玩转PixelMap，搞定图像与内存
本文介绍了基于HarmonyOS开发最美证件照工具的首篇教程，重点讲解PixelMap图像处理与内存优化技术。文章首先规划了完整的证件照制作功能，包括相册选择、人像裁剪、背景替换等。核心技术部分详细解析了PixelMap的深拷贝实现，通过ArrayBuffer缓冲区复制像素数据，确保图像处理的安全性。教程还提供了PixelMap的常用操作方法，如从文件创建、获取图像信息和缩放处理等。该系列后续将陆续介绍智能裁剪、AI人像分割等进阶功能，帮助开发者系统掌握HarmonyOS图像处理全套API及性能优化技巧。
2026-01-30 10:58:36
1127
2
原创 午间杂谈：别被那些新词唬住，AI编程助手的真相只有一个
本文探讨AI编程助手如何优化前端开发流程。作者指出，与其被AI工具的新概念困扰，不如聚焦两个核心：建立清晰的技术栈规则（Rules）和封装高频工作流（Skills）。通过配置.cursorrules文件明确项目规范，使用Commands快速生成CRUD页面，并合理接入设计稿、API文档等外部工具，可显著提升开发效率。关键在于让AI理解前端上下文，而非盲目追求功能全面。建议从封装常用组件开始，逐步构建适配团队需求的AI助手，最终实现技术减负而非增负的目标。
2026-01-30 09:20:25
564
原创 HarmonyOS 6实战（源码解析篇）：音乐播放器的音频焦点管理（下）——AudioSession原理解析及高级应用
本文深入解析HarmonyOS 6音频焦点管理中的AudioSession机制，重点探讨其状态转换原理和高级应用场景。文章通过状态图详细展示了INACTIVE、ACTIVE、PAUSED和DUCKED四种状态及其转换关系，并提供了典型应用场景下的代码示例。同时介绍了静音并发模式的智能应用方法，以及如何根据不同音频类型（如音乐、导航语音等）自定义焦点策略。最后，文章还给出了音频会话管理的最佳实践建议，包括状态转换的单向性、系统事件驱动等关键特性，帮助开发者在复杂场景中构建稳定流畅的音频交互体验。
2026-01-29 13:05:44
863
原创 午间杂谈：将CSS Cascade Layers引入旧项目，我是如何重构1000行混乱样式的
本文介绍了如何利用CSS Cascade Layers重构混乱的CSS代码库。作者通过实战案例展示了从分析问题到设计分层架构的全过程，重点介绍了5层架构设计（reset、base、layout、components、utilities）和关键重构技巧，包括将ID选择器转换为类选择器、处理媒体查询的最佳实践以及创建子层组织复杂组件。文章还特别提醒了处理!important时的层反转问题，为开发者提供了一套清晰、可维护的CSS重构方案。
2026-01-29 10:46:48
573
原创 午间杂谈： 突破SVG动画禁区：用＜use＞+CSS变量打造可复用的动态图标系统
本文介绍了利用SVG的<use>元素和CSS变量创建可复用动态图标系统的技巧。传统方法无法直接为<use>引用的SVG添加动画，因为Shadow DOM会隔离外部CSS样式。通过CSS自定义变量作为桥梁，可以突破这一限制：在SVG定义中使用var()引用变量，外部通过修改这些变量实现动画效果。文章展示了从基础旋转动画到复杂角色动画的多种实现方案，包括状态化按钮组件、数据可视化图表等实际案例。这种方案既能保持SVG的复用性，又能实现丰富的动态效果，为Web开发提供了新的图标动画思路。
2026-01-28 14:16:05
690
原创 HarmonyOS 6实战（源码解析篇）：音乐播放器的音频焦点管理（上）——AudioSession与打断机制
本文介绍了HarmonyOS 6音乐播放器中音频焦点管理的实现方法。主要内容包括： 音频焦点机制：协调多个音频流播放，确保同一时间只有一个音频流拥有焦点 打断类型处理：区分强制打断（如来电）和共享打断（如导航语音） 实现方案：通过监听系统事件，区分用户暂停与系统打断，实现智能恢复 应用场景：涵盖TextReader朗读和来电处理等常见情况 焦点模式设置：推荐使用SHARE_MODE实现应用内音频协调 文章提供了完整的代码示例和流程图，帮助开发者实现优雅的音频焦点管理。
2026-01-28 10:00:30
1283
原创 午间杂谈：如何减少AI幻觉，提高Claude Code 代码采纳率？
本文探讨如何提升AI编程助手Claude Code的代码采纳率。作者基于实践经验指出，当前AI代码采纳率低的主要问题包括：信息不对称、任务粒度过大、反馈循环缺失和角色边界模糊。为此提出了分阶段解决方案：第一阶段建立规范化文档体系和Issue管理规范，通过四层文档结构解决信息不对称，采用标准化命令流程分解任务；第二阶段引入TDD集成模式；第三阶段探索多智能体协作。文章还分享了实战技巧，包括Memory驱动开发、严格质量控制、上下文优化等，强调开发者应主导AI协作过程。这套方法能显著提升AI代码质量，实现高效人
2026-01-27 11:58:43
1003
原创 HarmonyOS 6实战（源码教学篇）— Speech Kit TextReader：【仿某云音乐接入语音朗读控件】
本文介绍了如何在HarmonyOS音乐播放器中接入语音朗读控件TextReader。主要内容包括： 配置必要的网络和后台运行权限 在EntryAbility中设置窗口管理器，为TextReader提供显示基础 创建TextReader控制器，实现朗读功能的核心逻辑 协调音乐播放和语音朗读的音频焦点管理 在UI中集成朗读按钮组件 准备歌曲朗读数据并设置事件监听 该方案实现了音乐播放与语音朗读的无缝切换，提升了应用的无障碍访问体验。通过系统级语音引擎，用户可以在不中断音乐欣赏的同时获取歌曲信息，特别适合驾驶、运
2026-01-27 10:19:17
1151
原创 HarmonyOS 6实战（源码教学篇）— Speech Kit AI字幕深度集成：音频数据处理与性能优化
HarmonyOS 6实战：Speech Kit AI字幕深度集成与优化 本文深入探讨HarmonyOS 6中Speech Kit的AI字幕功能实现，重点解析音频数据处理与性能优化。主要内容包括： 系统架构：构建音乐播放器与AI字幕的集成架构，包含UI层、服务层和字幕处理模块 核心技术： 音频重采样（48kHz双声道→16kHz单声道） 数据分块处理（640字节/块） 声道转换与降采样算法 性能优化： 批量处理机制（5个buffer/次） 内存管理策略 错误处理与容错机制 实践应用：通过AudioCapti
2026-01-26 10:02:37
1403
原创 HarmonyOS 6实战（源码教学篇）— Speech Kit 新特性【仿某云音乐实现并集成AI字幕】
本文介绍了如何在HarmonyOS 6音乐播放器中集成系统级AI字幕功能。通过Speech Kit的AICaptionComponent组件实现实时语音识别与字幕显示，详细讲解了音频格式要求（PCM/16kHz/单声道）、核心API使用（AICaptionController、AudioData）及实现步骤。文章包含组件初始化、音频数据处理、字幕控制器配置等关键代码片段，帮助开发者快速掌握AI字幕集成技术，打造类似某云音乐的智能播放体验。适用于HarmonyOS 5.0+系统，需使用DevEco Studi
2026-01-26 10:01:27
1935
原创 周末杂谈：Chrome CSS 2025-声明式Web的革命之年
Chrome CSS 2025：声明式Web革命 2025年Chrome推出的CSS新特性标志着Web开发向声明式交互的重大转变，显著减少了对JavaScript的依赖。核心突破包括： Invoker Commands - 通过HTML属性实现交互逻辑 完全可定制的select元素 - 突破原生选择框限制 CSS Carousel API - 原生轮播组件无需JS 智能对话框控制 - 内置关闭行为管理 Hint Popovers - 简化悬停预览实现 这些更新使常见UI组件的代码量减少85%以上，同时提升了
2026-01-25 10:51:28
780
原创 TinyEngine：开源之夏项目复盘，源码双向转换，彻底告别低代码“单向出码“困局！
TinyEngine开源项目通过源码双向转换技术，解决了低代码平台"单向出码"的行业痛点。该项目支持Vue/React源码与DSL的双向转换，采用六步解析法对SFC文件进行智能拆分、模板深度解析和脚本精准提取，同时提供丰富的API接口和三种便捷导入方式。关键技术包括AST精准定位、JSX智能转换和状态方法提取，实现了可视化编辑器与源码开发的协同维护。该项目已在开源之夏活动中完成，具有企业级稳定性、开箱即用等特点，为低代码技术发展提供了新思路。
2026-01-25 10:33:00
959
原创 周末杂谈：盘点Web字体加载的四大优化方案
本文介绍了四种Web字体性能优化方案：1) 优先使用WOFF2格式，体积小解析快；2) 利用CSS unicode-range实现精准字体子集化，可减少40%-70%体积；3) 增量字体传输(IFT)作为未来标准可自动按需加载；4) Google Fonts按需加载或自定义API动态加载所需字符。针对不同场景，建议结合WOFF2格式和子集化技术，对固定内容采用动态加载，并合理设计缓存策略，可显著提升字体加载速度。
2026-01-24 11:36:21
679
原创 TinyEngine：开源之夏优秀项目复盘，低代码实时协作揭秘：原理 + 实操，看完直接用！
摘要： TinyEngine开源项目在2025年开源之夏活动中成功实现了低代码引擎的多人实时协作功能。基于CRDT（无冲突复制数据类型）技术，项目采用Yjs库解决协同编辑中的数据冲突问题，通过Schema与Yjs数据结构的双向转换实现低代码页面的同步。核心创新点包括：事件总线传递操作语义、元数据系统追踪属性变更，确保从数据层到视图层的完整同步链路。该项目不仅攻克了低代码复杂场景下的协同技术难题，还通过开源协作培养了学生开发者从理论到实践的成长，展现了开源社区的技术传承价值。
2026-01-24 11:23:58
969
原创 HarmonyOS 6实战（源码教学篇）— AVSession Kit 新特性【仿某云音乐实现媒体会话和后台播放管理】【API20】
HarmonyOS NEXT AVSession Kit 媒体会话开发实战 本文介绍如何使用HarmonyOS NEXT的AVSession Kit实现媒体会话管理功能。主要内容包括： AVSession概述：媒体会话框架，用于与系统媒体控制中心交互，支持播放控制、状态同步和后台播放管理。 核心功能实现： 创建和激活AVSession会话 设置媒体元数据（歌曲名、歌手、封面等） 监听系统控制命令（播放/暂停/切歌） 同步播放状态到控制中心 技术要点： 使用AVSessionController管理会话生命周
2026-01-23 10:22:18
1469
原创 HarmonyOS 6实战（源码教学篇）— AudioRenderer 音频播放核心技术【仿某云音乐实现音频播放】【API20】
本文介绍了HarmonyOS 6中Audio Kit音频播放技术的核心实现。通过AudioRenderer API，开发者可以构建高质量音频播放器，支持跨设备流转与共享。文章详细讲解了音频播放器的架构设计、数据模型定义和核心功能实现，包括AudioRenderer初始化、参数配置、播放控制等关键技术点。采用分层架构和多种设计模式，实现低延迟、高保真的音频播放体验，为构建音乐类应用提供完整解决方案。
2026-01-23 10:21:45
1464
原创 OpenTiny NEXT：前端智能化新思路，基于MCP协议的跨端应用连接方案
OpenTiny NEXT创新性地提出基于MCP协议的前端智能化方案，通过将MCP Server集成到前端应用中，使智能体能够直接调用应用功能而非模拟用户操作。相比传统GUI自动化方案，该技术具有毫秒级响应、低资源消耗和高稳定性等优势，已在金融、制造等行业实现显著效率提升。方案支持多平台应用类型，遵循标准化协议，提供完善的权限与安全设计，为传统应用智能化改造提供了高效可行的技术路径，推动实现"万物皆可为智能体所用"的愿景。
2026-01-22 14:51:22
964
原创 HarmonyOS实战(DevEco AI篇)—全网最新！CodeGenie 智能体： 从万能卡片到接口调试全链路抢先体验！
本文介绍了如何在DevEco Studio中打造专属Apifox智能体，实现从万能卡片到接口调试的全链路自动化开发。主要内容包括：1)利用MCP协议让AI感知项目上下文；2)CodeGenie插件新增万能卡片生成功能，支持可视化调整；3)详细步骤配置Apifox智能体，包括获取API令牌、项目ID和MCP配置；4)在CodeGenie中集成第三方模型并配置MCP工具。通过这套方案，开发者可以显著提升HarmonyOS应用开发效率，实现设计到开发的快速闭环。
2026-01-22 11:32:45
1033
原创 Vue2/Vue3 迁移头秃？Renderless 架构让组件 “无缝穿梭”
摘要： 本文介绍了Renderless架构如何解决Vue2/Vue3组件跨版本复用的难题。传统方案需维护两套代码，开发成本高，而Renderless通过UI与逻辑解耦实现“一次编写，到处运行”。核心思路是将业务逻辑封装在纯函数（renderless.ts）中，UI层（pc.vue）仅负责渲染，入口层（index.ts）适配不同框架。借助@opentiny/vue-common的API兼容层，组件可自动识别Vue版本并切换实现。实战案例展示了计数器组件的三文件架构，并提供了逻辑模块化、异步处理等进阶技巧，显著
2026-01-21 13:50:52
771
原创 HarmonyOS实战（源码教学篇）— Distributed Service Kit 新特性速览【跨设备文件共享与拖拽功能实践】
本文介绍了HarmonyOS 5的Distributed Service Kit新特性，重点实现跨设备文件共享与拖拽功能。通过分布式文件系统，应用可在设备间无缝访问文件资源，利用hmdfs实现自动同步。开发步骤包括设备组网、权限申请和文件操作接口调用，保持本地文件操作范式。案例演示了图片跨设备传输功能，将文件写入分布式目录后自动同步至其他设备。该特性大幅提升了多设备协同体验，使应用接续、内容共享等场景更加流畅自然。（149字）
2026-01-21 11:18:17
992
原创 HarmonyOS实战（源码教学篇）— 深入浅出鸿蒙特性【跨端迁移-应用接续】
本文介绍了HarmonyOS应用接续与跨设备互通的核心功能实现。通过7天快速上手教学，开发者可以掌握在不同设备间无缝迁移应用的技术要点。文章重点讲解了应用接续原理，包括在源端UIAbility中实现onContinue()接口保存迁移数据，以及对端设备通过onCreate/onNewWant恢复业务数据的完整流程。同时提供了分布式数据模型定义、目录结构设计等实践内容，帮助开发者快速构建支持跨设备交互的内容发布应用，实现文本、图片、位置信息等数据的多设备同步与共享功能。
2026-01-20 14:12:46
832
原创 HarmonyOS实战（AI与人机交互篇）：当ToB系统开始“思考”，我们该设计什么样的界面？
摘要： HarmonyOS人机交互正从“功能查找”转向“主动理解”，医疗数字人“灵童”展示了自然对话交互在企业场景的应用价值。鸿蒙生态通过多窗口交互、RICH设计范式等特性，实现界面动态响应与混合渲染，让静态页面搭载智能服务组件。开发者角色从“页面建造者”转变为“交互架构师”，需关注组件语义描述与上下文感知能力。针对医疗场景的挑战（如AI过度自信、模糊描述），方案包括分级响应机制、结构化问诊引导及跨设备数据融合（鸿蒙6特性），实现个性化且安全的服务体验。
2026-01-20 09:51:00
829
原创 HarmonyOS实战（人机交互篇）：当ToB系统开始“思考”，我们该设计什么样的界面？
摘要：HarmonyOS正推动人机交互从被动操作转向主动服务，医疗数字人"灵童"展示了系统理解用户意图的新范式。文章探讨了鸿蒙生态下开发者角色的转变——从界面设计转向交互架构，通过RICH设计模式实现组件智能化。医疗场景中的分级响应、结构化问诊和跨设备感知协同（鸿蒙6新特性）等解决方案，体现了AI与界面协同进化的趋势，让企业软件真正以"对的方式"工作。
2026-01-19 18:02:21
1283
原创 HarmonyOS实战（解决方案篇）—把养老院装进口袋：如何利用鸿蒙6新特性探索智慧医养场景
本文分享了如何利用鸿蒙6新特性打造"口袋里的医养助手"智慧解决方案。通过HarmonyOS分布式能力，将养老院、家庭和社区医疗场景无缝连接，构建老人-家属-护工-医生四端协同闭环。方案采用原子化服务降低老人使用门槛，利用分布式软总线统一接入健康设备，通过分布式数据管理实现多场景健康档案同步，并借助跨设备协同实现任务接续与告警联动。该方案突破了传统医养信息孤岛，实现了从被动响应到主动关怀、从断点数据到连续健康档案的转变，为智慧医养提供了创新实践范例。
2026-01-19 16:23:22
1004
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人