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

查看更多 →

首先，我们需要下载Node.js的安装包。您可以在Node.js的官方网站（https://nodejs.org/）下载安装包。 安装完成后，打开命令行工具，输入以下命令来检查Node.js是否成功安装： node -v 如果安装成功，应该可以看到Node.js的版本号。 npm是Node.js的包管

查看更多 →

夹，存放的是打包后的文件。 图9 输出件 修改文件名称并压缩为zip格式的压缩包。 将打包后的mylib.umd.min.js文件名修改为index.js，并和需要引用的静态资源一起选中，压缩在同一级目录。 图10 zip示例截图 Vue CLI生成的卡片输出为完整js，需要将其重命名为index

查看更多 →

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

查看更多 →

beforeDestroy()函数：组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 /** * 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁 */ beforeDestroy()

查看更多 →

方库，在降低组件开发复杂度的同时，丰富了组件的功能。库是支撑高级页面组件运行的第三方依赖，如果缺少相应的库，则高级页面组件不能正常运行。华为云Astro轻应用提供了一些系统预置库，可在高级页面组件中直接引用或在页面设置中直接进行加载并使用。当系统预置的库无法满足需求时，可以上传自

查看更多 →

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

查看更多 →

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

查看更多 →

名字 新提交组件的名称，系统会根据组件包名称自动填充。 widgetdemoi18n 上传源文件 组件源文件包。 选择2.e中的widget_demo_i18n.zip 场景 组件包的应用场景，可同时选择多个。 高级页面 发行说明 组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。

查看更多 →

”路径下，使用您所需要的图标替换示例包原有的“default.png”和“hover.png”，前者为默认状态的图标，后者为鼠标经过时高亮效果的图标。 修改组件定义文件的基本属性。 打开在src文件夹的“\components\imgButton”路径下的定义文件“imgButton

查看更多 →

发行说明 上传库的发布描述信息。 上传成功后，在库的“租户”中，可查看到上传的库。 图3 上传完成 “全局”页签中的库，是系统预置的库，不可编辑和禁用，只能下载。 （可选）查看该库的版本号和库ID。 单击已上传的组件，进入库的详情页面，即可查看到库ID。在详情页的“更改历史”中，

查看更多 →

这里的ng命令也和React一样，在项目根目录“node_modules”文件夹下的.bin目录里面存在名为ng的文件，修改该文件的首行： #!/usr/bin/env node --max_old_space_size=4096 父主题： Npm构建

查看更多 →

变量 输入变量 输出变量 本地变量 父主题： Terraform 配置指南

查看更多 →

yml文件中的任何类型的属性。 递归引用其他YAML/JSON文件中的任何类型的属性。 递归地嵌套变量引用，提高灵活性。 合并多个变量引用以相互覆盖。 约束与限制 只能在serverless.yml的values属性中使用变量，而不能使用键属性。因此，您不能在自定义资源部分中使用变量生成动态逻辑ID。

查看更多 →

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

查看更多 →

在AstroZero管理中心，可管理当前环境中该账号下的库资产。 使用说明 AstroZero支持用户通过引用第三方库的方式，在降低组件开发复杂度的同时丰富组件的功能。因此，库是支撑高级页面、大屏页面、小屏页面组件运行的第三方依赖。若缺少相应的库，则页面组件不能正常运行。 查看库详情 参考

查看更多 →

该执行动作无输出参数。 变量赋值 使用变量赋值前需进行变量的定义，即在“初始化变量”动作定义完成后，变量赋值的侧边栏参数“变量名”的下拉列表中才能选取到参数。在变量名的最右侧会展示变量的类型。 输入参数 用户配置变量赋值执行动作，如图2所示，相关参数说明如表6所示。 图2 变量赋值输入参数 表6

查看更多 →

将下载到本地的组件包进行解压，使用您熟悉的开发工具进行开发。本章节以下载的shiftManagement组件为例，介绍组件包的文件结构以及各文件的功能。 表1 组件文件结构 文件名 文件说明 shiftManagement.js 组件逻辑文件，整个Widget的渲染核心JS，在组件编

查看更多 →

性能分析：提供组件渲染的性能数据，帮助找到和解决性能瓶颈。 插件支持：可以集成第三方Vue插件，为开发者提供更多的调试工具。 定制设置：允许开发者根据自己的喜好调整Devtools的外观和行为。 总的来说，Vue Devtools是每个Vue开发者必备的工具，无论是新手还是经验丰富的开发者，都

查看更多 →

新提交组件的名称，系统会根据组件包名称自动填充。 widgetdemoproperty 上传源文件 组件源文件包。 选择2中的widget_demo_property.zip 场景 组件包的应用场景，可同时选择多个。 高级页面 发行说明 组件的描述信息，按需进行设置。此处配置的信息，

查看更多 →

如上异常报LodopFuncs.js文件中函数未声明is not defined，可先排查文件；文件正常则可能是不符合eslint规范导致报错。 处理方法 检查LodopFuncs.js文件中getCLodop函数是否已定义。 如果文件正常，可以在eslint检查不通过的文件头部添加如下命令行忽略eslint的检查。

查看更多 →