大前端
关注前端工程师全栈技术演进、实践经验
#HDC2025# Codelabs 训练营精彩内容抢先看！
本次活动现场设置了初、高阶赛题可供挑战，完成 2 道及以上初阶赛题才可挑战高阶赛题！而拥有 HarmonyOS 应用开发者认证的开发者可挑战现场任意赛题！还不快来考取证书↓↓↓2025 HDC Codelabs 训练营 考试认证 完成赛题更有丰富礼品可以赢取！
苹果 12 年首次大改 UI，还炮轰“跨平台”开发框架！“液态玻璃”会是 Flutter 开发者的“至暗时刻”吗？
12 年首次大改！真有人喜欢苹果的“液态玻璃”吗？至少 Flutter 开发者的噩梦开始了
谷歌的“Web UI 新功能”演讲：更少的自定义组件 JavaScript，更多的 Web 标准
Una Kravets 最近在一次演讲中介绍了 Chrome 团队支持的 Web UI 的最新发展。一些目前需要大量 JavaScript 的常见 UI 模式，可能很快就会以声明式的方式实现，使用 HTML 和 CSS 的新特性，使用更少的自定义 JavaScript，并内置无障碍功能。
基于 Rust 的嵌入式 Vite 替代品发布，早期采用者称速度提升 10 倍
这是一个用 Rust 编写的 Vite 打包器的替代品。
Vitest 引入浏览器模式作为 JSDOM 的替代方案
Vitest 是现代的原生测试运行器，它引入了 Vitest 浏览器模式，为开发人员提供了一个可替代传统 DOM 模拟库（如 JSDOM）的选择。将浏览器模式添加到 Vitest 中，允许测试在实际的浏览器环境中运行，为使用 React、Vue 或 Svelte 构建的 UI 应用程序提供了更真实、更可靠的测试行为。
解锁云开发新姿势！华为云开发让开发效率起飞
为助力开发者聚焦核心创新，华为 Cloud Foundation Kit 云开发服务通过将云端计算、存储、数据库等能力封装为标准化服务，可以按需为应用提供云函数、云数据库、云储存、预加载等云端服务。提供开箱即用的技术底座，使开发者能够更高效地实现业务目标，无需从零构建复杂基础设施。
极限缩短！鸿蒙 App Linking 解锁应用“瞬间传送”新姿势
随着移动互联网向多终端、多场景演进，跨应用无缝跳转与深度链接成为提升用户体验的核心需求。此背景下，华为 AppGallery Connect（简称 AGC）向开发者推出 App Linking 技术服务。音频行业头部平台喜马拉雅已率先深度接入 App Linking 实现跨平台精准触达。用户点击活动链接后，无论是否安装 APP，均可直接进入指定专辑页面，新用户自动匹配个性化推荐，老用户无缝续听。
持续增长引擎：华为 AGC 数据分析能力全景解读
作为应用开发者，您是否面临这些困惑：推广效果难评估？用户流失找不到原因？收入增长遇到瓶颈？在此背景下，华为 AppGallery Connect（简称 AGC）向开发者推出全新的应用分析服务，此服务为您提供覆盖应用分发、运营、质量等核心环节的数据洞察，从上架到日常运营的全流程护航，让每一份投入都转化为可见的增长回报。
Angular 16 中 RxJS 的最佳实践：避免订阅陷阱并优化流处理
本文深入探讨了在现代 Angular（16+）中 RxJS 的最佳实践。它强调使用 AsyncPipe 来生成模板、使用操作符实现流的展平、使用 takeUntil 和 DestroyRef 确保进行恰当地清理、实现错误处理，并且将 RxJS 与 Angular Signals 结合以实现高效的状态管理，最终在 Angular 17/18 中实现面向未来且可维护的代码。
《HarmonyOS 性能优化课程合集》
探索未来，掌握先机！想要让你的 HarmonyOS 应用在各种设备上运行更加流畅高效吗？以下课程将带领开发者深入探索 HarmonyOS 性能优化的关键技术和最佳实践。通过学习以下课程，你将掌握如何利用 HarmonyOS 的特性和工具，优化应用程序的性能，提升用户体验，同时减少资源消耗和功耗。无论你是初学者还是有经验的开发者，本课程都将为你提供宝贵的知识和技能，帮助你在 HarmonyOS 开发领域更上一层楼。加入鸿蒙，开启无限可能！
《HarmonyOS 基础入门课程合集》
探索未来，掌握先机！HarmonyOS 基础课程带您进入华为鸿蒙操作系统的奇妙世界。无论您是新手还是有经验的开发者，以下课程都将为您揭开 HarmonyOS 的神秘面纱，深入探讨其架构、功能和应用。通过实用的案例和实践项目，您将学会如何利用 HarmonyOS 构建流畅、智能的应用程序，为未来的技术发展做好准备。加入鸿蒙，开启无限可能！
网页无障碍化的好处以及如何做到
网页无障碍化可以带来竞争优势、提升搜索引擎优化效果，也是基本人权的体现。
TanStack 发布 TanStack Form V1 版本
TanStack 发布了 TanStack Form 的第一个稳定版本，这是一个支持 React、Vue、Angular、Solid 和 Lit 的跨框架表单库。这个新成员与现有的流行表单库如 Formik、React Hook Forms 或 Final Form 一样，加入了 TanStack 生态系统。
《HarmonyOS 第一课 中级课程 4》给应用添加交互 #鸿蒙课程##鸿蒙生态#
《HarmonyOS 第一课：给应用添加交互》了解固定样式弹窗和自定义弹窗的相关定义和使用方法，学会为应用添加弹窗交互。
《鸿蒙生态学堂 线上培训 第 19 期》深入切面编程：从原理到应用实战剖析#鸿蒙课程##鸿蒙生态#
切面编程通过分离程序关注点，插桩实现业务逻辑的隔离，有效降低耦合度与代码冗余。本课程通过解析插桩原理与 Aspect 类能力，结合统一参数校验、应用间跳转包名获取两大实战案例，提升程序可维护性与开发效率。
《 HarmonyOS TechTalk 50 》 HarmonyOS 应用音频焦点管理能力及解决方案介绍#鸿蒙课程##鸿蒙生态#
本次交流主要介绍 HarmonyOS 应用音频焦点管理机制和常见焦点冲突场景的解决方案，包括音频流类型与典型业务场景之间的映射关系、如何设置正确的音频流类型与典型业务场景之间的映射关系、如何设置正确的音频流类型、如何正确处理音频焦点中断事件以及如何使用 AudioSession 机制来自定义焦点策略等，帮助开发者解决应用中多音频流焦点冲突的问题，以增强用户播放体验。
鸿蒙版微信小程序不可用，一文告诉你 10 分钟修复
本文针对鸿蒙上的小程序常见的一些问题适配，做下分享，大部分开发者可能就改几行代码 (微信小程序本身就是类 OS 系统，本身就是跨端)，就能完成适配。
【互动有礼】集成 HarmonyOS 组件 / 模板赢好礼！
还在为应用开发熬夜秃头？那有个好消息要告诉你，我们 DevEco Studio 中【Tools】栏上线了【Component Market】模块，提供了海量的开发组件和模板，直接让你的开发效率原地起飞！
《HarmonyOS TechTalk 49》 画中画及一键登录开发实践#鸿蒙课程##鸿蒙生态#
本次交流主要介绍 HarmonyOS 应用接入画中画功能和一键登录的实践方案。使用系统提供的相关接口，轻松开发画中画及一键登录功能。开发者可以应用本课中的建议，结合实际情况，进行功能的开发与接入，增强用户体验。
快手上线鸿蒙应用高性能解决方案高效提升数据反序列化性能
近日，快手在 Gitee 平台上线了鸿蒙应用性能优化解决方案“QuickTransformer”，该方案针对鸿蒙应用开发中广泛使用的三方库“class-transformer”进行了深度优化，有效提升了其数据反序列化性能，在典型场景下能够降低约 90% 的数据转换耗时，为鸿蒙应用带来了更流畅的用户体验和更敏捷的交互响应。
DevEco Studio AI 辅助开发工具两大升级功能 鸿蒙应用开发效率再提升
应广大开发者的需求建议，我们最近又对 CodeGenie 进行了一次升级，不仅针对 DeepSeek-R1 新增支持鸿蒙知识 RAG 能力，还上线了代码解释功能，持续拓展 AI 在辅助鸿蒙应用开发全流程中的深度和广度。
你的活体检测安全吗？华为鸿蒙安全摄像头硬核防御恶意篡改攻击！
华为 AppGallery Connect（简称 AGC）给您推荐 Device Security Kit（设备安全服务）——可信应用服务推出安全摄像头服务，这个服务聚焦活体检测场景下的数据安全防护，通过硬件级安全机制，禁止在摄像头数据链路中植入例如 AI 换脸等恶意攻击插件，确保应用后台接收的生物特征数据直接来源于物理摄像头，从源头阻断仿冒人脸数据欺骗活体识别系统的风险。
华为鸿蒙应用性能管理神器来了！无需申请，一键监测
华为 AppGallery Connect（简称 AGC）向开发者提供了一个现网质量监测解决方案—应用性能监控服务（Application Performance Management Service，简称 APMS）。开发者在应用出现崩溃、卡顿、性能异常时，可通过其免集成系统级监测能力，实时获取全阶段异常数据及环境堆栈，快速定位并解决问题，保障应用质量。
华为鸿蒙安全地理位置服务：TEE 硬核防御，杜绝位置数据篡改
华为 AppGallery Connect（简称 AGC）向开发者推出了 Device Security Kit（设备安全服务）——可信应用服务——安全地理位置场景解决方案。华为鸿蒙 Device Security Kit 安全地理位置服务通过硬件级安全机制，构建端到端防护体系。
浏览器里的 AI 革命：前端工程师的新战场
当 AI 重塑开发体验，iOS 生态为何显得格格不入？
Next.js 真有那么好用吗？Netlify 谈他们遇到的六个现实问题
Netlify 分享部署 Next.js 网站的六个现实问题
前端的下一轮演进：基于 AI 的状态管理
AI 重塑前端状态管理，提升开发效率与体验。
《鸿蒙生态学堂 线上培训 第 18 期》行业案例：旅游景区模板#鸿蒙课程##鸿蒙生态#
本课程以官方模板为案例，详细解读模板的定义、获取、使用等全流程，旨在助力开发者基于模板高效开发、快速复制，轻松打造鸿蒙应用。
《HarmonyOS TechTalk 48》 播控中心及无线投播开发实践#鸿蒙课程##鸿蒙生态#
本次交流主要介绍 HarmonyOS 应用播控相关的实践方案。音视频类 App 开发者可以参考本节课中的开发过程，结合应用逻辑，降低播控相关能力的接入成本，提高开发效率。
鸿蒙应用 Q&A：应用测试系列 - 第二期
该内容解答了：单元测试框架和 UI 框架的主要功能
