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

查看更多 →

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

查看更多 →

在“requires”里增加库文件时，需要注意某些库文件之间有依赖关系，增加库文件需要有先后顺序，例如“global_VueI18n”是基于“global_Vue”的，需要写在“global_Vue”之后。 在“widget_demo_i18n.js”的render方法中，使用平台提供的“HttpUtils

查看更多 →

本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。

查看更多 →

创建H5移动端工程。 使用原生或者流行框架（如Vue、React）创建H5移动端工程。 引入WebARSDK文件。 下载、解压WebARSDK包，并将下载WebARSDK包放入工程目录，通过外部引入脚本的方式引入WebARSDK文件。 验证租户身份信息。 通过hwar.setAK

查看更多 →

。 安装SDK，在项目根目录下运行“npm i apm-mini-sdk”命令，拉取SDK软件包。 使能SDK，埋码代码会自动在小程序中完成埋点，所以建议在app.js中执行埋码代码，也可以在项目的任何位置执行。引入SDK方式分为：文件引入方式和npm方式引入。 采用npm方式集成SDK。

查看更多 →

│ └── slamcommon.js │ ├── hwar.js 通过外部脚本引入WebARSDK的JS文件。 <script src="hwar/slam/ LOG -iMedia_XREngine_Cyberverse_3.1.0.js"></script> <script

查看更多 →

调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结

查看更多 →

。 安装SDK，在项目根目录下运行“npm i apm-mini-sdk”命令，拉取SDK软件包。 使能SDK，埋码代码会自动在小程序中完成埋点，所以建议在app.js中执行埋码代码，也可以在项目的任何位置执行。引入SDK方式分为：文件引入方式和npm方式引入。 采用npm方式集成SDK。

查看更多 →

。 安装SDK，在项目根目录下运行“npm i apm-mini-sdk”命令，拉取SDK软件包。 使能SDK，埋码代码会自动在小程序中完成埋点，所以建议在app.js中执行埋码代码，也可以在项目的任何位置执行。引入SDK方式分为：文件引入方式和npm方式引入。 采用npm方式集成SDK。

查看更多 →

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

查看更多 →

zip”，请解压该包。 修改解压后的“Vue3Navigator_Widget.js”文件。 “Vue3Navigator_Widget.js”文件是Widget逻辑文件，整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue Router（ Vue.js官方的路由管理器）开发的，请参考Vue

查看更多 →

本章节以下载的TabsWidget组件为例，说明组件包的文件结构及各文件的功能。 表1 组件文件结构 文件名 文件说明 TabsWidget.js 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加

查看更多 →

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

查看更多 →

表1 组件文件结构 文件名 文件说明 TabsWidget.js 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明请参见表3 组件名.js中预置API说明。

查看更多 →

写一个正则表达式），修改本地文件刷新浏览器就能看的修改效果。 使用Chrome DevTools的Overrides功能，把 服务器 的文件映射到本地，可以直接在sources面板中修改文件中的方法，这种最适合调试jsp这种不用webpack压缩的老项目。 父主题： 常用调试方法

查看更多 →

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

查看更多 →

ZIP包 OBS文件 Node.js 不支持该方式 假如函数工程文件保存在“~/Code/”文件夹下，在打包的时候务必进入Code文件夹下选中所有工程文件进行打包，这样做的目的是：入口函数是程序执行的入口，确保解压后，入口函数所在的文件位于根目录。 如果函数工程引入了第三方依赖，可

查看更多 →

如果客户端用Node.js开发，推荐安装14.19.1或以上版本。 支持的浏览器详情请参见浏览器适配详情。 如果客户端用TypeScript开发，TypeScript的版本不低于3.8.3。 SDK集成 将SDK下载到本地，建议将SDK压缩包放置在自己项目的“sdk”目录下。 在项目代码中引入“HWLLSPlayer”。

查看更多 →

134/src'”，在“src”文件夹下找不到“./App.Vue”文件。可能原因如下： 对应文件夹下，没有所需文件。 文件路径大小写配置有误。图中代码配置的是“'./App.Vue'”，实际文件名是“'./App.vue'”，导致找不到所需文件。因为Windows系统不区分大小

查看更多 →

关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在

查看更多 →