一、mediaquery1.概述媒体查询（mediaquery）它允许根据设备的不同特性（如屏幕大小、屏幕方向、分辨率、颜色深度等）来动态地调整网页的样式和布局。通过媒体查询，可以为不同的设备定义不同的样式规则，以适应不同的屏幕大小和分辨率。这样就可以实现响应式设计，使页面在不同设备上表现一致、完美。例如，可以通过媒体查询设置某些元素在手机屏幕上隐藏，而在电脑屏幕上显示等。媒体查询作为响应式设计的核心，在移动设备上应用十分广泛。媒体查询可根据不同设备类型或同设备不同状态修改应用的样式。媒体查询常用于下面应用场景：应用场景描述自适应布局根据设备宽度调整布局，比如将导航栏变为下拉菜单、折叠内容等
🏆作者简介，愚公搬代码🏆《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，51CTO博客专家等。🏆《近期荣誉》：2023年华为云十佳博主，2022年CSDN博客之星TOP2，2022年华为云十佳博主等。🏆《博客内容》：.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。🏆🎉欢迎👍点赞✍评论⭐收藏文章目录🚀前言🚀一、页面转场动画🔎1.typ
一、ArkTS语言基本语法1.简介HarmonyOS的ArkTS语言是一种基于TypeScript开发的语言，它专为HarmonyOS系统开发而设计。ArkTS语言结合了JavaScript的灵活性和TypeScript的严谨性，使得开发者能够快速、高效地开发出高质量的HarmonyOS应用程序。ArkTS语言具有以下特点：静态类型检查：开发者在编写代码时可以使用类型注解来进行类型检查，从而减少因类型错误而导致的bug。异步/同步编程：ArkTS语言支持基于Promise和async/await的异步/同步编程方式，能够更好地处理异步操作。内置模块：ArkTS语言内置了许多常用的模块，如文件
本文分享自华为云社区《学习ArtTs--初见ArkTs》，作者：Uncle_Tom。1.前言需要静态分析去检查一个语言，必须对这个语言有深刻的认识，才能有效的对这个语言进行有效的检查。我常说:“作为一个程序分析员需要比一般的程序员考虑的更多。通常程序员只要考虑在需求和结果之间建立一条通道就可以了完成任务了。但程序分析员需要考虑在需求和结果之间的各种通道的可能性，并对他们做出条件判断，否则漏报和误报会始终伴着你。随着规则的增多，你会陷入没有全景而导致的巨量维护工作中，无法自拔，耗尽你最后一丝热情。”孙子曰：知彼知己者，百战不殆；不知彼而知己，一胜一负，不知彼，不知己，每战必殆。摘自《孙子兵法·谋
本文分享自华为云社区《学习ArtTs--初见ArkTs》，作者：Uncle_Tom。1.前言需要静态分析去检查一个语言，必须对这个语言有深刻的认识，才能有效的对这个语言进行有效的检查。我常说:“作为一个程序分析员需要比一般的程序员考虑的更多。通常程序员只要考虑在需求和结果之间建立一条通道就可以了完成任务了。但程序分析员需要考虑在需求和结果之间的各种通道的可能性，并对他们做出条件判断，否则漏报和误报会始终伴着你。随着规则的增多，你会陷入没有全景而导致的巨量维护工作中，无法自拔，耗尽你最后一丝热情。”孙子曰：知彼知己者，百战不殆；不知彼而知己，一胜一负，不知彼，不知己，每战必殆。摘自《孙子兵法·谋
前言最近基于HarmonyOS最新版本开发了一个作品，本文来详细讲解一下，如何我是如何开发这个作品的。以及如何使用OpenHarmony，基于ArkTS，API9来开发一个属于自己的元服务。废话不多说，我的作品名称叫做CompanyOperate公司运营，是一个根据会计公式来预测公司未来几个月的资产运营情况。主要分为三部分，第一部分：填写公司基本情况表单第二部分：通过公司计算公司未来几个月的运营情况，使用扇形图，标识公司资金组成部分。第三部分：使用元服务卡片来显示当前月份的公司资金状况。具体动态效果图如下：卡片展示效果使用到的组件有：Gauge，ForEach，TextInput，Radio，
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Dialog对话框组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、Dialog对话框组件对话框的使用场景也很高频，比如APP上架应用市场要求APP首次启动要有服务协议和隐私权限提示弹框等，ArkUI开发框架提供了两种方式显示一个对话框，一种是使用 @ohos.promptAction 模块里提供的API显示，另一种是使用全局对话框 AlertDialog 显示。使用 @ohos.promptAction 模块里提供的showDialogdeclarenames
关键词：鸿蒙、ArkTs、Web组件、通讯完整Demo已提交至Gitee：ohosWebMutual:鸿蒙ArkTsWeb组件的基础用法以及H5层与应用层的通讯官方文档Web组件用法介绍：文档中心目录如何在鸿蒙应用中加载一个Web页面一、加载网络地址页面二、加载本地H5页面实现Web组件H5层与应用层进行相互通讯一、鸿蒙应用向H5页面发送数据鸿蒙应用层H5层案例效果二、H5页面向鸿蒙应用发送数据H5层鸿蒙应用层案例效果如何在鸿蒙应用中加载一个Web页面一、加载网络地址页面1.导入webviewimportweb_webviewfrom'@ohos.web.webview'2.创建Webview
前言焦点事件是指程序中的重要事件或关键点。焦点事件通常是程序的核心逻辑和功能，需要引起特殊的关注和处理。在图形用户界面(GUI)编程中，焦点事件通常与用户交互和界面输入相关。例如，当用户点击按钮、输入文本或选择菜单项时，这些操作会触发相应的焦点事件。程序需要捕获这些焦点事件并进行处理，以执行相应的操作或响应用户的请求。另外，在事件驱动的编程模型中，焦点事件也与程序的流程控制和状态转换有关。例如，当某个关键条件满足时，程序会触发相应的焦点事件，然后根据这些事件来执行特定的操作或改变程序的状态。一、焦点事件1.基本概念焦点事件基本概念是指在用户界面中，焦点在不同控件之间切换时，触发的相关事件。下面
Column&Row组件的使用Column表示沿垂直方向布局的容器。Row表示沿水平方向布局的容器。布局子元素在交叉轴上的对齐方式Column容器内子元素在水平方向上的排列HorizontalAlign.Start：子元素在水平方向左对齐。HorizontalAlign.Center：子元素在水平方向居中对齐。HorizontalAlign.End：子元素在水平方向右对齐。Row容器内子元素在垂直方向上的排列VerticalAlign.Top：子元素在垂直方向顶部对齐VerticalAlign.Center：子元素在垂直方向居中对齐。VerticalAlign.Bottom：子元素在垂直方向底
