上传至阿里云 OSS
在 Flow 首页新建流水线，选择「Node.js·React 构建上传到 OSS」模板后创建流水线，进入流水线编辑页。选择好代码源之后，点击「Node.js 构建上传 oss」任务，配置OSS上传步骤。为了与你的阿里云 OSS 账号建立连接，点击「添加服务连接」...
radio
[{name:'angular',value:'AngularJS'},{name:'react',value:'React',checked:true},{name:'polymer',value:'Polymer'},{name:'vue',value:'Vue.js'},{name:'ember',value:'Ember.js'},{name:'backbone',value:'Backbone.js'},]},...
checkbox
{ items:[{ name:'angular',value:'AngularJS' },{ name:'react',value:'React',checked:true },{ name:'polymer',value:'Polymer' },{ name:'vue',value:'Vue.js' },{ name:'ember',value:'Ember.js' },{ name:'backbone',value:'Backbone...
快速开始
引入(1)在 Vue 或 React 项目中使用 import {PDSClient} from 'aliyun-pds-js-sdk'(2)在 Node.js 中使用 const { PDSClient }=require('aliyun-pds-js-sdk')(3)在浏览器中以 script 标签引入 npm 安装后，在 node_modules/aliyun-pds-js-...
JS异常捕获插桩工具
一、功能介绍 js是单线程的弱类型的脚本语言，所以很多错误会在运行的时候才会发现，一旦出现运行时的错误，那么整个js线程都会挂掉，导致我们页面没有响应，所以我们需要有一种兜底手段来避免，而主动对运行时可能会产生错误的表达式进行...
快速开始
引入(1)在 Vue 或 React 项目中使用 import {PDSClient} from 'aliyun-pds-js-sdk/browser'(2)在 Node.js 中使用 const { PDSClient }=require('aliyun-pds-js-sdk')(3)在浏览器中以 script 标签引入 npm 安装后，在 node_modules/aliyun-...
2.自定义组件说明
项目结构 目录结构如下：├─a.md├─abc.json├─build.json├─demo│└─debug.md├─dist│├─MobiPcComponentABC.css│├─MobiPcComponentABC.js│├─mpSrc.zip│└─package.json├─dist.zip├─package-lock.json├─package....
本地开发测试
import*as React from"react;import BaseComponent from"@maliang/base-class-component;import { Input,Button } from '@alifd/next';import { colorObjectToCss,ColorObject } from '@maliang/visualapp-util-props';import styles from ...
Node应用内存泄漏分析方法论与实战
注：本文为第12届D2前端技术论坛《打造高可靠与高性能的React同构解决方案》分享内容，已经过数据脱敏处理。本文发表于 北斗同构github,转载请注明出处。菜鸟物流大市场是菜鸟旗下的一条业务线，可以简单地理解为物流领域的淘宝，是为撮合...
业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
竖屏样式
开发框架 本项目使用UmiJS框架开发，技术栈为React+TypeScript，如需了解更多框架信息，请参见 UmiJS官方文档。快速集成 环境准备 配置本地Node环境，配置说明请参见 UmiJS快速上手。如您本地已经安装好了Node环境请跳过此步骤。源码下载 ...
竖屏样式
开发框架 本项目使用UmiJS框架开发，技术栈为React+TypeScript，如需了解更多框架信息，请参见 UmiJS官方文档。快速集成 环境准备 配置本地Node环境，配置说明请参见 UmiJS快速上手。如您本地已经安装好了Node环境请跳过此步骤。源码下载 ...
横屏样式
开发框架 本项目使用UmiJS框架开发，技术栈为React+TypeScript，如需了解更多框架信息，请参见 UmiJS官方文档。快速集成 环境准备 配置本地Node环境，配置说明请参见 UmiJS快速上手。如您本地已经安装好了Node环境请跳过此步骤。源码下载 ...
横屏样式
开发框架 本项目使用UmiJS框架开发，技术栈为React+TypeScript，如需了解更多框架信息，请参见 UmiJS官方文档。快速集成 环境准备 配置本地Node环境，配置说明请参见 UmiJS快速上手。如您本地已经安装好了Node环境请跳过此步骤。源码下载 ...
功能点示例
说明 由于 Quick BI 在进入页面时会立即执行自定义组件的 meta.js，为了保证仪表板首屏加载速度，请不要在 meta.js 内引入过多的第三方库，以确保 meta.js 编译后的体积足够小。缓存DOM节点 从DOM检索节点或节点列表时，需要考虑是否可以在...
热线SDK接入（旧版）
getUIComponent()=>React.ElementType 获取拨号条组件实例，配合APIs.renderComponent 渲染 使用getUIComponent获取的组件必须使用APIs.renderComponent去挂载，这是因为SDK内部集成了React&ReactDOM，使用外部版本挂载会导致版本不通或者...
热线SDK接入（新版）
如果您使用了webpack，还可以使用以下方式接入：/webpack.config.js module.exports={/.externals:{ HotlineClient:'HotlineClientUi' } };in your app or component import { HotlineClientUI } from 'HotlineClient';window....
Web端接入
开发框架 本项目使用UmiJS框架开发，技术栈为React+TypeScript，详细请了解 UmiJS 官方文档。集成流程 准备环境 安装Node环境，详细信息请参见 UmiJS 快速上手教程。配置 请在.umirc.ts 文件中的 CONFIG 对象中配置项目所需参数。配置...
客户端集成跨平台插件
ReactNative是一个使用React开发原生应用的JavaScript框架。移动推送ReactNative插件官方维护的版本已发布在npm，如果想集成移动推送ReactNative插件的，请访问如下链接：移动推送ReactNative插件集成指引和API文档 移动推送ReactNative...
教程示例：通过静态网站托管部署单页应用
本文介绍如何使用React框架，通过OSS的静态网站托管功能在前端快速部署一个线上可用的单页应用SPA（Single-Page Application）。什么是单页应用 单页应用是只有一个Web页面的应用，是一种网络应用程序或网站的模型。通过动态重写当前页面与...
基本概念
举例/这是一个自定义组件 const CustomComponent={ bootstrap:(props)=>{},mount:(props)=>{},unmount:(props)=>{},update:(props)=>{},} 说明 在大多数情况下，您无需关心自定义组件的生命周期，bi-open-sdk 和 bi-open-react-sdk 提供了...
自定义组件API
} 示例如下：class MyComponent { mount(props:LifecycleProps){.}/props 是 LifecycleProps 类型 update(props:LifecycleProps){.} unmount(props:LifecycleProps){.} } const MyReactComponent:React.FC<LifecycleProps>=(props)=><div>....
输入框（Input）
iOS 可能会失效 ref React.Ref 否-用于操作表单的实例，有 focus 和 blur 两个方法 id string 否-表单元素 id name string 否-表单元素 name disabled boolean 否 false 是否禁用 mode 'noraml'|'form' 否 normal 配合 Form/FormItem 组件...
Web端接入
开发框架 本项目使用UmiJS框架开发，技术栈为React+TypeScript，详细请了解 UmiJS 官方文档。集成流程 准备环境 安装Node环境，详细信息请参见 UmiJS 快速上手教程。配置 请在.umirc.ts 文件中的 CONFIG 对象中配置项目所需参数。配置...
考生端、监考端集成示例源码
项目构成 本次开源代码包含两个前端仓库：监考端：exam-invigilator 考生端：exam-examinee 技术框架 本项目使用UmiJS框架开发，技术栈为React+TypeScript。详细说明请参见 UmiJS 官方文档。使用说明 开源项目地址 项目地址：阿里云考场...
考生端、监考端集成示例源码
项目构成 本次开源代码包含两个前端仓库：监考端：exam-invigilator 考生端：exam-examinee 技术框架 本项目使用UmiJS框架开发，技术栈为React+TypeScript。详细说明请参见 UmiJS 官方文档。使用说明 开源项目地址 项目地址：阿里云考场...
完整示例：开发一个echarts图表
webpack.config.js externals:{ lodash:'_',react:'React','react-dom':'ReactDOM',moment:'moment',echarts:'echarts',/新增一项 },npm安装：通过 npm 或者 yarn 安装。yarn add echarts 在组件管理列表中，找到目标组件并单击 调试 图标...
客户端接入
在控制台添加验证场景后，您需要在使用验证功能的Web或H5页面中，集成验证码初始化代码，实现客户端接入。本文介绍如何集成验证...客户端接入Demo示例下载 下载React集成Demo示例 下载Vue集成Demo示例 下载发送手机短信场景Demo示例（React）
ChatUI IMSDK（V2）使用说明
前端 对话界面中引入im-sdk-v2.js等依赖的前端资源；调用后端提供的获取token的api，拿到AppKey、Token和ImDomain等参数信息；初始化im实例：使用new window.IMSDK方法初始化实例，传入token等参数；调用im实例的start方法建立连接；当用户...
ChatUI IMSDK（V2）使用说明
前端 对话界面中引入im-sdk-v2.js等依赖的前端资源；调用后端提供的获取token的api，拿到AppKey、Token和ImDomain等参数信息；初始化im实例：使用new window.IMSDK方法初始化实例，传入token等参数；调用im实例的start方法建立连接；当用户...
开发和管理自定义页面
JS API 在 开发React组件 时，您可以使用以下JS API。API列表 序号 API 使用说明 1 utils.my.alert()显示警告弹窗 2 utils.my.confirm()显示弹窗 3 utils.my.error()显示错误信息 4 utils.my.loading()显示加载信息 5 utils.my.success()...
数字人流媒体服务WebSDK
.alicdn.com/code/npm/@alife/aliyun-avatar-sdk/1.0.19/index.js"></script> CDN方式引入的SDK无法通过ES Module语法引入，而是将SDK实例挂载到window上，以 DialogAvatarSDK 为例：/*CDN方式 引入DialogAvatarSDK*/*...
即席分析中的拖拽操作
本文为您介绍在即席分析中通过拖拽的方式生成表格、查询控件等操作。拖拽生成表格 不同于仪表板、电子表格等模块只能在数据面板区域选择行、列字段，即席分析支持直接将选中的字段内容拖拽至行、列容器甚至是表格区域中生成图表。拖拽至行...
配置拖拽播放
当您播放视音频时，需要随意拖拽播放进度，而不影响视音频的播放效果，可以开启拖拽播放功能。通过本文您可以了解配置拖拽播放功能的操作方法。背景信息 拖拽播放功能是指在视音频点播场景中，如果您拖拽播放进度，则客户端会向服务器端...
Quick BI Tab组件中的图表不能拖拽四个角调整大小
问题描述 用鼠标拖拽Tab组件里图表的任意一个角，图表大小不能随鼠标拖动变化。问题原因 因为本地测试环境是可以正常拖动的，所以怀疑是浏览器的问题。解决方案 先清理浏览器缓存然后重试，依旧拖拽失败。经确认，使用的是火狐浏览器。建议...
元素拖拽（窗口）
1.组件介绍 说明 必要前置组件：获取窗口 利用本组件可以实现滑块元素拖拽到指定位置 2.输入项 说明 请参照可视化编辑器内组件面板中各输入项的帮助信息 3.输出项 说明 请参照可视化编辑器内组件面板中各输出项的帮助信息 4.组件使用示例 4...
拖拽播放
当您播放视音频时，需要随意拖拽播放进度，而不影响视音频的播放效果，可以开启拖拽播放功能。通过本文您可以了解配置拖拽播放功能的操作方法。背景信息 拖拽播放功能是指在视音频点播场景中，如果您拖拽播放进度，则客户端会向服务器端...
拖拽上传
使用场景 您可根据提示将相应信息（包含本地和云储存文件）上传至网站，且 拖拽上传 组件可以帮助您对上传过程和上传结果进行控制，同时您也可以更改或撤销上传行为。使用说明 您需要定义一个以包含特定结构对象集合为数据类型的变量。使用...
拖拽播放
当您播放视音频时，需要随意拖拽播放进度，而不影响视音频的播放效果，此时可以开启拖拽播放。您可以阅读本文，了解配置拖拽播放功能的操作步骤。功能说明 拖拽播放功能是指在视音频点播场景中，如果您拖拽播放进度，则客户端会向服务器端...
元素拖拽（网页）
1.组件介绍 说明 必要前置组件：打开新网页 或 获取已打开的网页 利用本组件可以在Chrome、Edge、IE浏览器对象页面，将拖拽指定元素（控件）。2.输入项 说明 请参照可视化编辑器内组件面板中各输入项的帮助信息 3.输出项 说明 请参照可视化...
- 产品推荐
- 这些文档可能帮助您