@vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer @opentiny/vue 父主题： 使用工具类方法

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

引入依赖库 支持的依赖库说明 FunctionGraph支持引入标准库及第三方依赖库。 标准库 对于标准库，无论是在线编辑或是线下开发打包上传至FunctionGraph，均可以直接在代码中引入，使用其功能。 FunctionGraph支持的非标准库 FunctionGraph内

查看更多 →

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

查看更多 →

如果函数工程引入了第三方依赖，可以将第三方依赖打成ZIP包，在函数代码界面设置外部依赖包；也可以将第三方依赖和函数工程文件一起打包。 将工程打成ZIP包，上传到OBS存储桶。 Java 8 如果函数没有引用第三方件，可以直接将函数工程编译成Jar包。 如果函数引用第三方件，将函数工

查看更多 →

oken发回给第三方系统，由第三方系统确认是否为本系统发的请求，请参见开发token生成机制与认证验证接口。 华为方使用HTTPS传输协议确保信息传输通道安全，请第三方确保开发的鉴权功能具备“口令复杂度校验”、“防暴力破解”、“防DOS攻击”等安全防护能力。 引入相关依赖框架，构

查看更多 →

函数支持引入的依赖库有哪些？ 支持的依赖库说明 FunctionGraph支持引入标准库及第三方依赖库。 标准库 对于标准库，无论是在线编辑或是线下开发打包上传至FunctionGraph，均可以直接在代码中引入，使用其功能。 FunctionGraph支持的非标准库 Funct

查看更多 →

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

查看更多 →

文件名 文件说明 TabsWidget.js 组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见高级页面组件中预置的API。 TabsWidget.editor.js 组件属性定义文件，负责组件在编辑状态时，需要渲染的界面和逻辑。“*

查看更多 →

如果函数工程引入了第三方依赖，可以将第三方依赖打成ZIP包，在函数代码界面设置外部依赖包；也可以将第三方依赖和函数工程文件一起打包。 将工程打成ZIP包，上传到OBS存储桶。 Java 8 如果函数没有引用第三方件，可以直接将函数工程编译成Jar包。 如果函数引用第三方件，将函数工

查看更多 →

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

查看更多 →

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

查看更多 →

Cobrowse插件开发与使用指导 使用浏览器插件原因 用户侧在使用网页协同功能打开第三方网页时（无论坐席侧发起还是用户侧发起），若第三方网页本身未引入cobrowse.js，将无法使用网页协同相关功能，可通过浏览器插件将cobrowse.js引入到第三方网页。 浏览器插件使用方：用户侧。 浏览器插件demo下载

查看更多 →

置。 操作步骤 请先完成JS依赖框架的引入，在以下的样例中，需要引入jquery和axios组件，版本请参考Jquery 1.8.0.js和Axios.min.js，如果需要使用网页协同功能，请引入cobrowse.js和cobrowseCommon.js组件或发布插件给用户使用（插件开发参考3

查看更多 →

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

查看更多 →

，如需更多可复制添加。 图1 默认组件 components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index.js 和 componentBundle.json这两个文件名字不可更改。 图2 components文件夹

查看更多 →

引入功能变量 此重构允许将选定的表达式转换为新的函数类型变量或匿名类。 执行重构 在代码编辑器中，选择要转换为函数变量的表达式。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Functional Variable。 在打开的Introduce Functional

查看更多 →

在“变量列表”选择“自定义处理函数”，并选择在页面JS中新增的方法。 若需要执行JS方法，需要在变量中给方法名后添加括号，否则为字符串格式。 图4 自定义处理函数 单击“确定”。 在生命周期中绑定JS方法 生命周期介绍 这里的生命周期特指Vue的生命周期，Vue的生命周期可以简单分为四个阶段：创建阶段，挂载阶段，运行阶段，销毁阶段。

查看更多 →