会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应

查看更多 →

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

查看更多 →

上传自定义库。 参考如何登录AstroCanvas中操作，登录AstroCanvas界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击，选择待上传的库，并设置库的基本信息。 图2 上传自定义库 库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。

查看更多 →

nvas界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击，选择待上传的库，并设置库的基本信息。 图2 上传自定义库 库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。 库ID：上传库的ID，由字母及数字组成，且必须以字母开头。

查看更多 →

如何不拦截带有.js的文件？ 您可以通过WAF的精准访问防护规则配置放行路径后缀为.js的文件，具体配置如下： 登录华为云WAF控制台，参考图1进入华为云WAF防护规则配置页面。 图1 防护规则配置页面入口 选择“精准访问防护”配置框，单击“添加规则”，配置如图2所示的规则。 图2

查看更多 →

打包后的文件名字。 --dest 打包后的文件夹的名称。 然后执行打包命令： npm run build-lib 打包执行完成后我们项目目录下就会多出一个“lib”文件夹，存放的是打包后的文件。 图8 输出件 父主题： 外部无AUI依赖开发示例

查看更多 →

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

查看更多 →

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

查看更多 →

当自定义组件需要添加动作属性时，请选用该模板。 事件和动作都是Widget的配置属性，用于实现Widget之间的交互。例如，单击某个Widget内的按钮，另外一个Widget需要进行数据更新操作，或者是需要跳转到同个应用下的其他页面，这时需要通过事件和动作的机制来实现。单击按钮是触发一个事件，该Widget需要选用“

查看更多 →

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

查看更多 →

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

查看更多 →

当自定义组件需要添加动作属性时，请选用该模板。 事件和动作都是Widget的配置属性，用于实现Widget之间的交互。例如，单击某个Widget内的按钮，另外一个Widget需要进行数据更新操作，或者是需要跳转到同个App下的其他页面，这时需要通过事件和动作的机制来实现。单击按钮是触发一个事件，该Widget需要选用

查看更多 →

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

查看更多 →

适用场景 在不同的页面中，可重复使用的模块。 复杂的页面拆分成多个低耦合的模块，有助于代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。 开发自定义组件前，请先了解JS和Vue相关知识，具备一定的JS和Vue开发经验。

查看更多 →

eject" } 运行npm run build的时候跑的实际代码是react-scripts build，项目根目录下“node_modules”文件夹，找到.bin目录并打开它找到“react-scripts”文件，打开这个文件，把--max_old_space_size=4096这行代码写在#

查看更多 →

在“requires”里增加库文件时，需要注意某些库文件之间有依赖关系，增加库文件需要有先后顺序，例如“global_VueI18n”是基于“global_Vue”的，需要写在“global_Vue”之后。依赖关系的详细介绍，请参见如何引入第三方库。 在“widget_demo_i18n.js”的ren

查看更多 →

新增密钥 将开发指导中生成的卡片JS进行上传管理。 将打包后的mylib.umd.min文件名修改为index，并同需要引用的静态资源压缩在同一级目录。 图4 zip示例截图 图5 上传卡片 Vue CLI生成的卡片输出为完整js，需要将其重命名为index.js，放置在zip压缩包内。否则会出现验证不通过的异常。

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

JS脚本反爬虫的检测机制是怎么样的？ JS脚本检测流程如图1所示，其中，①和②称为“js挑战”，③称为“js验证”。 图1 JS脚本检测流程说明 开启JS脚本反爬虫后，当客户端发送请求时，WAF会返回一段JavaScript代码到客户端。 如果客户端是正常浏览器访问，就可以触发这

查看更多 →