鸿蒙开发者社区

这份报告是根据LaurieVoss(NPM的联合创始人、COO)在npmandtheFutureofJavaScript上的演讲整理的。没有任何数据数据是完美的。如果你有任何的疑问，你可以阅读这篇文章，看下我们是怎么聚合这些数据的。NPM拥有超过1000万用户，每个月下载超过300亿个包。每周二是NPM访问量最大的一天。用户平均在这一天下载超过13亿JavaScript开源代码包。通过分析这些下载数据，我们可以看到JavaScript开发人员们都在从事哪方面的工作。除此之...

写在前面前段时间，我写过一篇文章前端开发中的Error以及异常捕获。在文章中，我提到了这个问题：经过不断探索(不想再喷自己了)，我找到了原因。下面一一道来。本文主要讲解自己找问题原因的思路，如果想看结论和总结，请直接跳到文末。问题复现我是在自己以前的项目中测试addEventListener的重写的。这里直接上精简后的问题代码：importReactfrom'react';importReactDOMfrom'reactdom';constnativeAddEventListenerEventTarget...

​一,前言1024一起专注游戏是在屏幕上画上NxN个方格(如4x4共16个)，格子内任意填写上从1开始顺序生成的数字(如116共16个数字)。游戏时，要求玩家用手指按从小到大(如116)的顺序依次指出其位置，按完所有数字后，显示所用的时间(秒)。所用时间越短，注意力水平越高。能够培养注意力集中、分配、控制能力；拓展视幅；加快视频；提高视觉的稳定性、辨别人、定向搜索能力。此游戏为最简单，最有效也是最科学的注意力训练方法。寻找...

