上传至阿里云 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'},]},...
快速开始
引入(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-...
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...
客户端接入
在控制台添加验证场景后，您需要在使用验证功能的Web或H5页面中，集成验证码初始化代码，实现客户端接入。本文介绍如何集成验证...客户端接入Demo示例下载 下载React集成Demo示例 下载Vue集成Demo示例 下载发送手机短信场景Demo示例（React）
快速开始
引入(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-...
JS异常捕获插桩工具
一、功能介绍 js是单线程的弱类型的脚本语言，所以很多错误会在运行的时候才会发现，一旦出现运行时的错误，那么整个js线程都会挂掉，导致我们页面没有响应，所以我们需要有一种兜底手段来避免，而主动对运行时可能会产生错误的表达式进行...
业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
Node应用内存泄漏分析方法论与实战
注：本文为第12届D2前端技术论坛《打造高可靠与高性能的React同构解决方案》分享内容，已经过数据脱敏处理。本文发表于 北斗同构github,转载请注明出处。菜鸟物流大市场是菜鸟旗下的一条业务线，可以简单地理解为物流领域的淘宝，是为撮合...
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方法建立连接；当用户...
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 ...
数字人流媒体服务WebSDK
aliyun-avatar-sdk，数字人开放平台推出的适用于Web浏览器的数字人流媒体服务SDK。当您调用服务端OpenAPI StartInstance接口获取RTC和IM参数信息后，可以在Web端搭建本地SDK，实现数字人拉流和双工对话。aliyun-avatar-sdk通过 阿里云音...
竖屏样式
开发框架 本项目使用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检索节点或节点列表时，需要考虑是否可以在...
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页面的应用，是一种网络应用程序或网站的模型。通过动态重写当前页面与...
热线SDK接入（新版）
如果您使用了webpack，还可以使用以下方式接入：/webpack.config.js module.exports={/.externals:{ HotlineClient:'HotlineClientUi' } };in your app or component import { HotlineClientUI } from 'HotlineClient';window....
热线SDK接入（旧版）
getUIComponent()=>React.ElementType 获取拨号条组件实例，配合APIs.renderComponent 渲染 使用getUIComponent获取的组件必须使用APIs.renderComponent去挂载，这是因为SDK内部集成了React&ReactDOM，使用外部版本挂载会导致版本不通或者...
基本概念
举例/这是一个自定义组件 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 在组件管理列表中，找到目标组件并单击 调试 图标...
支持的检测规则
JavaScript开发规范（Vue\React）JavaScript 基于《阿里巴巴前端规约》配套的ESLint配置，JavaScript开发规范主要包含了编码风格、语言特性、注释、命名检查等。TypeScript开发规范（Vue\React）TypeScript 基于《阿里巴巴前端规约》配套的...
开发和管理自定义页面
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()...
客户端集成跨平台插件
ReactNative插件 ReactNative是一个使用React开发原生应用的JavaScript框架。HTTPDNS ReactNative插件官方维护的版本已发布在npm，如果想集成HTTPDNS ReactNative插件的，请访问如下链接：HTTPDNS ReactNative插件集成指引和API文档 ...
添加 SDK 依赖
在 Node.js 的 JavaScript 代码中可以通过以下方式引用：const { default:Client }=require('@alicloud/ecs20140526');const { Config }=require('@alicloud/openapi-client');而在 TypeScript 代码中则可以通过以下方式引入：import Ecs...
执行JS
1.组件介绍 说明 必要前置组件：打开新网页 或 获取已打开的网页 利用本组件支持操作Chrome、Edge、IE浏览器，在指定网页中，通过JavaScript脚本执行js操作。2.输入项 说明 请参照可视化编辑器内组件面板中各输入项的帮助信息 3.输出项 ...
产品概述
Node.js 性能平台（Node.js Performance Platform）是面向所有 Node.js 应用提供 性能监控、安全提醒、故障排查、性能优化 等服务的整体性解决方案，尤其适用于中大型 Node.js 应用。Node.js 性能平台凭借对 Node.js 内核深入的理解，提供...
应用场景
Node.js 性能平台可以应用于所有 Node.js 应用，尤其适用于中大型 Node.js 应用。Node.js 提供的精确到虚拟机级别的深度监控，能够如实的反应应用运行状态，通过配置报警规则，用户可以在发现系统出现故障（内存泄露或者 CPU 热点等）趋势...
仓库模板
系统模板 系统内置了一些模板，覆盖Java、Node JS、Android、IOS、Golang、Ruby、.NET、React，可自行选用。登录云效代码管理，点击添加库-新建代码库 选择模板新建 选择后填写代码库名称、路径、公开性和描述，点击确定完成代码库创建 ...
Egg 集成部署
如果您采用了 Egg.js 框架进行 Web 开发，那么可以采用 Egg 框架提供的插件来进行部署。全局安装方式参考 自助式部署 runtime。有时候，同机会部署多个项目，期望多版本共存时，则可以把 runtime 安装到当前项目：npm i nodeinstall-g ...
- 产品推荐
- 这些文档可能帮助您