组件

Flutter for OpenHarmony 悬浮操作按钮：FloatingActionButton 与扩展菜单的深度优化实践个人主页：ujainu在 OpenHarmony 手机应用中，FloatingActionButton（FAB）是 Material Design 体系中最富表现力的交互元素之一。它通常代表当前页面最重要、最高频的主操作——如“新建笔记”、“发送消息”、“开始录音”或“添加商品”。当主操作不止一个时，开发者常借助 FAB 扩展菜单（如 SpeedDial）提供多个快捷入口。

RevsInterstellar

在ATL中加入带SAFEARRAY参数的方法过程如下: 在接口的右键菜单的选择"Add Method",在随后的对话框中的方法名称中输入"GetStructValue" 在参数中输入"[in] SAFEARRAY(MyTX)* pValue",

鸿蒙APP开发从入门到精通：ArkUI组件库详解与常用组件实战这是《鸿蒙APP开发从入门到精通》的第2篇——组件进阶篇，承接第1篇的「Hello World！」基础，100%复用项目架构，为后续第6-12篇的电商购物车全栈项目铺垫核心组件基础。

Flutter + OpenHarmony 开关与选择器：Switch、Checkbox、Radio 与 DropdownButton 的无障碍适配个人主页：ujainu在 OpenHarmony 手机应用中，表单交互是用户完成设置、筛选、配置等任务的核心路径。而 Switch、Checkbox、Radio 与 DropdownButton 作为最常用的选择控件，其可用性（Usability）直接决定了产品的包容性与专业度。

Flutter + OpenHarmony 图片加载：Image 组件与 BoxFit、缓存策略在 OpenHarmony 设备上的优化个人主页：ujainu在 OpenHarmony 手机应用中，图片展示是用户体验的核心组成部分之一。无论是商品详情页的商品图、用户头像，还是新闻资讯中的配图，图片质量与加载效率直接影响用户的满意度。然而，许多开发者在处理图片时存在误区：

Flutter + OpenHarmony 卡片式布局：Card 与 ListTile 在信息聚合界面（如服务卡片）中的应用个人主页：ujainu在 OpenHarmony 手机应用中，“服务卡片”已成为信息聚合与快捷操作的核心载体——无论是健康步数、天气预报、待办事项，还是智能家居控制，用户都期望通过一目了然的卡片快速获取状态并执行操作。而 Flutter 提供的 Card 与 ListTile 组件，正是构建此类界面的基石。

Flutter + OpenHarmony 抽屉菜单：Drawer 与 NavigationRail 在平板与折叠屏设备上的响应式导航设计个人主页：ujainu随着 OpenHarmony 生态向平板、折叠屏设备拓展，应用导航模式必须从“单列竖屏”走向“多形态自适应”。传统手机端常用的抽屉菜单（Drawer）在大屏设备上效率低下——用户需频繁展开/收起菜单，操作路径冗长。而 Material Design 推荐的 NavigationRail（侧边导航栏）则能充分利用横向空间，实现常驻、高效、直观的导航体验。

Flutter + OpenHarmony 网格布局：GridView 与 SliverGrid 在鸿蒙设备内容展示中的应用个人主页：注：本文所有实践均基于手机端场景，适用于 OpenHarmony 手机设备的应用开发。在 OpenHarmony 手机应用开发中，网格布局是展示图片、商品、功能入口等内容的常用方式。Flutter 提供了 GridView 和 SliverGrid 两种核心组件，分别适用于简单独立页面和复杂滚动联动场景。本文将从基础出发，系统介绍二者的作用、常见属性，并提供可直接运行的手机端代码示例。

Flutter + OpenHarmony 弹出反馈：SnackBar、SnackBarAction 与 ScaffoldMessenger 的轻量提示规范个人主页：ujainu在 OpenHarmony 手机应用中，用户完成操作后是否得到及时、清晰、非打断式的反馈，直接决定了体验的流畅度与专业性。例如：“消息已发送”、“网络连接失败，请重试”、“文件保存成功”。这类轻量级提示，正是 SnackBar 的核心使命。

Flutter + OpenHarmony 底部导航栏：BottomNavigationBar 与 BottomAppBar 在多入口场景中的深度实践个人主页：在 OpenHarmony 手机应用中，底部导航栏是用户在多个核心功能模块间快速切换的“高速公路”。无论是电商 App 的“首页/分类/购物车/我的”，还是社交软件的“动态/消息/发现/个人中心”，一个稳定、高效、符合人机工效的底部导航，直接决定了用户留存与操作效率。

React框架学习文档（二）目录3.1 基础数据3.1.1 State（状态）拓展内容——类组件VS函数组件3.1.2 Props（属性）

Flutter + OpenHarmony 用户输入框：TextField 与 InputDecoration 在多端表单中的交互设计个人主页：ujainu在 OpenHarmony 生态中，表单是用户注册、登录、信息提交等核心场景的基石。而 TextField 作为 Flutter 中最基础也最关键的输入组件，其交互体验直接决定了用户对应用的第一印象——一个卡顿、错位、提示不清的输入框，足以让用户放弃操作。

uniapp+vue3实现的简单吐司通知弹窗组件采用 uniapp+vue3 实现的一款简单吐司通知弹窗，适配 web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）；

tailwindcss：安装避坑，从 0 到项目跑通目录第一章背景第二章安装步骤第三章配置文件细节第四章优化第五章提供vscode插件Installation - Tailwind CSS

uniapp实现的时间范围选择器组件采用 uniapp 实现的一款时间范围选择器，不依赖任何第三方库，纯JS、CSS、HTML实现。支持 vue2、vue3；适配 web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）

DevUI 高频组件实战秘籍：Table、Form、Modal 深度解析与踩坑实录在企业级中后台系统开发中，表格（Table）、表单（Form）、弹窗（Modal）被称为"三大金刚"组件，它们承载着数据展示、用户交互、业务流转的核心职能。作为一名技术博主，我在使用 DevUI 组件库的实践中，深刻体会到：组件好用不难，用好组件很难。本文将系统性地分享这些高频组件的进阶用法与实战避坑经验，并结合 MateChat 智能化场景解决方案，帮助你构建更高效的前端应用。

uniapp实现的Tab 选项卡组件模板采用 uniapp 实现的一款简约美观的 tabs 标签页组件模板，纯 CSS、HTML 实现，具备丝滑的过渡切换效果，用户完全可根据自身需求进行更改、扩展适配 web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）

【大模型RAG安全基准】安装和使用SafaRAG框架SafeRAG 是首个专注于系统化评估检索增强生成（RAG）管道安全风险的基准测试框架，特别针对中文场景。它揭示了攻击者如何通过操纵 RAG 流程中的数据流，导致模型生成不准确、有误导性甚至有害的内容。 SafeRAG 框架由以下几个核心部分组成:

一只小阿乐

vue3 中实现父子组件v-model双向绑定总结我们经常会封装一下组件使用props emit 来进行父子组件之间的绑定其实这种方式我们可以解决开发中的大部分问题但是有更好的方式 v-model 语法糖。

React18学习笔记(六) React中的类组件,极简的状态管理工具zustand,React中的Typescript写在前面:React的早期版本都是使用Class组件来编写代码的,因此类组件的学习仅限了解和为兼容老项目的场景做知识储备