背景在H5页面或者app的webview中调起第三方app核心调起app是操作系统(iOS、Android)的机制，在h5页面，我们可以做的不多。在调起之前，h5页面无法判断当前手机是否安装了对应的app，我们只能去尝试调起，并且用一些方法来处理没有调起的情况。调起的原理就不介绍了，网上一搜一大堆。直接上核心代码。if(iOS9){window.location.href${universalLink};}else{varifrdocument.createElement('iframe');ifr.src${scheme};ifr.style....

背景最近一直在做报表之类的需求，用highcharts比较多。highcharts使用svg进行绘图，所以学习了一下svg，稍微记录一下。概况svg是XML语言的一种形式。SVG可以通过定义必要的线和形状来创建一个图形，也可以修改已有的位图，或者将这两种方式结合起来创建图形。图形和其组成部分可以变形，可以合成，还可以通过滤镜完全改变外观。可能不太准确的简单来说，"就是可以绘图的html"。用法坐标svg的坐标系统与html的一样，都是以元素...

不知不觉，正式工作马上两年了，待了两家公司，做过的项目也不少了，总结一下自己在写代码上的经验累积。1.确定变量的类型不要使用，使用JS是弱类型语言，类型检查不严格。在判断两个变量是否相等的时候，使用会进行隐式的类型转换。比如：['a']'a';true;1'1';true;在前端项目日益复杂的今天，早已不再是后端吐出数据，前端直接展示就行了。一些计算是需要放在前端进行的。前端要进行计算，那么变量的类型在整个过程中，就必须...

写在前面在这个数据无比重要的时代，用户在网页上面的一系列操作，都需要用数据记录下来。在一个网页中，某个元素的点击数，展现数可以说是最基本的指标了。点击数很简单，用户点击的时候，上报一条点击日志即可。但是展现日志，就稍微麻烦一点了。特别是对于必须要上下滑动页面才会出现的元素。滑动展现的场景，在feed流形式的产品上十分常见。所以，一个轻量级的组件，reactscrolltoshowcb诞生了。组件整体介绍安装：npminsta...

背景在项目中使用highcharts是很容易的，移动端也适配的不错，按照官网教程即可。但是在移动端，由于手机端屏幕太小，需求方希望可以弄一个全屏图，把手机横过来观察曲线。正常：竖过来：很容易想到的一种实现方法：设置曲线container的宽为屏幕的高，高为屏幕的宽，然后给曲线的container加一个transform:rotate(90deg)，就能够实现竖屏了。这样看起来没问题，但是当需要展现tooltip的时候，会发现tooltip不好使了。表现出来的...

9月30号的OpenHarmony线上直播大家伙都围观了吗？可谓大咖云集，干货满满！每个月我们都将开展OpenHarmony相关直播内容，更有开发板、周边礼品等直播礼物相送！速速关注账号，提前获得直播预告！会上，OpenHarmony迎来了重大更新，发布了3.0长期支持版，这是今年发布的第二个长期支持版，也是首个真正意义上全量长期支持版本。相较于OpenHamrony1.0LTS版本只支持小型和轻量系统，OpenHamrony3.0LTS版本覆盖了小型、轻量和标准系...

1.准备win10电脑2.安装乌班图，3.获取openHarmony源码4.获取源码指令：1.hpminittdefalut2.hpmibearpibearpihmnano5.等待源码下载完成。6.编译源码指令hpmdist如果用gitclone获取的源码的话，编译指令为python7.用RaiDrive工具创建一个虚拟磁盘。8.用vscode打开9.在sample目录下创建一个新的文件夹为app，并在app文件夹下创建Hello.c文件和BUILD.gn文件10.在Hello.c文件里编写代码cincludeinclude"ohosinit.h"voidHello(void){p...

【HarmonyOS设备数量超1.5亿】华为常务董事，消费者业务CEO，智能汽车解决方案BUCEO余承东宣布，HarmonyOS设备数量超1.5亿，成为史上发展最快的终端操作系统。【首款鸿蒙座舱汽车年底发布】全新HarmonyOS智能座舱，简洁高效，生态共享。智能汽车新四化最重要的是智能化和网联化，HarmonyOS将让汽车的智能达到新的高度。【华为2022年第一季度发布HarmonyOS3开发者预览版】围绕弹性部署、超级终端、一次开发多端部署三个核心价值...

JS开发appindexindex.hmlindexindex.js效果图：indexindex.css.container{flexdirection:column;}tvmediascreenand(devicetype:tv){.title{alignitems:flexstart;flexdirection:column;paddingleft:60px;paddingright:160px;margintop:15px;}.name{fontsize:20px;}.subtitle{fontsize:15px;color:7a787d;margintop:10px;}.swiperstyle{height:300px;width:350px;indicatorcolor:4682b4;indicatorselectedcolor:f0e68c;indicator...

HarmonyOS通过组件化和小型化等设计方法，支持多种终端设备按需弹性部署，能够适配不同类别的硬件资源和功能需求。支撑通过编译链关系去自动生成组件化的依赖关系，形成组件树依赖图，支撑产品系统的便捷开发，降低硬件设备的开发门槛。支持各组件的选择（组件可有可无）：根据硬件的形态和需求，可以选择所需的组件。支持组件内功能集的配置（组件可大可小）：根据硬件的资源情况和功能需求，可以选择配置组件中的功能集。例如...

[toc](目录)EpidemicServiceAssistant疫情服务助手卡片介绍前段时间国内的新冠疫情又出现了一些波动，公司也要求每天上报健康码和行程码，就想着能不能用服务卡片做一个，于是就开始行动了，想着大体可以分成2步走，需要先设计UI，然后对接相关的接口，不过对接接口要麻烦一些，需要有相关的开放接口，目前还没实现。搭建环境安装DevEcoStudio，详情请参考[DevEcoStudio下载](https:developer.harmonyos.comcndevelopdevecostud...

[toc](目录)CommonEvent公共事件介绍每个应用都可以订阅自己感兴趣的公共事件，订阅成功后且公共事件发布后，系统会把其发送给应用。这些公共事件可能来自系统、其他应用和应用自身，用来支持用户订阅、发送和接收公共事件。发送公共事件需要借助CommonEventData对象，接收公共事件需要继承CommonEventSubscriber类并实现onReceiveEvent回调函数。本示例演示了公共事件的订阅、发布和退订。搭建环境安装DevEcoStudio，详情请参...

1.indexindex.hml{{imageNormal.title}}{{imageSelect.title}}{{frameContainerPhone.title}}{{frameContainerState.title}}2.indexindex.cssimport'....commoncssstyle.css';.container{flexdirection:column;alignitems:center;}.containersondiv{width:100%;height:200px;}.linediv{flexdirection:column;width:50%;height:180px;}.linedivson{flexdirection:column;width:100%;alignitems:center;justifycontent:center;}.t...

背景及简介  在HarmonyOSJSUI官方提供的组件中没有图标组件，要使用图标的话需要使用image组件引入图片资源，如果图标状态或者样式需要改变时，就需要使用另一张图片来替换，操作起来比较麻烦。移动端使用图标的场景会比较多，如果全部使用图片来实现效果，会增加很多图片资源引用，对于代码开发也会有很多的不便，在此背景下想能实现一个图标的组件，能够自定义样式便于修改和引用，也能动态的切换图标样式。 &...

子张问善人之道。子曰：“不践迹，亦不入于室。”《论语》：先进篇百篇博客分析.本篇为:(重定位篇)与国际接轨的对外发言人加载运行相关篇为:[v51.04鸿蒙内核源码分析(ELF格式)应用程序入口并非main](https:harmonyos.51cto.composts8859)[v53.03鸿蒙内核源码分析(ELF解析)敢忘了她姐俩你就不是银](https:harmonyos.51cto.composts8862)[v54.04鸿蒙内核源码分析(静态链接)一个小项目看中间过程](https:harmonyos.51cto.composts4...

报错信息compileSdkVersionandreleaseTypeoftheappdonotmatchtheapiVersionandreleaseTypeonthedevice.原因鸿蒙工程的api版本比机器支持的版本高了。解决方案1、方案一、降低鸿蒙工程里的api版本修改entry模块下的build.gradle文件中的compatibleSdkVersion版本号。2、方案二、找支持高版本的机器。目前如果要支持Api7，可以选择“P40Pro”。（P40不支持）

什么是SwitchSwitch是一种用于显示开关状态的UI控件.基础样例1.普通开关效果图代码xml2.选中开关效果图代码xml3.设置开关上文字效果图代码xml4.设置开关上文字颜色和字体大小效果图代码xml基础样例完整源代码https:gitee.comhspbcharmonyosdemostreemasterswitchDemo常用属性说明属性名用途ohos:width设置控件宽度,可设置为:matchparent(和父控件一样),matchcontent(按照内容自动伸缩),设置固定值(如200vp)ohos:height设置控件...