主帖 37
回帖 4
视频
提问
回答
资源
专栏
作者:梁青松前言最近项目中有柱状图的功能,看了下JS中的组件chart,发现并不适用要求,研究之后决定用canvas动手画一个。项目说明本项目基于ArkUI中JS扩展的类Web开发范式,关于语法和概念直接看官网官方文档地址:[基于JS扩展的类Web开发范式1](https:developer.harmonyos.comcndocsdocumentationdocguidesuijsoverview0000000000500376)[基于JS扩展的类Web开发范式2](https:developer.harmonyos.comcndocsdocumentationdocr...
5天前 1361浏览 5点赞 2回复 2收藏
HarmonyOS - ArkUI(JS)之list自定义地区组件
原创 精华
头条 社区头条
热门内容榜 • TOP1
作者:王国菊前言List是用来显示列表的组件,包含一系列相同宽度的列表项,适合连续、多行地呈现同类数据。本文将使用list组件实现字母索引地区列表和可折叠地区列表。javascript是的子组件,实现列表分组功能,不能再嵌套,可以嵌套。是的子组件,展示列表的具体项。效果展示1、字母索引导航到列表对应位置。2、列表滑动时也同步定位到字母索引处。3、点击打开折叠的城市名称,再次点击收起当前列表。listlist组件通常用于列表...
6天前 2146浏览 8点赞 4回复 5收藏
作者:陈忠蔚前言在HarmonyOS应用开发中支持JS和JAVA进行开发的方式,由于每个人的开发习惯不同,掌握的开发语言不同,所以在应用开发中就会有JS与JAVA的混合使用的场景,需要JS与JAVA和之间的交互。HarmonyOS中通过FA调用PA的机制来实现JS与JAVA和之间的交互。HarmonyOSUI框架在了解FA调用PA的机制之前,首先要了解什么是FA,什么是PA。HarmonyOS应用是由Ability构成的,Ability可以分为FA(FeatureAbility)和PA(ParticleAbi...
2022-05-12 11:56:10 1573浏览 6点赞 1回复 3收藏
mqtt 简介及原理
原创 精华
作者:庄茂裕前言在开发FA的项目时候,发现项目使用到了MQTT协议,这个是啥通讯协议为啥项目会使用MQTT通讯协议,不使用其他通讯协议呢下来我们就一起了解下此协议吧!1.MQTT协议特点MQTT是一个基于客户端服务器的消息发布订阅传输协议。MQTT协议是轻量、简单、开放和易于实现的,这些特点使它适用范围非常广泛。在很多情况下,包括受限的环境中,如:机器与机器(M2M)通信和物联网(IoT)。其在,通过卫星链路通信传感器、偶尔拨...
2022-05-09 09:59:22 877浏览 1点赞 3回复 2收藏
作者:贾叶照前言继[HarmonyOS服务卡片进阶(一)](https:ost.51cto.composts11709)之后,补充关于服务卡片信息持久化、卡片控制事件的内容。服务卡片信息持久化因大部分卡片提供方都不是常驻服务,只有在需要使用时才会被拉起获取卡片信息。且卡片管理服务支持对卡片进行多实例管理,卡片ID对应实例ID,因此若卡片提供方支持对卡片数据进行配置,则需要提供方对卡片的业务数据按照卡片ID进行持久化管理,以便在后续获取、更新以...
2022-05-06 10:30:04 1335浏览 1点赞 1回复 2收藏
Java Class 详解
原创 精华
头条 社区头条
作者:张俊普JavaClass详解基于栈和基于寄存器指令区别?什么是直接引用和间接引用?class文件怎么来的?apt与AMS字节码插桩?第一节Class文件介绍1.1背景“计算机只认识0和1,所以我们写的程序需要被编译器翻译成由0和1构成的二进制格式才能被计算机执行。”十多年过去了,今天的计算机仍然只能识别0和1,但由于最近十年内虚拟机以及大量建立在虚拟机之上的程序语言如雨后春笋般出现并蓬勃发展,把我们编写的程序编译成二进制...
2022-04-28 14:31:20 1714浏览 5点赞 1回复 3收藏
作者:陈忠蔚前言现在应用开发中都不可避免的需要加载一些H5页面。HarmonyOS应用通过WebView来提供应用中集成H5页面的能力。在HarmonyOS应用中,出于安全考虑,WebView不支持直接通过File协议加载资源文件或本地文件,所以不能直接通过文件的存放路径,加载本地H5页面,下面介绍一下在HarmonyOS应用中,如何实现加载本地H5页面。WebView使用介绍WebView是一个基于webkit引擎、展现web页面的控件,可以显示和渲染web页面,相当于...
2022-04-27 16:54:17 1444浏览 3点赞 1回复 2收藏
作者:路锁前言​在从事多年Android开发后,转战为一名鸿蒙开发。作为一位初学者要学习了解内容有许多,诸如:DevEcoStudio开发工具、真机跑HelloWorld、应用签名配置、AGC平台、DP平台等等。自己摸索前行费时费力,还好第一时间获取到了团队内一手的赋能资料加上导师的指引,对鸿蒙FA开发有了入门级的了解。​现在开始步入正题,赋能时讲师重点强调FA项目签名文件需配置相对路径,按照指引配置了多次总是遇到签名证书问题导致...
2022-04-22 11:01:43 1428浏览 3点赞 1回复 3收藏
作者:贾叶照前言看本文章之前需要先熟悉一下原子化服务特征和流程[HarmonyOS5分钟教会你原子化服务](https:ost.51cto.composts10764)基本概念服务卡片(以下简称“卡片”)是FA的一种界面展示形式,将FA的重要信息或操作前置到卡片,以达到服务直达,减少体验层级的目的。卡片常用于嵌入到其他应用(当前只支持系统应用)中作为其界面的一部分显示,并支持拉起页面,发送消息等基础的交互功能。卡片使用方负责显示卡片。卡片提...
2022-04-21 15:04:30 1419浏览 4点赞 1回复 3收藏
HarmonyOS 自定义列表组件
原创 精华
头条 社区头条
作者:韦海前言根据鸿蒙官网组件,结合相关技术,尝试列表组件的封装,提高开发的效率。效果展示实现步骤封装组件代码hml代码hml{{title}}{{subheading}}css代码css.container{justifycontent:center;alignitems:center;paddingleft:48px;paddingright:35px;overscrolleffect:spring;}.background:active{backgroundcolor:f6f6f6;}.underline{borderbottom:1pxsolidccc;}标题样式代码.listleft{flex:1;flexdirection:column;jus...
2022-04-20 11:09:22 2897浏览 4点赞 3回复 2收藏
作者:陈淇前言:"我只是想中个彩票一辈子不用不上班而已,很过分吗又不是想要天上的星星"。前段时间经常听见这句话,但是对于我来说,中彩票的几率还是太小了,还是老老实实撸代码吧,用代码来实现一下中彩票的快乐。效果展示实现步骤第一步:创建结构首先根据实现效果创建相应的结构,给刮刮乐画设置背景图片,让它看起来美观实现效果:hml代码:htmlxxx.hml{{prize}}css代码部分:css.container{flexdirection:column;justifycontent:cent...
2022-04-11 10:02:04 1705浏览 4点赞 1回复 2收藏
作者:梁青松前言前段时间SDK版本更新了,看了更新介绍,ArkUI(TS)主要是新增了文本输入组件。更新版本后研究一下,发现有些组件也有所更新和优化。所以就想写这个项目。项目说明本项目界面搭建基于ArkUI中TS扩展的声明式开发范式,关于语法和概念直接看官网官方文档地址:[基于TS扩展的声明式开发范式1](https:developer.harmonyos.comcndocsdocumentationdocguidesuitsoverview0000001192705715)、[基于TS扩展的声明式开发范...
2022-04-07 10:08:19 4366浏览 7点赞 2回复 3收藏
作者:肖瑜博DataAbility介绍:使用Data模板的Ability(以下简称“Data”)有助于应用管理其自身和其他应用存储数据的访问,并提供与其他应用共享数据的方法。Data既可用于同设备不同应用的数据共享,也支持跨设备不同应用的数据共享。数据的存放形式多样,可以是数据库,也可以是磁盘上的文件。Data对外提供对数据的增、删、改、查,以及打开文件等接口,这些接口的具体实现由开发者提供。效果展示介绍DataAbility的使用方法,...
2022-04-06 10:18:26 2591浏览 5点赞 1回复 3收藏
前言作者:王珮云前端开发中经常遇到加载的图片太多或者太大导致页面加载完成慢的问题,图片太多导致向服务器请求的次数太多,图片太大导致每次请求的时间过长,本次将介绍一种通过控制请求数提高加载体验的方案。Promise限制异步并发数,尽快完成异步请求1.场景:页面加载图片过多时,加载速度慢,容易卡顿2.思路:假设异步并发数为3比如先请求前三个(下标0,1,2),并且使用Promise.Race同时请求,其中一个完成,则把已经完成请求的换成还...
2022-03-31 09:56:52 1442浏览 1点赞 1回复 1收藏
作者:郑瑶前言时光荏苒,不知不觉中从事鸿蒙开发已经大半年了,记得刚入职的时候那时候连DevEcoStudio这个开发者工具环境都装不好,还是同事给装好的环境,从零到一是个艰苦的过程,在实践中不断成长。下面言归正传进入今天的主题。对于display属性支持不一样鸿蒙css支持的属性有:普通css支持的属性有:对于伪类选择器和伪元素选择器鸿蒙css不支持伪类选择器和伪元素选择器普通css支持伪类选择器和伪元素选择器宽高方面的支持...
2022-03-30 09:43:07 2341浏览 3点赞 1回复 1收藏
HarmonyOS - 实现电池充电动画效果
原创 精华
头条 社区头条
作者:汤志威前言最近在学习HarmonyOS开发文档,发现transform样式动画感觉很有趣,用现有的方法写一个会动的充电效果。实现过程一、绘制电池轮廓首先我们使用css画电池,绘制一个长方形需要给这个正方形四个角增加一点点的弧度,再给电池画一个头部,只有一个电池的轮廓就出来了,我在里面增添了一点颜色方便后面观察。1.首先绘制一个电池。2.增加个div来实现动画效果,这个我打算用蒙版来处理,蒙版不需要增加太多细节宽高和...
2022-03-28 11:32:32 3140浏览 9点赞 1回复 2收藏
js结合canvas画运动小球
原创 精华
头条 社区头条
作者:王珮云前言canvas是HTML5新增的元素,也被称为画布,可以结合javascript实现绘制各种图形,制作各种炫酷的动画效果,现在我们也来使用canvas画随机运动小球。实现思路1.首先为了达到我们想要的效果,可以先创建一个构造函数;2.给构造函数添加对应的属性和方法;3.实例化出多个对象,并且保存在数组中;4.遍历每个对象,实现画圆;5.间隔修改每个球的x,y值。先准备画布确定对应的宽高:htmlletcanvasdocument.getElementById('canvas'...
2022-03-23 09:42:42 2617浏览 6点赞 1回复 3收藏
前端路由与单页页面实践
原创 精华
头条 社区头条
作者:李行杨路由就是指随着浏览器地址栏的变化,展示给用户的页面也不相同。传统的网页根据用户访问的不同的地址,浏览器从服务器获取对应页面的内容展示给用户。这样容易造成服务器压力比较大,而且用户访问速度也比较慢,在这种场景下,出现了单页应用。路由的实现方式1.location.hash+hashchange事件2.history.pushState()+popState事件实现主要基于以下几个方面的特性1.URL中的hash值只是客户端的一种状态,也就是说当向服...
2022-03-21 16:09:41 3662浏览 5点赞 1回复 3收藏
HarmonyOS之CSS实现哆啦A梦头像
原创 精华
头条 社区头条
作者:郑瑶前言:相信很多人的童年是看哆啦A梦一起长大的吧,小时候是真的希望能有一个自己的蓝胖子,因为蓝胖子无所不能。它伴随着我很长的一段童年生活。那么这次试着用纯css来实现一个静态版本的蓝胖子吧。效果展示实现步骤根据蓝胖子结构先定义好外部hml结构:将head分解为三个部分分别为:眼睛(eyes),脸(face)和围巾(scarf)hml代码:htmlcss代码部分:css.container{flexdirection:column;width:100%;height:100%;}...
2022-03-18 09:50:25 3973浏览 5点赞 4回复 3收藏
HarmonyOS-5分钟教会你原子化服务
原创 精华
头条 社区头条
前言作者:贾叶照在万物互联时代,人均持有设备量不断攀升,设备和场景的多样性,使应用开发变得更加复杂、应用入口更加丰富。在此背景下,应用提供方和用户迫切需要一种新的服务提供方式,使应用开发更简单、服务(如听音乐、打车等)的获取和使用更便捷。为此,HarmonyOS提供了特定功能的免安装的应用(即原子化服务)。原子化服务是HarmonyOS提供的一种面向未来的服务提供方式,是有独立入口的(用户可通过点击方式直接触发)...
2022-03-17 11:16:45 2896浏览 7点赞 1回复 3收藏