【鸿蒙开发基础学习】动态import

于 2024-08-10 15:01:59 发布
阅读量789 收藏 15
点赞数 13
分类专栏： 鸿蒙开发 文章标签： harmonyos 学习 华为
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huxiaoqiao163/article/details/141091098
版权

动态 import

动态 import 支持条件延迟加载，支持部分反射功能，可以提升页面的加载速度；动态 import 支持加载 HSP 模块/HAR 模块/OHPM 包/Native 库等，并且 HAR 模块间只有变量动态 import 时还可以进行模块解耦。

二、技术适用场景介绍

应用开发的有些场景中，如果希望根据条件导入模块或者按需导入模块，可以使用动态导入代替静态导入。下面是可能会需要动态导入的场景：

  1. 当静态导入的模块很明显的降低了代码的加载速度且被使用的可能性很低，或者并不需要马上使用它。
  2. 当静态导入的模块很明显的占用了大量的系统内存且被使用的可能性很低。
  3. 当被导入的模块，在加载时并不存在，需要异步获取。
  4. 当被导入的模块说明符，需要动态构建。（静态导入只能使用静态说明符）
  5. 当被导入的模块有副作用（这里的副作用，可以理解为模块中会直接运行的代码），这些副作用只有在触发了某些条件才被需要时。

三、业务扩展场景介绍

动态 import 在业务上除了能实现条件延迟加载，还可以实现部分反射功能。实例如下，HAP 动态 import HAR 包 harlibrary，并调用静态成员函数 staticAdd()、成员函数 instanceAdd()，以及全局方法 addHarlibrary()。

// harlibrary's src/main/ets/utils/Calc.ets 
export class Calc { 
  public static staticAdd(a:number, b:number):number {
    let c = a + b; 
    console.log('DynamicImport I am harlibrary in staticAdd, %d + %d = %d', a, b, c);
    return c; 
  } 

  public instanceAdd(a:number, b:number):number {
    let c = a + b; 
    console.log('DynamicImport I am harlibrary in instanceAdd, %d + %d = %d', a, b, c);
    return c; 
  } 
} 

export function addHarlibrary(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am harlibrary in addHarlibrary, %d + %d = %d', a, b, c);
  return c; 
} 
// harlibrary's Index.ets 
export { Calc, addHarlibrary } from './src/main/ets/utils/Calc'
// HAP's oh-package.json5 
"dependencies": { 
  "harlibrary": "file:../harlibrary" 
} 
// HAP's src/main/ets/pages/Index.ets 
import('harlibrary').then((ns:ESObject) => { 
  ns.Calc.staticAdd(8, 9);  // 调用静态成员函数staticAdd()
  let calc:ESObject = new ns.Calc();  // 实例化类Calc
  calc.instanceAdd(10, 11);  // 调用成员函数instanceAdd()
  ns.addHarlibrary(6, 7);  // 调用全局方法addHarlibrary()

  // 使用类、成员函数和方法的字符串名字进行反射调用
  let className = 'Calc'; 
  let methodName = 'instanceAdd'; 
  let staticMethod = 'taticAdd'; 
  let functionName = 'addHarlibrary'; 
  ns[className][staticMethod](12, 13);  // 调用静态成员函数staticAdd()
  let calc1:ESObject = new ns[className]();  // 实例化类Calc
  calc1[methodName](14, 15);  // 调用成员函数instanceAdd()
  ns[functionName](16, 17);  // 调用全局方法addHarlibrary()
});

四、动态 import 实现方案介绍

动态 import 根据入参是常量还是变量，分成动态 import 常量表达式和动态 import 变量表达式两大特性规格。

以下是动态 import 支持的规格列表：

