鸿蒙开发者社区

写在前面2020年5月13日，Deno终于正式发布了。Deno是基于V8JavaScript引擎和Rust编程语言的JavaScript和TypeScript运行时。它是由Node.js之父RyanDahl创建的，专注于安全性和生产力。为什么会有Deno已经有了Node.js，为什么还要搞一个Deno呢？按RyanDahl在2018年的一个演讲，他在设计Node.js的时候，犯了几个"错误"（演讲PPT我之前收集过，在公众号回复前端学习即可自行获取）。这几个"错误"是：没有坚持使用Promise。没有足够...

大部分前端开发人员都会遇到一个流行词：V8。它的流行程度很大一部分是因为它将JavaScript的性能提升到了一个新的水平。是的，V8很快。但它是如何发挥它的魔力？为什么它反映如此迅速呢？官方文档指出：V8是谷歌开源高性能JavaScript和WebAssembly引擎，用C++编写。它主要用在Chrome和Node.js中，等等。换句话说，V8是一种C++开发的软件，它将JavaScript编译成可执行代码，即机器码。现在，我们开始看得更清楚，Chrome和Node.js...

写在前面在所有的编程语言中，我们声明一个变量时，需要系统为我们分配一块内存。当我们不再需要这个变量时，需要将内存进行回收（这个过程称之为垃圾回收）。在C语言中，有malloc和free来协助我们进行内存管理。在JS中，开发者不需要手动进行内存管理，JS引擎会为我们自动做这些事情。但是，这并不意味着我们在使用JS进行编码时，不需要关心内存问题。JS中的内存分配与变量内存声明周期如下：分配你所需要的内存使用分配到的内...

写在前面不知不觉的，写Node.js已经一年了。不同于最开始的demo、本地工具等，这一年里，都是用Node.js写的线上业务。从一开始的Node.js同构直出，到最近的Node接入层，也算是对Node开发入门了吧。目前，我一个人维护了大部分组内流传下来的Node服务，包括内部系统和线上服务。新增的后台服务，也是尽可能地使用Node进行开发。本文是一下自己最近的一些小小的总结和思考。本文不会深入讲解Node.js本身的特性，架构等等。我也没...

随着人类城市化进程的加快，一幢幢大楼拔地而起，中央空调也广泛的应用到城市建筑中。据调查，目前建筑能耗占了全社会总能耗的三分之一。而在拥有中央空调的建筑里，中央空调又是耗能大户，约占建筑总能耗的60%。中央空调耗能巨大，所以，如何提升中央空调的用能效率，成为政府和企业纷纷关注的焦点。以中央空调为例，中央空调实质上承担的是一个搬运工的角色，将外界的冷量源源不断的搬到室内。用人工手段，对建筑或建筑物内环...

写在前面在前端项目中，由于JavaScript本身是一个弱类型语言，加上浏览器环境的复杂性，网络问题等等，很容易发生错误。做好网页错误监控，不断优化代码，提高代码健壮性是一项很重要的工作。本文将从Error开始，讲到如何捕获页面中的异常。文章较长，细节较多，请耐心观看。前端开发中的ErrorJavaScript中的ErrorJavaScript中，Error是一个构造函数，通过它创建一个错误对象。当运行时错误产生时，Error的实例对象会被抛出。构...

写在前面在前端开发中，npm已经是必不可少的工具了。使用npm，不可避免的就要和package.json打交道。平时package.json用得挺多，但是没有认真看过官方文档。本文结合npm官方文档以及自己平时使用过程中的感悟，谈一谈package.json。官方文档在这里。初始化使用npminit命令就可以初始化一个package.json文件。在初始化的过程中，会叫用户输入name,version等等信息，当然，你都可以忽略。一路点回车，就生成了下面这样一个初始化...

这份报告是根据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不好使了。表现出来的...

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...

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

DevEcoStudio版本说明记录了DevEcoStudio历史版本的更新记录。如果已经安装DevEcoStudio，Windows平台可以通过点击Help>CheckforUpdate按钮来检查并更新最新版本；macOS平台可以通过点击DevEcoStudio>checkforupdates按钮来检查并更新最新版本。您也可以通过DevEcoStudio官方网站下载完整的安装包，包括如下两个版本：V2.1Release版本，支持HarmonyOS2的稳定版本，支持API5。V3.0Beta1版本，支持HarmonyOS3.0.0开发者预览版（AP...

海量教学资源，包教包会，手把手带你入门鸿蒙应用开发！图书购买链接京东：https:item.jd.com13336048.html当当:http:product.dangdang.com29269334.html各方认可作者协《鸿蒙操作系统应用开发实践》亮相央视经济半小时节目！！本书特点本书针对HarmonyOSSDK4版本，对鸿蒙操作系统的应用开发基础进行了梳理和介绍。同时，构建了一个在分布式场景非常常用的视频流直播实例作为实战的内容演练，进行了详细的分析和讲解。同时，书...