鸿蒙开发者社区

众所周知，JS是一门单线程语言，可是浏览器又能很好的处理异步请求，那么到底是为什么呢？JS的执行环境一般是浏览器和Node.js，两者稍有不同，这里只讨论浏览器环境下的情况。JS执行过程中会产生两种任务，分别是：同步任务和异步任务。同步任务：比如声明语句、for、赋值等，读取后依据从上到下从左到右，立即执行。异步任务：比如ajax网络请求，setTimeout定时函数等都属于异步任务。异步任务会通过任务队列(EventQueue)的机...

本节学习一个二维码展示组件QRCode。调用方式很简单，接口参数输入我们希望被读取的字符串内容即可，可通过color属性设置二维码的颜色(如果不设置颜色属性，则默认为黑色)，通用事件仅支持点击事件：javascript3.11QRCode组件显示二维码信息。接口:QRCode(value:string)value:string二维码内容字符串。属性:.color(Color)默认值Black,设置二维码颜色。事件:通用事件仅支持点击事件。本节教程演示的目标为：二维码上面嵌入头像，...

[toc](目录)主题本帖使用Dayu200为开发板，展示一个在线旅游App世界巡游团。注意：本文不涉及App上的用户互动，仅为页面设计效果的实现。设计效果图Dayu200的预览配置为了大幅提高UI的开发效率，降低Dayu200的使用门槛，在开发过程中，强烈建议使用DevEcoStudio3.0Beta3（OpenHarmony）的MatePadPro作为预览配置，并调整到竖屏模式，最终与Dayu200上的效果近似一致。资源导入本案例为了简单起见，文字与颜色直接写在代码中，仅...

本帖使用Dayu200为开发板，展示一个化妆品在线商店的App首页：溢彩美妆App。注意：本文不涉及App上的用户互动，仅为页面设计效果的实现。[toc](目录)设计预览下图是在设计软件中的效果预览：可以看到设计感潮流感十足，简洁大方，页面上有大量的留白区域和明暗背景交错，并有正常模式和方便夜间查看的暗黑模式。Dayu200暂时不能屏幕截图，手机拍照精度太低；也为了预览方便起见，Dayu200的预览配置为了大幅提高UI的开发效率，降...

简介PVState全称是PresenterViewState。是我创造的一种全新的声明式UI下的架构模式，从目前看来，我认为它是声明式UI下最好的架构模式。它包含PState和VState。这里的State指的是StatefulWidget的State。这个模式是从传统的MVC、MVP、MVVM推演出来的，因此有必要对各个传统架构模式进行分析，看它们为什么会存在？解决了什么问题？我先抛出一个结论：在PVState架构没有出现之前，MVC是声明式UI下最好的架构模式。MVCMVC的全称是...

0X08TOPK问题TOPK问题真的非常经典，通常问的有最小的K个数，寻找第K大都是TOPK这种问题，这里就用力扣215寻找数组第K大元素作为板子。详细分析：一文拿捏TOPKTOPK的问题解决思路有很多，如果优化的冒泡或者简单选择排序，时间复杂度为O(nk),使用优化的堆排序为O(n+klogn)，不过掌握快排的变形就可以应付大体上的所有问题了(面试官要是让你手写堆排序那真是有点难为你了)。快排每次确定一个数pivot位置，将数分成两部分：左面的...

最长公共子序列最长公共子序列也成为LCS.出现频率非常高！给定两个字符串text1和text2，返回这两个字符串的最长公共子序列的长度。如果不存在公共子序列，返回0。一个字符串的子序列是指这样一个新的字符串：它是由原字符串在不改变字符的相对顺序的情况下删除某些字符（也可以不删除任何字符）后组成的新字符串。例如，"ace"是"abcde"的子序列，但"aec"不是"abcde"的子序列。两个字符串的公共子序列是这两个字符串所共同拥有的...