动态 import 场景动态 import 详细分类说明
本地工程模块动态 import 模块内文件路径要求路径以./或…/开头
本地工程模块动态 import HSP 模块名-
本地工程模块动态 import HSP 模块文件路径暂仅支持动态 import 常量表达式，不支持动态 import 变量表达式
本地工程模块动态 import HAR 模块名-
本地工程模块动态 import HAR 模块文件路径暂仅支持动态 import 常量表达式，不支持动态 import 变量表达式
远程包动态 import 远程 HAR 模块名-
远程包动态 import ohpm 包名-
API动态 import @system.*-
API动态 import @ohos.*-
API动态 import @arkui-x.*-
模块 Native 库动态 import libNativeLibrary.so-

注：

  1. 当前所有 import 中使用的模块名是依赖方 oh-package.json5 的 dependencies 中的别名；
  2. 本地模块在依赖方的 dependencies 中配置的别名建议与 moduleName 以及 packageName 三者一致。moduleName 指的是被依赖的 HSP/HAR 的 module.json5 中配置的名字，packageName 指的是被依赖的 HSP/HAR 的 oh-package.json5 中配置的名字。
  3. import 一个模块名，实际的行为是 import 该模块的入口文件，一般为 index.ets/ts。

五、动态 import 实现中的关键点

（一）动态 import 常量表达式

动态 import 常量表达式是指动态 import 的入参为常量的场景。下面以 HAP 引用其他模块或 API 的示例来说明典型用法。

说明：本文示例代码中 Index.ets 等路径是按照当前 DevEco Studio 的模块配置设置，如后续发生变化，请调整位置及其他文件相对路径。

  1. HAP 常量动态 import HAR 模块名
