鸿蒙开发者社区

js的模块化进程现在前端技术日新月异，对于同一个问题痛点，各个时段有各自的解决方案，这就带来了很大差异。今天我就打算梳理js模块化的历史进程，讲一讲这些方案要做什么，怎么做。js模块化进程的起因现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。当一个项目开发的越来越复杂的时候，你会遇到一些问题：命名冲突（变量和函数命名可能相同），文件依赖（引入外部的文件数目、...

版本：webpack：5.4.0webpackcli：4.2.0测试二测试目录与内容：命令：测试目录的变化：注意事项：1.新版用webpack打包时需要加o选项，反面教材：2.新版用webpack打包时需要加完整的相对路径名（即使是当前目录也要加.），反面教材：

首先，运行报错：2.找decoder.py，问题行为raiseJSONDecodeError(“Extradata”,s,end)3.继续进入JSONDecodeError函数综上分析：这个问题还真挺特殊，之前没遇到过，当把json文本打印出来后，发现确实是内容很长，然而，如第一、三张图所示，字符串中的字符在字符串中是并列平等的关系，既然之前55756个字符都可以解析成功，而偏偏问题就出在55757个字符，所以，我推断，是由于存储溢出，也就是说一次性解析的字符太多，也就是s...

需读者要注意的点已经在代码中标记data数据模型驱动:exportdefault{data:{定义菜单项menus:[{"text":"首页","img1":".commonshoyyeu.png","img2":".commonshouyes.png"},{"text":"资讯","img1":".commonzixunu.png","img2":".commonzixuns.png"},{"text":"分类","img1":".commonfenleiu.png","img2":".commonfenleis.png"},{"text":"我的","img1":".commonwodeu.png","img2":".commonwodes.png"}],定义一个下标cinidex:0},chang...

版本：webpack：5.4.0webpackcli：4.2.0测试一测试目录与内容：命令：测试目录的变化：

在鸿蒙开发环境下有一下两个小点需要读者引起注意1.布局的时候一定要启用flex按列布局(这里与微信小程序js开发有一定区别)如下图:2.2.鸿蒙布局中不能直接写值必须用<text><text>包裹住而微信小程序则并不要求.完整过程如下:1.在data中定义数据模型data:{dataarrs:["麒麟","鲲鹏","升腾","凌霄","玄机","紫薇","天市","太微","饕餮"]}2.在视图层渲染布局:<divclass"pageview"><divclass"topview"><divclass"topcell"><textclass"...

今晚直播的2048游戏，可以到附件中下载项目源代码和课件。

1、开发板是什么级别，类似51单片机，ESP8266或nanopi之类？答：本次直播抽奖的WIFIIot智能家居套件是可以运行鸿蒙OS的开发版套件，采用3861芯片。比51单片机的算力要强很多。2、画的组件有点击或者触摸事件？答：单击或触摸事件需要通过ClickListner和TouchEventListner实现。3、老师，可以帮忙整理下代码结构和前后互掉逻辑吗？谢谢🙏答：可以的，我会近期理顺以下发到51CTO论坛中。4、和直接AIcameraC++源码控制的LCD显示有...

如果你有一个快乐的idea，想把它画出来，同时分享给其他人共同修改这个idea；当你希望把自己的idea,同步演示给十几个人或者更多的人看的时候，可能你就需要这个多设备共享涂鸦画板了。这个想法在以前看来是很难做到的，但是来听我的课，我会告诉你，现在有了HarmonyOS的分布式能力，想要做一个多设备共享涂鸦画板是非常容易的。2021年1月20日（周三，晚20：00），我将做一场直播，主题是多设备共享涂鸦画板Demo分享。免费报名，...

1.数据模型定义2.页面布局hml<divclass"pageview"><divclass"topview"><divclass"topcell"><textclass"txtview">{{title}}<text><div><divclass"topcell"><textclass"txtview">{{t1}}<text><div><divclass"topcell"><textclass"txtview">{{t2}}<text><div><div><divclass"contentview"><divclass"fbox"><blockfor"{{dataarrays}}"><divclass"box"><text>{{$item}}<text><div><block><div><div><divclass"bottomview"><textclass...

最近，TIOBE更新了7月的编程语言榜单，常年霸榜的C、Java和Python依然蝉联前三位。万万没想到的是，R语言居然冲到了第八位，创下了史上最佳记录。而且后续随着业内对数据统计和挖掘需求的上涨，R语言热度颇有些势不可挡的架势。然而作为程序员吃饭的工具，编程语言之间也形成了某种鄙视链，各大论坛里弥漫着剑拔弩张的气氛，众口难调。也难怪有很多初学者会有疑惑，为什么会有这么多编程语言，我到底应该学什么语言？回顾编程语...

前言为什么要把ES6系列总结出来呢，第一个是为了加深印象，第二个就是在之后的代码中尽量将能用的新特性都用上！如果我们以ES6的前后来区分代码风格的话，那么有关变量的部分应该是这样的之前：functionnewPoint(options){constargoptionsundefined{}:options;constxarg.x0:arg.x;constyarg.y0:arg.y;constrarg.r10:arg.r;console.log(x,y,r);}newPoint({x:5,y:5,r:10});之后functionnewPoint({x0,y0,r10}){console.log(x,y,r);...

一、基本用法先来看看ES5中我们怎么写一个函数constfoofunction(num){returnnum+1;};再来看看ES6为我们提供的箭头函数constfoo(num)>num+1;看这个例子难道箭头函数是为了让我们的代码看上去更“高大上”吗？我认为是这样的～，但这只是其中的一个很小原因，先来看看它有多“高大上”，也就是常见的用法多参数letfoo(value,num)>valuenum;多参数+多条语句：letfoo(value,num)>{constnewValvalue2;returnnewValnum;};返回一个对象...

一、let命令ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。即不会发生变量提升现象如果大家对什么是变量提升有疑惑，不妨看看《JavaScript中的变量提升与预编译》1.1let拒绝提升console.log(value);undefinedvarvalue'余光';通过var声明的变量，声明的这个操作会被提前，这导致你可以使用它虽然它的值不一样符合你的预期。{leta10;varb1;}console.log(a);aisnotdefine...

Iterator（遍历器）和for…of循环遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）一、迭代器和for…of浅谈1.1传统for循环先来看一段标准的for循环的代码：vararr[1,2,3];for(leti0;i<arr.length;i++){console.log(arr[i]);}123注意，我们拿到了里面的元素，但却多做了很多事：我们声明了i...

前言笔者个人认为，业务侧的前端其实蛮大一部分的工作的在处理异步请求和组织各种各样的请求把数据进行组装，比如从登录开始就需要处理登录拿到用户信息展示avator之类的组件，获取新闻列表接口拿到数据做table组件展示之类的业务是十分常见的。业务代码中的异步请求越多，如果处理的请求的代码不够优雅，那么后期维护的成本和可读性将会大打折扣。告别trycatch告别trycatch之前我想先说说为什么需要trycatch吧。如果说读者连为...

本文阿宝哥将分享这些年在学习TypeScript过程中，遇到的10大“奇怪”的符号。其中有一些符号，阿宝哥第一次见的时候也觉得“一脸懵逼”，希望本文对学习TypeScript的小伙伴能有一些帮助。好的，下面我们来开始介绍第一个符号——!非空断言操作符。一、!非空断言操作符在上下文中当类型检查器无法断定类型时，一个新的后缀表达式操作符!可以用于断言操作对象是非null和非undefined类型。具体而言，x!将从x值域中排除null和undefi...

最近半年陆续交接了几位同事的代码,发现虽然用了严格的eslint来规范代码的书写方式，同时项目也全量使用了Typescript,但是在review代码的过程中,还是有很多不整洁不规范的地方。良好的代码具有很好的可读性,后续维护起来也会令人愉悦,也能降低重构的概率。本文会结合Typescript,谈谈如何clean代码：基础规范函数式一、基础规范（1）常量常量必须命名,在做逻辑判断的时候，也不允许直接对比没有命名的常量。错误的书写switch(num...

一、findIndex和findLastIndex1.1findIndexfindIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回1。constarray1[5,12,8,130,44];constisLargeNumber(element)>element>13;console.log(array1.findIndex(isLargeNumber));expectedoutput:3实现Array.prototype.newFindIndexfunction(callback){constarrthis;constlenarr.length;for(leti0;i<len;i++){if(callback(arr[i],i,arr)){returni;}...

一.前言最近接到任务，需要给团队封装一个基于EggJS的上层NodeJS框架，在这个过程中参考了NestJS、Midway等开源项目，发现它们都引入了一项重要特性——IoC，于是笔者借这个机会对IoC进行了一些学习和梳理。本文主要参考了Midway的源码，按自己的理解基于TypeScript实现了IoC，希望能给大家提供一些参考。二.IoC按照维基百科，IoC（InversionofControl）控制反转，是面向对象编程中的一种设计原则，用来降低计算机代码之间的耦...