0X03环形链表对应力扣141和力扣142，力扣141环形链表要求为：给定一个链表，判断链表中是否有环，用O(1)内存解决。详细分析：环形链表找入口，真的太妙了这个问题利用快慢双指针比较高效，快指针fast每次走2步，slow每次走1步，慢指针走n步到尾时候快指针走了2n步，而环的大小一定小于等于n所以一定会相遇，如果相遇那么说明有环，如果不相遇fast先为null说明无环。具体代码为：publicclassSolution{publicbooleanhasCycle(List...

大家好，我是bigsai，好久不见，天天想念。最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，最近铺天盖地的出现，学到就是赚到。本篇主要内容为：0X01翻转链表力扣206和剑指offer24原题，题意为：给你单链表的头节点head，请你反转链表，并返回反转后的链表。分析：翻转链表，本意是不创建新的链表...

二叉树的后序遍历二叉树的后序遍历非递归方式实现起来难度最大的，能够手写非递归后序，一定能亮瞎面试官的眼！后序遍历在二叉树树的顺序可以看下图(红色箭头指向的表示需要访问的，可以看出如果子树为null，那肯定要访问，否则就是从右子树回来的时候才访问这个节点)。递归二叉树递归方式后序遍历很简单，跟前序中序的逻辑一样，在力扣145有后序的code测试大家可以自己尝试一下。这里直接放我写的后序递归方式：classSolution{...

前言大家好，我是bigsai，好久不见，甚是想念！今天带大家征服二叉树的前中后序遍历，包含递归和非递归方式，学到就是赚到！很多时候我们需要使用非递归的方式实现二叉树的遍历，非递归枚举相比递归方式的难度要高出一些，效率一般会高一些，并且前中后序枚举的难度呈一个递增的形式，非递归方式的枚举有人停在非递归后序，有人停在非递归中序，有人停在非递归前序(这就有点拉胯了啊兄弟)。我们回顾递归，它底层其实是维护一个...

今天来学习一下两个简单易用的图表组件Progress和DataPanel。1.Progress组件Progress是一个进度条组件，用于显示内容加载或操作处理进度。鸿蒙官方文档只给出了其接口和属性的说明，如下：javascript3.10.1Progress组件进度条，用于显示内容加载或操作处理进度。接口:Progress(value:{value:number,total:number,style:ProgressStyle})value:number指定当前进度值。total:number默认值100,指定进度总长。style:ProgressStyle默...

本节讲解评分条组件Rating的两种基本使用方法：用作表单组件和用作展示组件。首先我们看下Rating组件的接口、属性和事件的说明：javascript3.9Rating组件评分条组件。接口:Rating(options:{rating:number,indicator:boolean})rating:number默认值0，设置并接收评分值。indicator:boolean默认值false，仅作为指示器使用，不可操作。属性:.stars(number)默认值5，设置评星总数。.stepSize(number)默认值0.5，操作评级的步长。.sta...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)一、前言之前我们开发了小熊派的LED灯驱动，并且编写了相应的代码调用自己的开发驱动，但是自己写的代码只能在终端以命令的形式调用，显然这样十分的不太友好。假设小熊派是我们的一个智能设备，这个LED是我们的手电筒，通过命令行的形式打开手电筒肯定不是我们所期待的，我们更希望能够在图像界面上点一个按钮从而打开我们的手电筒，...

[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言初次接触OpenHarmony，由于习惯JS开发，所以就使用JS实现这个小练习，主要是考虑可能会常用到，于是就封装成一个小组件来玩耍了效果代码hml代码layout组件有四个插槽，one、two、three、fourhtmlxml{{$item.title}}JS代码javascriptlayout组件propsiconBaseUrl导航菜单图片路径,type:string,default:"commonimagesicon"activeBaseUrl当前激活的菜单图...

[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13954)作者：吴亮亮简介formcomponent用于展示桌面图标和卡片。卡片类似于安卓上的小部件，可以显示于桌面上或者在一些其他系统服务页面。在展示卡片时，使用cardfrontend解析hml标记语言，这是与应用展示不同的一种方式。OpenHarmony支持的应用界面开发有js的类web(hml+css+js)和ets两种声明式，在展示卡片时单独使用了这种更轻量的卡片式(也是类web的,hml+css...

很荣幸能参与到这次DAYU200体验官的活动，感谢51CTO，感谢润和。本文主要分享如何在DAYU200上使用NAPI打通南向和北向，实现RGBLED彩灯控制器的过程。演示视频如链接[视频链接](https:ost.51cto.comshow13518)1.开发环境此实验的主要开发环境如下：DevEcoStudio版本：DevEcoStudio3.0.0.900OpenHarmony版本：OpenHarmony3.1Releasenapigenerator版本：napigenerator20220319.tar.gz（本人电脑环境WIN11+WSL2+Ubuntu20.04）2南向...

[[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)]本节介绍一个比较简单的计数器组件Counter，可提供相应的增加或者减少的计数操作。1.接口Counter组件的接口不需要任何参数。javascriptCounter()2.事件不支持通用事件和手势，仅支持监听数值增加或减少的事件。javascriptonInc(callback:()void)监听数值增加事件。onDec(callback:()void)监听数值减少事件。示范代码首先，我们定义两个变量，用于记录当...

以下为本人实际工作中经验所得分享，日常项目中涉及到实时视频流播放，大都会选择flvJs，后者videoJs。而由于这两款无法满足实际需求并且无法解码h265视频流，所以在后端C++的配合下，一起写了一套自用的视频流播放器，视频解码使用的是libffmpeg，找不到资源的可以私信我，原理就是利用wasm编写c++代码使用ffmpeg进行视频解码。由于算法解码压力，解码动作在浏览器完成对电脑及带宽都有一定要求。视频播放我们采用了两种方式来...

作者：杨尚晓前言之前在web中实现过该功能，想着直接搬过来修改一下，也能在OpenHarmony上跑起来。其实360度全景展示功能的用途还是挺多的，比如一些购物平台用于全面展示一件商品，这样可以更全面直观的了解这件商品；还有一些售楼平台，可以去展示一些全景户型等等。项目说明工具版本：DevEcoStudio3.0Beta2SDK版本：3.0.5.2（APIVersion7Beta2）主要组件：canvas效果展示实现原理基于canvas画布，通过绘制一个360°的序列帧...