鸿蒙开发者社区

[toc](目录)一，写代码前重点讲解1，编辑器及版本需求如下：2，装完对应开发工具后在新建工程时需要选上Ark,见下图中红色部分。注意：假如没有这个ark选项，就需要在编辑器中filesetting中进行配置，配置如下：二，Ark认知和扮演角色讲解1，Ark主要是帮助我们快速的编写我们想要的页面，它能自动生成html,css。2，切记Ark不能帮助我们编写js逻辑代码，但是它能快速帮助开发人员将页面控件事件和开发人员编写的JS函数相关联，还...

[toc](目录)导读：使用微信小程序完成hi3861配网以及控制全过程。整体设计图小程序配网1.配网原理图1.开发板开启热点模式2.手机连接开发板热点3.手机通过udp发送WiFi信息4.开发板保存WiFi信息、关闭热点、并连接WiFi2.硬件代码编写1.开启热点并接收信息2.连接WiFi代码3.mqtt代码4.其他逻辑代码c...readyforresetwifi();charwificonfiged[]"0";UtilsGetValue("wificonfiged",wificonfiged,sizeof(wificonfiged));printf("wificon...

你眼中的3D可视化的案例是否是各种条形图、柱状图等等堆积在一起进行数据的展示？今天看完为大家整理的三个3D可视化优秀作品，你就知道原来3D可视化应用还可以这样做，欢迎大家分享与收藏。一、智慧工厂3D可视化3D可视化工厂厂房在数字化的今天，已经被越来越多的公司和企业应用。智慧工厂3D可视化管理平台基于数字孪生的理念，集成工厂生产、经营、安全、监控、设备等业务系统的数据，结合三维仿真技术，创建虚拟数字孪生工厂...

历经2000多个日夜的筹办与期盼，北京冬奥会进入“百日冲刺”阶段。从2008年到2022年，奥林匹克运动将迎来“从高峰到高峰”的时刻。北京这个世界首座“双奥之城”将带来怎样的惊喜？世界在期盼中国答案。传统的体育馆在管理和运营方面基本是人力为主，因为每个人的肉眼可见度有限，比如对于水质，空气，温度湿度把握的不够充分，对于进场人员的风控也不够完善，都给体育馆和用户带来不小的隐患。ThingJS智慧场馆，基于物联网技术...

一,前言在介绍之前，吐槽一下为什么文档Ets组件里没有文本输入框，这么基础的组件都不先提供的，好的当时在HDC大会体验Ets实例时，见到有用输入框，名叫TextInput，在开发工具是没有提示的，然后我也尝试用它来为我的Demo提供输入，然而发现个问题，当我把TextInput组件里的text属于绑定State定义变量时，每次在文本框输入内容，点击按钮，清空变量值，这时文本输入框也清空了，但当我再次输入内容时，输入文本框会追加上次的内...

据说，看过韩国电影《门锁》的人，都会趴到地上看床底，检查那里是不是藏着一个陌生人。电影的女主角是一个独居的单身小职员，跟大多数独居的姑娘一样小心谨慎，出门反复检查门锁、包里放着防狼警报器。许多网友看了电影都说「它比鬼片还恐怖」，这种恐惧感来源于电影过分「贴近生活」。图片来源：《门锁》关于独居女孩的社会新闻，每隔一段时间就会报道一批。被骚扰、盗窃、伤害的案例比比皆是。不仅是年轻女性，现在很多年轻...

理解JavaScript的工作原理是写出高效JavaScript代码的关键。忘记那些无关紧要的毫秒级改进：错误地使用对象属性可能导致简单的一行代码速度降低7倍。考虑到JavaScript在软件堆栈所有级别中的普遍性，即使不是所有级别的基础设施，也可能会出现微不足道的减速，而不仅仅是网站的菜单动画。有许多的方法来编写高效的JavasScript代码，但在这篇文章里面，我们将着重介绍编译器友好的优化方法，这意味着源代码使编译器优化变得简单...

上一篇文章介绍了canvas中的拖拽、缩放、旋转中涉及到的数学知识。代码准备如何在canvas中画出一个带旋转角度的元素在canvas中，如果一个元素带有一个旋转角度，可以直接变化canvas的坐标轴来画出此元素。举个例子，ctx.save();保存旧的坐标系状态ctx.translate(x0+w2,y0+h2);坐标原点移动到旋转中心ctx.rotate(angle);旋转坐标系ctx.translate((x0+w2),(y0+h2));坐标原点还原ctx.rect(x0,y0,w,h);以新坐标系为参照，画出矩形。...

做过运营活动需求的同学都知道，一般一个运营活动中会用到很多的图片资源。用户访问首页时，都会看到一个loading态，表示页面正在加载所需的所有图片资源。像下面这样：手动加载一个图片的代码也很简单：varimgnewImage();img.onloadfunction(){...}img.src'图片地址';之所以要提前加载所有的图片，是为了在后续的页面中使用图片时，不会因为需要加载图片而产生耗时，导致体验问题。本文所要讨论的场景就是：怎么样做到在首页加...

上周在看关于reactredux的一个在线ppt时，偶然发现了一个现象：如果我开两个浏览器tab，同时访问这个页面，我在其中一个页面切换ppt，另外一个页面会跟着变化。链接在这里：https:blog.isquaredsoftware...效果如下：研究了一下，这个效果其实就是用localStorage来实现的。localStorage基本知识点localStorage,是一个用来做本地持久化存储的WebApi。localStorage以键值对的形式存储数据。用法很简单：设置localStorage.setItem(...

内联JavaScript在现在的前端项目中是比较常见的，比如一些全局函数，全局统计逻辑等，我们可能会以内联JavaScript的方式写在HTML里。那么，内联JavaScript最好应该放在哪里呢？页面渲染流程首先来看看这个问题：页面是怎么渲染的？大致流程如下：页面的渲染是一个复杂的过程，这里就不再详细说了。简单总结一下，就是使用HTML构建DOM树，CSS构建CSSOM，两者结合生成RenderTree，然后再进行渲染。推荐几篇值得收藏，反复阅读的文...

浏览器在什么时候会去加载一张图片呢？当然是我们网页中有图片的时候。在平时的项目开发中，我们还常常会用图片进行日志上报，大概像下面这样：varimgnewImage();img.src'http:上报地址a1'新建一个Image，将其src赋值，浏览器便会发出一个网络请求。再来考虑一下下面的代码：varscriptEldocument.createElement('script');scriptEl.src'http:xxxx.js';上面的代码会发起网络请求么？答案是：不会。只需要增加一行代码，将script...

先来看一段很常见的代码：constarr[1,2,3];for(constiofarr){console.log(i);1，2，3}上面的代码中，用for...of来遍历一个数组。其实这里说遍历不太准确，应该是说：for...of语句在可迭代对象（包括Array，Map，Set，String，TypedArray，arguments对象等等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句。iteratorECMAScript2015规定了关于迭代的协议，这些协议可以被任何遵循某些约定的对象来实现...

在上一篇文章中，梳理了javascript中的两个重要概念：iterator和generator，并且介绍了两者在异步操作中的应用。在异步操作中使用iterator和generator是一件比较费劲的事情，而ES2017给我们提供了更为简便的async和await。async和awaitasyncmdn上说：asyncfunction声明用于定义一个返回AsyncFunction对象的异步函数。异步函数是指通过事件循环异步执行的函数，它会通过一个隐式的Promise返回其结果。简单来说，如果你在一个函数...

前言在我们日常开发的里面，很多场景经常会用到进度条，而系统提供的进度条样式又无法满足我们的使用，这时候我们就需要自定义一个进度条，自定义JS进度条主要涉及以下知识点：如何自定义组件及引用如何自定义绘制图形(draw)如何创建并执行动画(animation)如何设置自定义组件的参数(setter)如何监听自定义组件的参数(getter)效果演示代码实现如何自定义组件及引用1.Js自定义组件，只需要新创建一个包，直接在里面编写界面，样式...

React在16.8版本正式发布了Hooks。关注了很久，最近正好有一个小需求，赶紧来试一下。需求描述需求很简单，部门内部的一个数据查询小工具。大致长成下面这样：用户首次访问页面，会拉取数据展示。输入筛选条件，点击查询后，会再次拉取数据在前端展示。需求实现使用ReactClassComponent的写法如果使用以前的class写法，简单写一下，代码可能大概长成下面这样：importReactfrom'react';import{Tabs,Input,RangeTime,Button,Table...

前言昨天是七夕节，令我“幸福”的是，被热心市民送来了七夕青蛙，听取一天了蛙声一片。吃饱了一整天的狗粮后，有点撑着，于是决定加班加点，用服务卡片实现了一个简单的小游戏：暴打七夕青蛙！游戏虽简单，但玩起来是真的爽！效果展示视频[效果视频](https:harmonyos.51cto.comshow7782)效果图编写过程更改程序标签和程序的图标在resources文件下的zh.element中的string.json中修改如下，就把应用的名字修改为“七夕青蛙”，而...

前言之前看到“粒子消散”的特效组件，于是就产生想法（自己也弄个特效组件应该挺有意思的）。这个烟花特效可以添加到游戏胜利的界面中，可能还有其他应用场景哈哈。这也算是我做的第一个组件原创demo啦，欢迎各位评论区指导一下O(∩∩)O概述效果图如下有三种模式可以选择，一种是图案只有五角星，一种是图案只有三角形，还有一种是图案既有五角星又有三角星。颜色有10种，还有背景音乐（自己DIY的烟花音效）！话不多说，开整！...

如果你是从传统的强类型语言转到JavaScript来的，那么你可能熟悉void的概念：一种类型，它告诉你函数和方法在调用时不返回任何内容。void在JavaScript中作为运算符存在，在TypeScript中作为基本类型存在。在JS和TS中，void的用法和大多数人习惯的有所不同。JavaScript中的voidJS中的void是一个运算符，它对紧跟其后的表达式求值。不管是什么表达式，void总是返回undefined。letivoid2;iundefined为什么我们需要这么写？这是因为...

在本章中，我们将介绍用于ECMAScript和WebAssembly的V8引擎的内存管理，这些引擎用于NodeJS、Deno&Electron等运行时，以及Chrome、Chromium、Brave、Opera和MicrosoftEdge等web浏览器。由于JavaScript是一种解释性语言，它需要一个引擎来解释和执行代码。V8引擎解释JavaScript并将其编译为机器代码。V8是用C++编写的，可以嵌入任何C++应用程序中。首先，我们来看看V8引擎的内存结构。由于JavaScript是单线程语言，所以V8为每一...