用户体验设计

鸿蒙应用开发UI基础第三十四节:媒体查询核心解析 —— 响应式布局与工具类封装

【学习目标】 掌握 媒体查询的引入与Stage模型标准使用流程,理解监听句柄与生命周期管理 吃透 媒体查询完整语法规则:媒体类型、逻辑操作符、核心媒体特征 实现 横竖屏切换、深浅色模式跟随、多设备适配 三大高频响应式场景 封装 可跨页面复用的媒体查询工具类,一行代码实现状态监听 一、工程目录结构MediaQueryDemo/ ├── entry/src

本地大模型部署实录:从Docker环境搭建到Open WebUI公网访问

📝 前言最近在学习大模型的基础知识,为了不让自己只停留在理论层面,决定在本地进行一次完整的实战部署。初衷是想搭建一个类似知识库的AI小助手,尝试将CSDN的文章切片形成RAG(检索增强生成)让模型读取。虽然在RAG环节遇到了不少报错并最终暂时搁置,转而测试了微调方案,但整个环境搭建的

Flutter 三方库 flutter_chat_ui 的鸿蒙化适配指南 - 掌握标准化的即时通讯 UI 构建技术、助力鸿蒙社交应用实现极致流畅且高度专业的对话交互体系

欢迎加入开源鸿蒙跨平台社区:#Flutter 三方库 flutter_chat_ui 的鸿蒙化适配指南 - 掌握标准化的即时通讯 UI 构建技术、助力鸿蒙社交应用实现极致流畅且高度专业的对话交互体系前言在 OpenHarmony 鸿蒙应用全场景覆盖、特别是适配“即时通讯(IM)、在线客服系统、社区互动平台”等高频交互场景中,聊天界面的质感直接

shadcn/ui,给你一个真正可控的UI组件库

当“代码所有权”成为一种奢侈,shadcn/ui 却把每一行组件源码都交到你手中。 你有没有遇到过这种情况:设计师拿着界面稿说:“这个按钮,圆角再大点,阴影再柔和点。”你点头答应,回头面对代码,却要翻文档、查方案、小心翼翼地写覆盖样式,只为改一个按钮的外观。直到 shadcn/ui 出

EI_openclaw_UI交互

opclaw的UI交互有两种方法:OpenClaw 的 Web 端本身就是一个内置的、功能最完整的 Channel,非常方便。另一种是通过配置第三方 Channel(如飞书、钉钉、Discord)。既然 Web 端这么方便,为什么文档里还花大篇幅讲飞书、Discord 等 Channel 呢?核心区别在于**“主动

使用Vue构建Qwen-Image-Edit-F2P前端交互界面

使用Vue构建Qwen-Image-Edit-F2P前端交互界面最近在玩AI图像生成,特别是Qwen-Image-Edit-F2P这个模型,它可以根据一张人脸照片生成风格各异的全身照,效果挺有意思的。不过,每次都要在ComfyUI里拖拽节点、调整参数,对普通用户来说门槛有点高。我就想,能不能做个简单点的网页界面&#

Flutter for OpenHarmony 实战_割绳子游戏物理模拟与手势交互

Flutter for OpenHarmony 实战:割绳子游戏物理模拟与手势交互 文章目录 Flutter for OpenHarmony 实战:割绳子游戏物理模拟与手势交互 前言 一、绳子物理系统 1.1 绳子段数据结构 1.2 绳子初始化 二、切割手势识别 2.1 手势检测 2.2 线段相交检测 2.3 绳子切割 三、糖果物

相机标定(Calibration)01-4:相机标定中不同标定板的优缺点【棋盘格、圆点阵列、ArUco标记板、AprilTag标记板、3D标定物】

相机标定里“标定板”(calibration target)的核心作用,是给算法提供几何已知且可稳定检测的特征点,从而估计相机内参/畸变(以及外参)。不同标定板的差别,本质上体现在: 特征类型:角点 / 圆心 / 线特征 / 带ID的角点 检测稳定性:对模

Flutter 三方库 deact 的鸿蒙化适配指南 - 掌控声明式 UI 资产、精密组件治理实战、鸿蒙级架构专家

欢迎加入开源鸿蒙跨平台社区:#Flutter 三方库 deact 的鸿蒙化适配指南 - 掌控声明式 UI 资产、精密组件治理实战、鸿蒙级架构专家在鸿蒙跨平台应用执行高级 UI 资产管理与多维声明式组件架构资产指控(如构建一个支持全场景秒级交互的鸿蒙大型全量轻量化 Web/UI 中枢、处理海量 Component State Payloads 的语义认领或是实现一个具备极