// HAR's Index.ets 
export function add(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am a HAR, %d + %d = %d', a, b, c);
  return c; 
} 
// HAP's src/main/ets/pages/Index.ets 
import('myHar').then((ns:ESObject) => { 
  console.log(ns.add(3, 5)); 
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "myHar": "file:../myHar" 
}
  1. HAP 常量动态 import HAR 模块文件路径
// HAR's Index.ets 
export function add(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am a HAR, %d + %d = %d', a, b, c);
  return c; 
} 
// HAP's src/main/ets/pages/Index.ets 
import('myHar/Index').then((ns:ESObject) => {
  console.log(ns.add(3, 5)); 
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "myHar": "file:../myHar" 
}
  1. HAP 常量动态 import HSP 模块名
// HSP's Index.ets 
export function add(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am a HSP, %d + %d = %d', a, b, c);
  return c; 
} 
// HAP's src/main/ets/pages/Index.ets 
import('myHsp').then((ns:ESObject) => { 
  console.log(ns.add(3, 5)); 
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "myHsp": "file:../myHsp" 
}
  1. HAP 常量动态 import HSP 模块名文件路径
// HSP's Index.ets 
export function add(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am a HSP, %d + %d = %d', a, b, c);
  return c; 
} 
// HAP's src/main/ets/pages/Index.ets 
import('myHsp/Index').then((ns:ESObject) => {
  console.log(ns.add(3, 5)); 
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "myHsp": "file:../myHsp" 
}
  1. HAP 常量动态 import 远程 HAR 模块名
// HAP's src/main/ets/pages/Index.ets 
import('@ohos/crypto-js').then((ns:ESObject) => {
  console.log('DynamicImport @ohos/crypto-js: ' ns.CryptoJS.MD5(123456));
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "@ohos/crypto-js": "2.0.3-rc.0" 
}
  1. HAP 常量动态 import ohpm 包
// HAP's src/main/ets/pages/Index.ets 
import('json5').then((ns:ESObject) => { 
  console.log('DynamicImport json5'); 
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "json5": "1.0.2" 
}
  1. HAP 常量动态 import 自己的单文件
// HAP's src/main/ets/Calc.ets 
export function add(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am a HAP, %d + %d = %d', a, b, c);
  return c; 
} 
// HAP's src/main/ets/pages/Index.ets 
import('../Calc').then((ns:ESObject) => { 
  console.log(ns.add(3, 5)); 
});
  1. HAP 常量动态 import 自己的 Native 库
// libnativeapi.so's index.d.ts 
export const add: (a:number, b:number) => number;
// HAP's src/main/ets/pages/Index.ets 
import('libnativeapi.so').then((ns:ESObject) => {
  console.log('DynamicImport libnativeapi.so: ' ns.default.add(2, 3));
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "libnativeapi.so": "file:./src/main/cpp/types/libnativeapi"
}
  1. HAP 常量动态 import 加载 API
// HAP's src/main/ets/pages/Index.ets 
import('@system.app').then((ns:ESObject) => { ns.default.terminate(); });
import('@system.router').then((ns:ESObject) => { ns.default.clear(); });
import('@ohos.curves').then((ns:ESObject) => { ns.default.springMotion(0.555, 0.75, 0.001); });
import('@ohos.matrix4').then((ns:ESObject) => { ns.default.identity(); });
import('@ohos.hilog').then((ns:ESObject) => { ns.default.info(0x0000, 'testTag', '%{public}s', 'DynamicImport @ohos.hilog.'); });

（二）动态 import 变量表达式

DevEco Studio 中模块间的依赖关系通过 oh-package.json5 中的 dependencies 进行配置。dependencies 列表中所有模块默认都会进行安装（本地模块）或下载（远程模块），但是不会默认参与编译。HAP/HSP 编译时会以入口文件（一般为 Index.ets/ts）开始搜索依赖关系，搜索到的模块或文件才会加入编译。

在编译期，静态 import 和常量动态 import 可以被打包工具 rollup 及其插件识别解析，加入依赖树中，参与到编译流程，最终生成方舟字节码。但是如果是变量动态 import，该变量值可能需要进行运算或者外部传入才能得到，在编译态无法解析出其内容，也就无法加入编译。为了将这部分模块/文件加入编译，还需要额外增加一个 runtimeOnly 的 buildOption 配置，用于配置动态 import 的变量实际的模块名或者文件路径。

  1. runtimeOnly 字段 schema 配置格式
    在 HAP/HSP/HAR 的 build-profile.json5 中的 buildOption 中增加 runtimeOnly 配置项，仅在通过变量动态 import 时配置，静态 import 和常量动态 import 无需配置；并且，通过变量动态 import 加载 API 时也无需配置 runtimeOnly。

如下实例说明如何配置通过变量动态 import 其他模块，以及变量动态 import 本模块自己的单文件：

// 变量动态import其他模块myHar 
let harName = 'yHar'; 
import(harName).then(……); 

// 变量动态import本模块自己的单文件src/main/ets/index.ets
let filePath = './Calc'; 
import(filePath).then(……);

对应的 runtimeOnly 配置：

"buildOption": { 
  "arkOptions": { 
    "runtimeOnly": { 
      "packages": [ "myHar" ]  // 配置本模块变量动态import其他模块名，要求与dependencies中配置的名字一致。
      "sources": [ "./src/main/ets/utils/Calc.ets" ]  // 配置本模块变量动态import自己的文件路径，路径相对于当前 build-profile.json5 文件。
    } 
  } 
}

“runtimeOnly"的"packages”：用于配置本模块变量动态 import 其他模块名，要求与 dependencies 中配置的名字一致。
“runtimeOnly"的"sources”：用于配置本模块变量动态 import 自己的文件路径，路径相对于当前 build-profile.json5 文件。

  1. 使用实例

    • HAP 变量动态 import HAR 模块名
    // HAR's Index.ets 
export function add(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am a HAR, %d + %d = %d', a, b, c);
  return c; 
} 
// HAP's src/main/ets/pages/Index.ets 
let packageName = 'yHar'; 
import(packageName).then((ns:ESObject) => {
  console.log(ns.add(3, 5)); 
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "myHar": "file:../myHar" 
} 
// HAP's build-profile.json5 
"buildOption": { 
  "arkOptions": { 
    "runtimeOnly": { 
      "packages": [ 
        "myHar"  // 仅用于使用变量动态import其他模块名场景，静态import或常量动态import无需配置。
      ] 
    } 
  } 
}
    • HAP 变量动态 import HSP 模块名
    // HSP's Index.ets 
export function add(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am a HSP, %d + %d = %d', a, b, c);
  return c; 
} 
// HAP's src/main/ets/pages/Index.ets 
let packageName = 'yHsp'; 
import(packageName).then((ns:ESObject) => {
  console.log(ns.add(3, 5)); 
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "myHsp": "file:../myHsp" 
} 
// HAP's build-profile.json5 
"buildOption": { 
  "arkOptions": { 
    "runtimeOnly": { 
      "packages": [ 
        "myHsp"  // 仅用于使用变量动态import其他模块名场景，静态import或常量动态import无需配置。
      ] 
    } 
  } 
}
    • HAP 变量动态 import 远程 HAR 模块名
    // HAP's src/main/ets/pages/Index.ets 
let packageName = '@ohos/crypto-js'; 
import(packageName).then((ns:ESObject) => {
  console.log('DynamicImport @ohos/crypto-js: ' ns.CryptoJS.MD5(123456));
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "@ohos/crypto-js": "2.0.3-rc.0" 
} 
// HAP's build-profile.json5 
"buildOption": { 
  "arkOptions": { 
    "runtimeOnly": { 
      "packages": [ 
        "@ohos/crypto-js"  // 仅用于使用变量动态import其他模块名场景，静态import或常量动态 import 无需配置。
         ]
       }
     }
  }
    • HAP 变量动态 import ohpm 包
    // HAP's src/main/ets/pages/Index.ets 
let packageName = 'json5'; 
import(packageName).then((ns:ESObject) => {
  console.log('DynamicImport json5'); 
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "json5": "1.0.2" 
} 
// HAP's build-profile.json5 
"buildOption": { 
  "arkOptions": { 
    "runtimeOnly": { 
      "packages": [ 
        "json5"  // 仅用于使用变量动态 import 其他模块名场景，静态 import 或常量动态 import 无需配置。
      ] 
    } 
  } 
}
    • HAP 变量动态 import 自己的单文件
    // HAP's src/main/ets/Calc.ets 
export function add(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am a HAP, %d + %d = %d', a, b, c);
  return c; 
} 
// HAP's src/main/ets/pages/Index.ets 
let filePath = '../Calc'; 
import(filePath).then((ns:ESObject) => { 
  console.log(ns.add(3, 5)); 
}); 
// HAP's build-profile.json5 
"buildOption": { 
  "arkOptions": { 
    "runtimeOnly": { 
      "sources": [ 
        "./src/main/ets/Calc.ets"  // 仅用于使用变量动态 import 模块自己单文件场景，静态 import 或常量动态 import 无需配置。
      ] 
    } 
  } 
}
    • HAP 变量动态 import 自己的 Native 库
    // libnativeapi.so's index.d.ts 
export const add: (a:number, b:number) => number;
// HAP's src/main/ets/pages/Index.ets 
let soName = 'libnativeapi.so'; 
import(soName).then((ns:ESObject) => { 
  console.log('DynamicImport libnativeapi.so: 's.default.add(2, 3));
}); 
// HAP's oh-package.json5 
"dependencies": { 
  "libnativeapi.so": "file:./src/main/cpp/types/libnativeapi"
} 
// HAP's build-profile.json5 
"buildOption": { 
  "arkOptions": { 
    "runtimeOnly": { 
      "packages": [ 
        "libnativeapi.so"  // 仅用于使用变量动态 import 其他模块名场景，静态 import 或常量动态 import 无需配置。
      ] 
    } 
  } 
}
    • HAP 变量动态 import 加载 API
    // HAP's src/main/ets/pages/Index.ets 
let packageName = '@system.app'; 
import(packageName).then((ns:ESObject) => { ns.default.terminate(); });
packageName = '@system.router'; 
import(packageName).then((ns:ESObject) => { ns.default.clear(); });
packageName = '@ohos.curves'; 
import(packageName).then((ns:ESObject) => { ns.default.springMotion(0.555, 0.75, 0.001); });
packageName = '@ohos.matrix4'; 
import(packageName).then((ns:ESObject) => { ns.default.identity(); });
packageName = '@ohos.hilog'; 
import(packageName).then((ns:ESObject) => { ns.default.info(0x0000, 'testTag', '%{public}s', 'DynamicImport @ohos.hilog.'); });

    变量动态 import 加载 API 时无需配置 runtimeOnly。

六、HAR 模块间动态 import 依赖解耦

当应用包含多个 HAR 包，且 HAR 包之间依赖关系比较复杂。在 IDE 中配置依赖关系时，可能会形成循环依赖。这时，如果 HAR 之间的依赖关系中仅有变量动态 import，可以将 HAR 包之间直接依赖关系转移到 HAP/HSP 中配置，HAR 包之间无需配置依赖关系，从而达到 HAR 包间依赖解耦的目的。如下示意图：

HAR 之间依赖关系转移到 HAP/HSP 后：

（一）使用限制

  1. 仅限本地源码 HAR 包之间形成循环依赖时可使用该规避方案。
  2. 被转移依赖的 HAR 之间只能通过变量动态 import，不能有静态 import 或常量动态 import。
  3. 转移依赖时，dependencies 和 runtimeOnly 依赖配置要同时转移。
  4. HSP 不支持转移依赖。即：HAP->HSP1->HSP2->HSP3，这里的 HSP2 和 HSP3 不能转移到 HAP 上面。
  5. 转移依赖的整个链路上只能有 HAR，不能跨越 HSP 转移。即：HAP->HAR1->HAR2->HSP->HAR3->HAR4。HAR1 对 HAR2 的依赖可以转移到 HAP 上，HAR3 对 HAR4 的依赖可以转移到 HSP 上，但是，不能将 HAR3 或 HAR4 转移到 HAP 上。

（二）使用实例

下面的实例 HAP 变量动态 import HAR 包 har1，har1 变量动态 import 另一个 HAR 包 har2。

// HAP's oh-package.json5 
"dependencies": { 
  "har1": "file:../har1" 
} 
// HAP's build-profile.json5 
"buildOption": { 
  "arkOptions": { 
    "runtimeOnly": { 
      "packages": [ 
        "har1"  // 仅用于使用变量动态 import 其他模块名场景，静态 import 或常量动态 import 无需配置。
      ] 
    } 
  } 
} 
// HAP's src/main/ets/pages/Index.ets 
let harName = 'har1'; 
import(harName).then((ns:ESObject) => { 
  console.log('DynamicImport addHar1 4 + 5 = ' ns.addHar1(4, 5));
}); 
// har1's oh-package.json5 
"dependencies": { 
  "har2": "file:../har2" 
} 
// har1's build-profile.json5 
"buildOption": { 
  "arkOptions": { 
    "runtimeOnly": { 
      "packages": [ 
        "har2"  // 仅用于使用变量动态 import 其他模块名场景，静态 import 或常量动态 import 无需配置。
      ] 
    } 
  } 
} 
// har1's Index.ets 
export { addHar1 } from './src/main/ets/utils/Calc'
// har1's src/main/ets/utils/Calc.ets 
export function addHar1(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am har1, %d + %d = %d', a, b, c);

  let harName = 'har2'; 
  import(harName).then((ns:ESObject) => { 
    console.log('DynamicImport addHar2 4 + 5 = ' ns.addHar2(4, 5));
  }); 
  return c; 
} 
// har2's Index.ets 
export { addHar2 } from './src/main/ets/utils/Calc'
// har2's src/main/ets/utils/Calc.ets 
export function addHar2(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am har2, %d + %d = %d', a, b, c);
  return c; 
}

har1 对 har2 的依赖 dependencies 和 runtimeOnly 配置转移到 HAP 中，har1 不需要配置对 har2 的 dependencies 和 runtimeOnly 配置：

// HAP's oh-package.json5 
"dependencies": { 
  "har1": "file:../har1", 
  "har2": "file:../har2" 
} 
// HAP's build-profile.json5 
"buildOption": { 
  "arkOptions": { 
    "runtimeOnly": { 
      "packages": [ 
        "har1", 
        "har2" 
      ] 
    } 
  } 
} 
// HAP's src/main/ets/pages/Index.ets 
let harName = 'har1'; 
import(harName).then((ns:ESObject) => { 
  console.log('DynamicImport addHar1 4 + 5 = ' ns.addHar1(4, 5));
}); 
// har1's Index.ets 
export { addHar1 } from './src/main/ets/utils/Calc'
// har1's src/main/ets/utils/Calc.ets 
export function addHar1(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am har1, %d + %d = %d', a, b, c);

  let harName = 'har2'; 
  import(harName).then((ns:ESObject) => { 
    console.log('DynamicImport addHar2 4 + 5 = ' ns.addHar2(4, 5));
  }); 
  return c; 
} 
// har2's Index.ets 
export { addHar2 } from './src/main/ets/utils/Calc'
// har2's src/main/ets/utils/Calc.ets 
export function addHar2(a:number, b:number):number {
  let c = a + b; 
  console.log('DynamicImport I am har2, %d + %d = %d', a, b, c);
  return c; 
}
铸剑先生100
关注
专栏目录
HarmonyOS鸿蒙开发指南:基础组件 input开发指导
sybh的博客
01-09 1093
仅当Input类型为checkbox和radio时，当前组件是否选中的属性checked才生效，默认值为false。该方法在Input类型为text、email、date、time、number和password时生效。通过设置type属性来定义Input类型，如将Input设置为button、date等。在pages/index目录下的hml文件中创建一个Input组件。通过对Input组件添加showError方法来提示输入的错误原因。根据场景选择不同类型的Input输入框，完成信息录入。
HarmonyOS鸿蒙开发指南:基础组件 picker开发指导
sybh的博客
01-09 1092
通过设置Picker的type属性来选择滑动选择器类型，如定义Picker为日期选择器。Picker的hours属性定义时间的展现格式，可选类型有12小时制和24小时制。对Picker添加change和cancel事件，来对选择的内容进行确定和取消。hours属性为12：按照12小时制显示，用上午和下午进行区分；在本场景中，开发者可以自定义填写当前的健康情况来进行打卡。普通选择器设置取值范围时，需要使用数据绑定的方式。hours属性为24：按照24小时制显示。
HarmonyOS应用开发者高级认证，Next版本发布后最新题库 - 多选题序号3
最新发布
Gusha_的博客
07-22 4247
HarmonyOS应用开发者高级认证最新题库，编写于2024年7月19日，Next版本发布之后
详解webpack import()动态加载模块踩坑
10-18
主要介绍了详解webpack import()动态加载模块踩坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
HarmonyOS NEXT - 动态import
u011143672的博客
06-14 1233
应用开发的有些场景中，如果希望根据条件导入模块或者按需导入模块，可以使用动态导入代替静态导入。当静态导入的模块很明显的降低了代码的加载速度且被使用的可能性很低，或者并不需要马上使用它。当静态导入的模块很明显的占用了大量的系统内存且被使用的可能性很低。当被导入的模块，在加载时并不存在，需要异步获取。当被导入的模块说明符，需要动态构建。（静态导入只能使用静态说明符）当被导入的模块有副作用（这里的副作用，可以理解为模块中会直接运行的代码），这些副作用只有在触发了某些条件才被需要时。
动态 import
我是张跑跑
09-12 2988
动态 import
动态import
An滴饭儿的博客
01-26 1391
使用动态import之前，我们都是使用静态import引入页面中所需要的所有模块。动态import的作用就是按需加载想要引入的模块。如下例子：helloWorld.js中抛出一个方法，正常使用的话是在app.js中用import * as h1 from “helloWorld.js”。 Import()返回的结果是一个promise对象，promise对象成功的值module就是引入的这个模块往外抛出的对象。 动态import是ES11中的新特性 ...
HarmonyOS从基础到实战-高性能华为在线答题元服务
热门推荐
一键难忘的博客
11-21 13万+
HarmonyOS从基础到实战-高性能华为在线答题元服务 在本文中，我们介绍了一个关于在线答题应用的项目，其中包括项目结构和开发计划。项目主要分为主应用的Ability（entryability）、卡片的Ability（Entnyformability）、从云数据库导出的数据类型（Models）以及页面代码文件夹（Pages）等模块。使用了两个重要的配置文件，分别是agconnect-services.json和schema.json，用于连接serverless服务和云端配置信息。
HarmonyOS鸿蒙开发指南:基础组件 button开发指导
sybh的博客
01-09 1155
文本按钮（type=text），自适应文本大小，不支持尺寸样式设置（radius，width，height），背景透明不支持background-color样式。如果需要添加ohos.permission.INTERNET权限，则在resources文件夹下的config.json文件里进行权限配置。通过设置Button的type属性来选择按钮类型，如定义Button为圆形按钮、文本按钮等。在本场景中，开发者可根据输入的文本内容进行Button类型切换。
鸿蒙HarmonyOS应用开发者认证 题库+答案案
01-18
本资源提供了鸿蒙HarmonyOS应用开发者认证的题库和答案，涵盖了HarmonyOS应用开发的多个方面，包括容器组件、 Ability、Web组件、网络请求、首选项、自定义组件、弹窗组件、图片加载、网络权限等。通过学习和理解...
【鸿蒙实战教程】HarmonyOS中的动态import和静态import的概念与区别
HarmonyOS_001的博客
06-19 1755
有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术？也不知道鸿蒙开发的知识点重点掌握的又有哪些？自学时频繁踩坑，导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙（HarmonyOS NEXT）全栈开发资料用来跟着学习是非常有必要的。这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了。
ES11-动态import
hunter_97的博客
04-20 608
在ES6中import只能实现静态导入，也就是我们在使用某一个模块文件的时候，需要在文件头部导入这个模块。如： 而在后期的开发过程当中一些时候我们导入的模块并不一定都会使用到，但是还是需要提前导入，这时候就会导入一个实际没有用到的文件如：import ma from './ma.js' var a = getValue(); // getValue是一个获取数据的函数 if(a >...
华纳云：JavaScript中的动态import()怎么使用
YOKEhn的博客
04-17 383
今天小编给大家分享一下JavaScript中的动态import()怎么使用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
es6动态模块import()
qq_37312180的博客
03-11 3042
import命令会被 JavaScript 引擎静态分析，先于模块内的其他语句执行（import命令叫做“连接” binding 其实更合适）。上面代码中，引擎处理import语句是在编译时，这时不会去分析或执行if语句，所以import语句放在if代码块之中毫无意义，因此会报句法错误，而不是执行时错误。也就是说，import和export命令只能在模块的顶层，不能在代码块之中（比如，在if代码块之中，或在函数之中）。这样的设计，固然有利于编译器提高效率，但也导致无法在运行时加载模块。
JavaScript语法特性篇-动态导入 import()
weixin_43303603的博客
06-24 1643
动态导入import 使用场景及如何使用
import实现动态导入的原理
jsPao的博客
11-03 1155
它允许将模块异步和动态地加载到可能的非模块环境中，实现代码分割使代码更加模块化，从而提高网页性能。
鸿蒙系列--动态共享包的依赖与使用
weixin_42277946的博客
01-04 3507
鸿蒙系列--动态共享包的跨包调用
鸿蒙开发入门：DevEco Studio详解与环境配置
“鸿蒙学习第一篇—了解 DevEco Studio.pdf” 这篇学习资料主要介绍了...随着对DevEco Studio的深入学习和使用，开发者能够快速掌握HarmonyOS应用的开发技能，为不同平台的HarmonyOS设备创建丰富的应用程序和服务。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

铸剑先生100

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值