使用JS面板 在常规代码开发中，我们需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候我们需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。

查看更多 →

引用 本章节介绍脚本间相互引用的原则。 脚本中不要包含没用到的标准库或对象的引用。 例如，如果实际没用到sys模块的任何方法，则不要包含如下语句： import * as sys from 'sys'; 如果实际上只用到了CA_PC_Offering对象，则示例语句中其他对象需要删除：

查看更多 →

关联字段：选择当前页面中的关联记录。 引用字段：选择引用的具体字段。 属性：设置字段的属性，勾选“隐藏”后，页面上会隐藏该字段。 宽度：该字段配置框的宽度，占页面宽度的比例。 问号提示：当该字段较难理解时，可通过配置“问号提示”告诉用户该字段的含义、如何配置等，可以设置为中文，也可以设置为英文。

查看更多 →

lobal_Vue”的，需要写在“global_Vue”之后。依赖关系的详细介绍，请参见如何引入第三方库。 在“widget_demo_i18n.js”的render方法中，使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量，并新建Vue实例传入该“i18n”变量。

查看更多 →

本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端应用”。 单击待编辑应用模块内的“应用开发”，进入设计器。 在左侧插件栏中，单击，展开物料资产包。 在

查看更多 →

2或以上版本。 如果客户端用Node.js开发， 推荐安装12.16.1或以上版本。 支持Chrome 73或以上版本的浏览器。 如果客户端用TypeScript开发，TypeScript的版本不低于3.8.3。 由于浏览器安全策略限制，仅支持通过https:// 域名 的方式访问，或者直接在本地

查看更多 →

引用变量 在组合应用的流任务编排中，以及连接器和处理器配置中涉及到大量的输入输出信息，还涉及到大量的配置信息需要填写。用户在编辑设计组合应用时，可以通过变量的方式快速引用流任务中的输入输出信息和配置信息，帮助用户便捷高效的设计组合应用。 组合应用中的变量可以分为系统变量、节点变量

查看更多 →

头及麦克风的权限。 SDK集成 将获取的SDK压缩包放置在自己项目的“sdk”目录下。 在项目代码中引入“hrtc”。 如果您通过<script>方式引入华为WebRTC SDK，则通过访问HRTC获取导出的模块： <script src='./sdk/hrtc.js'>

查看更多 →

html 注意：此处访问使用localhost作为域名，而没有使用编译器中的IP，原因是Chrome 47以后，getUserMedia API只能允许来自“安全可信”的客户端的视频音频请求，如https和本地的localhost。如果页面的脚本从一个非安全源加载，Chrome会抛出错误。

查看更多 →

工具版本 根据用户实际开发环境的需要，选择对应的工具版本。 编译构建服务支持的工具版本，可查看构建工具版本。 是 命令 配置Npm命令，一般使用系统默认生成的命令即可。如有特殊构建要求，可以在文本域中输入自定义的构建脚本。更多命令使用方法可参考Node.js官网。 是 代码化构建 参

查看更多 →

如果选择“下载原始模板”，下载到本地的组件包中，组件名称不会被修改。 开发自定义组件 初识组件文件结构。 将下载到本地的组件包进行解压，使用您熟悉的开发工具进行开发。本章节以下载组件模板中下载的TabsWidget组件为例，介绍组件包的文件结构以及各文件的功能。 表2 组件文件结构 文件名

查看更多 →

总体开发思路 开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 我们可以把功能或者需求类似的有机体封装成一个业

查看更多 →

组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 是 initContainer render中抽取的独立逻辑，初始化

查看更多 →

用于获取模板中定义的其他元素初始化后的结果。 get_reference 是get_attribute的简化方式。当要获取得到的属性信息是以id或name结尾时，将处理替换为get_attribute的refID或refName方式。 get_in_map 用于获取映射表中的内容。 条件函数

查看更多 →

生命周期介绍 这里的生命周期特指Vue的生命周期，Vue的生命周期可以简单分为四个阶段：创建阶段，挂载阶段，运行阶段，销毁阶段。 图5 生命周期介绍 setup：在组件创建时执行。 onBeforeMount：在组件被挂载之前执行。 onMounted：在组件挂载完成后执行。 onBeforeUpdate：在组件更新之前执行。

查看更多 →

Studio Code 1.43.2或以上版本。 如果客户端用Node.js开发，推荐安装14.19.1或以上版本。 支持的浏览器详情请参见浏览器适配详情。 如果客户端用TypeScript开发，TypeScript的版本不低于3.8.3。 SDK集成 将SDK下载到本地，建议将SDK

查看更多 →

组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 是 initContainer render中抽取的独立逻辑，初始化

查看更多 →

若选择“下载原始模板”，下载到本地的包中组件名称不会被修改。 将下载到本地的Widget包进行解压，认识组件结构。 本章节以下载的TabsWidget组件为例，说明组件包的文件结构及各文件的功能。 表2 组件文件结构 文件名 文件说明 TabsWidget.js 组件逻辑文件，整个Widget的渲染核心J

查看更多 →

提取/引入重构 简介 引入变量 引入参数 引入字段 引入常量 提取方法 提取接口 提取超类 提取委托 引入功能参数 引入功能变量 提取方法对象 引入参数对象 父主题： 重构

查看更多 →

引入字段 此重构允许您创建一个新的类字段，使用选定的表达式初始化它，并使用对创建的类字段的引用替换原始表达式。这与内联字段重构相反。 执行重构 在代码编辑器中，将光标放置在要提取到类字段的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Fiel

查看更多 →

Parameter。 在打开的Introduce Functional Parameter对话框中，提供引入参数的名称和其他重构选项。 在Parameters of type列表中，为提取的参数选择其中一种的类型。 选择是否应将提取的参数声明为final参数。 要保留原始方法并使用引入的参数定义新方法，请选中Delegate

查看更多 →