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

查看更多 →

开发自定义组件 初识组件文件结构。 将下载到本地的组件包进行解压，使用您熟悉的开发工具进行开发。本章节以下载组件模板中下载的TabsWidget组件为例，介绍组件包的文件结构以及各文件的功能。 表2 组件文件结构 文件名 文件说明 TabsWidget.js 组件逻辑文件，整个Widge

查看更多 →

件包的文件结构及各文件的功能。 表2 组件文件结构 文件名 文件说明 TabsWidget.js 组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明请参见表3。 TabsWidget.editor.js 组件

查看更多 →

如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装

查看更多 →

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

查看更多 →

目录结构如图3所示，其中userLogin.js文件是写vue业务逻辑的代码，userLogin.ftl用于写html代码，userLogin.css用于写样式代码，userLogin.editor.js以及packageinfo.json是配置文件。 图3 目录结构 在本地编辑器中打开文件夹，把userLogin

查看更多 →

test.js // 单位为MB 修改老生代内存限制 node --max_new_space_size=1024 test.js // 单位为KB 修改新生代内存限制 针对前端三大框架的解决方法如下： 框架类型 解决方法 Vue 只需要修改“package.json”文件中“bu

查看更多 →

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

查看更多 →

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

查看更多 →

构建找不到必须的项目文件 问题现象 使用Maven等工具构建时，通常会依赖特定的构建文件，如：pom.xml文件等。如果工具找不到相应的构建文件，则会失败并报“xxx工程找不到xxx文件”此类错误，常见的错误信息如下： 工具 构建文件 错误信息 Maven pom.xml The

查看更多 →

页面JS 编写JS脚本 单击左侧插件栏中页面JS按钮即可打开页面JS面板。在代码编辑区中编写好代码后单击右上角保存按钮。 图1 代码编辑区 系统预先编写好了一些范例脚本，单击“展示使用帮助”可以查看提供的范例脚本。 可以将需要使用的相关范例复制，然后单击“关闭使用帮助”回到JS代码编辑页面，粘贴到代码编辑区进行使用。

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

引入参数对象 此重构允许您将方法的参数移动到新的包装类或某些现有的包装类。所有参数的用法都将替换为对包装类的相应调用。 执行重构 在代码编辑器中，将光标放置在要提取到包装类的参数上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Parameter Object。

查看更多 →

nds.zip，里面有index.py这个文件，如果代码采用在线编辑方式，函数执行入口为index.handler，这样在函数执行的时候会产生一个代码文件index.py，跟依赖包里面的index.py文件同名，两个文件可能会因覆盖合并而出错。 父主题： 依赖包管理

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

JS错误 JS错误展示站点的错误统计，包括：JS稳定性、JS错误列表以及JS错误率页面排行榜。 操作步骤 登录管理控制台。 单击左侧，选择“管理与监管 > 应用性能管理 APM”，进入APM服务页面。 在左侧导航栏选择“前端监控 >JS错误”，展示JS错误的性能数据。 图1 JS错误

查看更多 →

te组件模板包下载到本地。 解压已下载的组件模板包，认识组件结构。 表2 组件文件结构 文件名 文件说明 EchartsWidgetTemplate.js 组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明请参见表3。

查看更多 →

在不同页面不同子系统中，复用同样的逻辑和功能了。 通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南

查看更多 →