鸿蒙开发者社区

上周在看关于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...

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

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

沃尔沃汽车开放创新Hackathon[点击即可报名](https:jinshuju.netfd0oLvN)创客们，如果你有想法，有创意，希望通过你的应用为汽车带来创新价值，让汽车使用变得更智能、更方便、更有趣，沃尔沃汽车开发创新Hackathon就是你的舞台！通过沃尔沃汽车开发者创新门户https:developer.volvocars.com提供的API接口，你可以读取车辆状态或控制车辆，让你的创新应用为未来的汽车用户提供个性化、可持续和安全的用车体验！沃尔沃汽车提供：...

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

文字图像超分辨率文字图像超分辨率可以对包含文字内容的图像进行9倍放大（高宽各放大3倍），同时增强图像内文字的清晰度，称为“文字图像超分辨率”，简称“文字图像超分”。场景介绍拍照效果增强：增加拍摄内容里文字的清晰度。文字档案翻拍：翻拍字迹模糊的文字档案，提升文字的可识别度。通用文字识别通用文字识别的核心技术是OCR（OpticalCharacterRecognition，光学字符识别）。OCR是一种通过拍照、扫描等光学输入方式，把...

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

delphi语言支不支持鸿蒙App开发

1.abilitymain.xml2.MainAbilitySlicepublicclassMainAbilitySliceextendsAbilitySliceimplementsComponent.DoubleClickedListener{Imageimage;OverridepublicvoidonStart(Intentintent){super.onStart(intent);super.setUIContent(ResourceTable.Layoutabilitymain);image(Image)findComponentById(ResourceTable.Idimg);获取DirectionalLayout对象DirectionalLayoutdirectionalLayout(DirectionalLayout)findComponentById(Re...

引言录音和音频播放在app中是一个很常见的功能，本文将介绍在HarmonyOS如何使用录音和音频播放功能。功能介绍1.录音1.1使用录音前需要先申请录音权限在config.json文件中添加权限声明json"reqPermissions":[{"name":"ohos.permission.MICROPHONE","reason":"theappneedmicrophone","usedScene":{"ability":["com.iflytek.demo.MainAbility"],"when":"always"}}]然后在MainAbility中动态申请麦克风权限javaprivatevoidrequestPer...

1.在abilitymain.xml2.MainAbilitySlicepublicclassMainAbilitySliceextendsAbilitySliceimplementsComponent.TouchEventListener{Texttext;intcount0;定义一个成员变量，验证touchEvent方法的调用OverridepublicvoidonStart(Intentintent){super.onStart(intent);super.setUIContent(ResourceTable.Layoutabilitymain);1.获取布局对象和文本DirectionalLayoutdl(DirectionalLayout)findComponentById(ResourceTable.Iddl);text...

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

在今年6月2日，华为终于正式推出了鸿蒙OS，标志着国内第一款自主可控的手机系统诞生了。这是中国人第一款手机操作系统，而且它的诞生不仅仅是弥补了中国没有手机操作系统的缺憾，更是打开了万物互联，智享万物的物联网大门。在国产操作系统华为鸿蒙系统发布后，软件和系统厂商首要解决的问题就是软件和系统的测试问题，否则很容易出现不兼容、闪退、出现Bug等问题。实际上，别说全新的操作系统了，就连比较成熟的iOS系统或者And...

手机碰一碰，美味饮品自动流出，还不用手洗？当九阳不用手洗豆浆机、破壁机与华为鸿蒙系统合为一体，这一切便近在眼前。近日，华为开发者大会成为全网关注焦点。作为鸿蒙系统首批合作伙伴，此次大会上，九阳不仅推出了不用手洗破壁机、不用手洗豆浆机等一系列搭载鸿蒙系统的小家电，还联合中国家用电器研究院、华为发布了《搭载物联网操作系统的智能家电的技术要求豆浆机》、《搭载物联网操作系统的智能家电的技术要求破壁机》...

就目前而言，基于硬件的生态是相互割裂的，不管是手机、手表、电视还是车机，都有各自独立的生态。这些割裂的生态降低了用户体验。用户期望能够打破单个设备的孤岛，获得多设备之间的无缝体验。未来几年，随着人均持有的终端设备数量越来越多，全场景体验才是赢取未来的制高点，为此，鸿蒙操作系统面向的是1+8+N的全场景体验，如下图所示。1+8+N中的“1”指的是处于中间位置的手机，它是用户流量的核心入口。1+8+N中的“8”指的...

前言之前看到“粒子消散”的特效组件，于是就产生想法（自己也弄个特效组件应该挺有意思的）。这个烟花特效可以添加到游戏胜利的界面中，可能还有其他应用场景哈哈。这也算是我做的第一个组件原创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为每一...