登录社区云，与社区用户共同成长
邀请您加入社区
本文介绍了鸿蒙ArkTS开发中的两个核心功能：条件渲染的Toggle组件和列表渲染的ForEach组件。Toggle组件演示了开关和复选框两种类型的实现，包括状态管理、样式自定义和事件回调；ForEach组件展示了如何动态渲染支付记录列表，包含数据绑定、样式布局和模板字符串的使用。文章通过具体代码示例，展现了ArkTS简洁高效的开发特性，体现了鸿蒙系统在UI开发方面的便捷性。
目标建议使用方式打开三方 App（如微信、支付宝）openLink拉起应用或元服务（本地已安装）快速使用免安装元服务沉浸式嵌入元服务（需授权）
本文探讨JavaScript性能优化中的异步加载与延迟加载技术。异步加载通过async/defer属性或动态创建script元素避免阻塞渲染；延迟加载则利用IntersectionObserver API按需加载非关键资源。二者结合可显著提升性能：异步加载核心脚本确保交互流畅，延迟加载减少初始请求量。实践表明，该方案能降低DOMContentLoaded时间30%以上，减少初始加载量90%，但需注
使用React19 、TailwindCSS构建的倒计时动画组件。该组件通过Composition API管理状态，实现从"GO"字样到数字3、2、1的动画过渡效果，包含缩放、旋转和透明度变化等视觉效果。
更好的代码组织- 模块化架构明确的依赖关系- 静态分析支持作用域隔离- 避免全局污染现代特性支持- 顶层await、动态导入等开发体验提升- 结合Vite等工具实现快速HMR对于新项目，强烈推荐使用ES模块作为标准开发方式。
Laya.SingletonList 使用指南摘要 Laya.SingletonList 是 LayaAir 引擎提供的单例列表类，用于存储不重复元素的集合。核心特性包括自动去重、唯一性保证和轻量高效。与普通数组相比，SingletonList 会自动忽略重复添加的元素，确保列表元素唯一性。 主要应用场景包括游戏对象管理、事件监听器注册、标签/类型集合存储等。类提供基础操作方法如 add()、re
LayaAir Tween 是引擎中的缓动动画类，用于实现对象属性的平滑过渡动画效果。文档介绍了推荐使用 Laya.Tween.create() 配合链式调用的新方式，包括基础用法、链式API、缓动控制方法和回调函数等。同时指出旧版静态方法已过时，并提供了迁移指南。还详细列出了各种缓动函数（如弹跳、弹性、回退等）及其效果描述，帮助开发者创建更自然的动画效果。
Provide和@Consume装饰器实现了与后代组件的双向数据同步，摆脱了参数传递机制的束缚，特别适用于状态数据在多个层级之间传递的场景。@Provide和@Consume装饰器为鸿蒙应用开发提供了强大的跨组件数据共享能力。通过本文的详细解析和实战示例，开发者可以掌握这种高效的状态管理方式，在复杂的应用场景中实现优雅的数据流管理。关键要点总结：适用于跨多层组件的状态共享场景支持变量名和别名两种绑
Row 和 Column 是 ArkTS 布局的核心。掌握它们的属性组合和嵌套技巧，能够高效构建各种界面。记住：简单场景优先使用单一方向布局，复杂界面合理嵌套，保持代码清晰易维护。加入刘洋老师的班级链接 https://developer.huawei.com/consumer/cn/training/classDetail/d43582bb30b34f548c16c127cb3be104?typ
摘要： ArkTS作为鸿蒙系统专用语言，在并发处理、性能优化和类型安全上显著超越TypeScript。其TaskPool线程池创建耗时仅3ms（比TS快8倍），Sendable接口实现零拷贝传输，Worker集群支持高并发场景。基础库如ArrayBuffer操作提速40%，SafeMap分片锁减少90%读写冲突。语法层面通过装饰器（如@Track）实现毫秒级UI响应，类型系统杜绝运行时错误。实战中
TypeScript具备面向对象编程的基本语法，例如interface、class、enum等。特别注意：在TypeScript中，空字符串、数字0、null、undefined都被认为是false、其他值则为true。TypeScript通常利用function关键字声明函数，并且支持可选参数、默认参数、箭头函数等特殊语法。
基于switch组件和chart组件，实现线形图、占比图、柱状图，并通过switch切换chart组件数据的动静态显示。
组件（Component）是界面搭建与显示的最小单位，HarmonyOS ArkUI声明式开发范式为开发者提供了丰富多样的UI组件，我们可以使用这些组件轻松的编写出更加丰富、漂亮的界面。组件根据功能可以分为以下五大类：基础组件、容器组件、媒体组件、绘制组件、画布组件。其中基础组件是视图层的基本组成单元，包括Text、Image、TextInput、Button、LoadingProgress等，例
在移动互联网蓬勃发展的今天，移动应用给我们生活带来了极大的便利，这些便利的本质在于数据的互联互通。因此在应用的开发中数据存储占据了非常重要的位置，HarmonyOS应用开发也不例外。本文将为您介绍HarmonyOS提供的数据管理能力之一首选项。首选项为应用提供Key-Value键值型的数据存储能力，支持应用持久化轻量级数据，并对其进行增删改查等。该存储对象中的数据会被缓存在内存中，因此它可以获得更
Vue3 + TypeScript + Element Plus 开启边框 > 调整列宽（拖动表头）> 保存列宽（本地存储）> 加载列宽（读取本地数据）4、打开页面，加载列宽 ，从本地 localStorage 中读取列宽数据。1、涉及表格属性：border、 @header-dragend。3、保存列宽，列宽数据保存在本地 localStorage。2、调整列宽，在表头的纵向边框处，按住拖动。2
Flutter中SafeArea和MediaQuery是实现自适应界面的关键部件。SafeArea自动添加内边距避免刘海、状态栏等遮挡内容，可灵活控制各边距，通常包裹Scaffold的body使用。MediaQuery提供设备环境数据如屏幕尺寸、无障碍设置等，是响应式布局的基础。SafeArea底层依赖MediaQuery的padding数据，但会修改子部件的MediaQuery以避免内边距叠加。
本文深入分析了Coze Studio项目的用户登录功能前端实现，重点解析了其模块化架构设计和核心流程。系统由account-base、account-adapter和account-ui-adapter三大模块组成，分别负责用户状态管理、API适配和UI组件。登录流程从LoginPage组件触发loginService.run()，通过PassportWebEmailLoginPost接口完成认证
Whisper Web 主要功能是将语音转换成文字，支持粘贴音频地址、上传音频文件、手机录入语音等多种方式，转写完成后可导出 TXT 或 JSON 格式，满足不同场景下的文本获取需求。作为经常需要处理采访录音的人，真心觉得它很好用：不用复杂配置，打开浏览器就能用，转写速度也不错，对于我这种技术小白来说，省去了搭建服务器的麻烦，非常友好。以前受限于局域网，只能在电脑旁使用，有了 cpolar 后就不
Dify 的架构设计非常清晰：api 负责逻辑，web 负责展示，docker 负责部署。核心竞争力在 api/core/ 目录：对 LLM、RAG 和 Agent 的抽象和封装是 Dify 的技术亮点。如果你想学习如何构建复杂的 LLM 应用，这个目录是金矿。服务化和异步化：通过 services/ 层和 Celery，Dify 能够处理复杂的、耗时的任务，这是一个生产级应用应有的设计。如果你想
本文总结了TypeScript工程层面的基础能力，包括类型检查指令、类型声明、命名空间等核心功能。通过类型检查指令可灵活控制代码检查范围；类型声明文件（.d.ts）可定义无逻辑的类型信息；DefinitelyTyped为第三方库提供类型支持；三斜线指令管理类型依赖；命名空间组织相关逻辑；import type区分值导入与类型导入；JSDoc为JS文件提供类型提示。这些功能共同构建了TS强大的类型系
这周项目主要写交互，但是因为文件结构太不好，又重构了一遍，分了好多子组件，好多地方都要改，用到的传参只是也不少，就去大概了解了以上几种vue3传参方式,内容还挺多的下周还是继续进行交互，但是希望自己可以多手敲一些代码，不能太依赖豆包了。
这是一个基于 Model Context Protocol (MCP) 的 TypeScript 示例项目，展示了如何创建一个简单的 MCP 服务器，包含基本的工具（tools）和资源（resources）功能。
基于React19 的"Good-Cheap-Fast"三选二交互组件开发，通过React19 + Tailwindcss V4实现。该组件模拟项目管理中的权衡法则，用户最多只能同时选择两个选项。核心逻辑通过toggleFeature函数控制状态互斥，当三个选项全选时会自动关闭最早开启的选项。采用动态类绑定实现开关按钮的平滑过渡效果。
TypeScript内置工具类型全解析：提升开发效率的类型操作指南 本文系统介绍了TypeScript内置的实用工具类型(Utility Types)，它们能显著提升类型系统的灵活性和开发效率。主要内容包括： 属性操作类：Partial(可选)、Required(必填)、Readonly(只读)、Pick(选取)、Omit(剔除)等，用于对象类型的属性修饰和裁剪。 函数相关工具：ReturnTyp
Baileys 是一个基于 WebSocket 的 TypeScript 库，用于与 WhatsApp Web API 交互。它不需要 Selenium 或任何浏览器，直接使用 WebSocket 进行通信，相比传统方案可节省约 500MB 内存。该库支持与 WhatsApp 的多设备版本和网页版进行交互。
Coze Studio工作流删除功能实现分析 本文档详细分析了Coze Studio中工作流删除功能的实现原理和技术架构。该功能采用前后端分离设计，提供安全删除机制、完善的权限控制和友好的用户体验。核心功能包括二次确认弹窗、权限验证、自动列表刷新和错误处理等。技术架构上分为前端界面层（LibraryPage和BaseLibraryPage组件）、业务逻辑层（useWorkflowConfig Ho
上个文章写了如何开发一个简单的百度API的MCP，但用的方式是stdio模式，这种模式使用MCP需要有node.js环境，这篇文章介绍如何使用sse的模式，代码在原代码基础上进行更改。这块代码加完之后使用npm run build进行打包，然后npm run start，最后得到一个地址：http://127.0.0.1:8080。最后在Cursor中添加MCP。
布局性能优化：包括精简节点数、合理控制元素显示与隐藏、给定组件宽高和推荐布局组件
组件间数据同步中两种重要的机制：@Provide/@Consume和@Observed/@ObjectLink。
之前的博客DeepSeek辅助写一个Vue3页面写了一个Vue3应用，运行npm run dev的时候功能正常，但当执行npm run build生成发布版的时候，却报错了：transforming (7) node_modules\element-plus\es\components\alert\index.mjseslint.config.ts:19:3 - error TS2345: Arg
Model Context Protocol（MCP）是Anthropic于2024年11月25日发布并开源的一项开放标准，旨在规范应用程序与大型语言模型（LLM）之间的上下文信息交换方式，使开发者可以在AI模型与本地或远程数据源之间建立安全、双向的连接，使AI系统能够有效的访问所需的数据，提升响应的相关性和质量。
详细的错误堆栈信息：请分析我的代码，解决这个问题： hook代码： import { useTokenStore } from "@/stores";/** * WebSocket 进度 Hook */ export function useWebSocketProgress() { // 进度从1开始，增强使用体验，感觉一开始就工作了 const progressValue = ref(1);
Model Context Protocol (MCP) TypeScript SDK 开发指南摘要：MCP是一种规范LLM与外部工具交互的开放协议，其TypeScript SDK为开发者提供了构建客户端和服务端的工具集。本文介绍了基本使用方法：服务端通过McpServer定义资源、工具和提示，使用Zod进行输入输出验证；客户端通过Client类连接服务端，调用工具、获取资源及提示。示例展示了基于
MCP已经火了很长一段时间了，现在自己编写体验一下，本篇将介绍如何用TS实现MCP服务。
typescript
——typescript
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
HarmonyOS开发者社区
深开鸿 技术专区
2048 AI社区
人工智能6S服务平台
火山引擎开发者社区
