使用指南
Kylin 在 Kylin 工程的.vue 组件文件下，支持特殊语法，可以使用如下方式注册组件依赖：<dependency component="{ Notice }" src="@alipay/antui-vue">上述语法表示，在当前.vue 文件内，可以在 template 模板中使用 Notice 组件。ESModule 在...
业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
脚手架简介
components 目录中，每个组件都是 Vue 组件，具体编写规范请参考 组件规范。store 目录中，有一个 Vuex.Store 实例，具体使用请参考 状态注入。index.js 为当前 page 的主入口，这里的 page 页面最后会生成一个特定的${pageName}.html 页面...
客户端集成跨平台插件
uniapp是一个使用Vue.js开发跨平台应用的前端框架。开发者编写一套代码，uni-app可将其编译到iOS、Android平台，保证其正确运行并达到优秀体验。官方维护的版本放在【DCloud插件市场】上以开源的形式发布。如果需要下载打包版本，请访问...
resource
使用插件 在脚手架的 package.json 中，可以看到如下配置：["resource",{"map":{"vue":{"external":"Vue","js":"https://gw.alipayobjects.com/as/g/h5-lib/vue/2.5.13/vue.min.js" },"fastclick":{"external":"FastClick","js":...
扩展能力
exports.default=function(){ return { webpack:function modifyWebpackConfig(webpackConfig){ webpackConfig.vue.postcss.push(px2rem({/该参数和模版 html 中的 font-size 配置需要根据具体项目的 UI 交互稿修改 remUnit:100 }));...
Flow语言专项场景
NodeJS应用构建并部署Kubernetes OSS 构建vue工程 构建产物发布到OSS Node.js构建vue工程发布到OSS Python语言 部署发布服务器 部署场景描述 部署操作流程 ECS 制品最终会运行在ECS或者自有主机上 Python应用构建并部署ECS K8s 使用容器...
组件
Component 扩充自 Vue 的组件,提供了 Vue 组件对等的输入参数能力。在代码书写时提供类 class 的装饰器 Decorator 风格。代码引入 import { Component,Watch } from '@ali/kylin-framework';组件声明结构 一个组件可以包含数据、JSX 渲染...
小程序 SDK
SDK接入流程概览 步骤 集成内容 本文中的位置 是否必选 第一步 SDK获取 查看文档「第1步下载SDK」必选 第二步 开发配置 查看文档「第2步开发配置...Vue.config.productionTip=false App.mpType='app' const app=new Vue({.App })app.$mount()
Node.js构建vue工程发布到OSS
本文会介绍如何在Flow中构建vue工程，并将构建产物发布到OSS，然后在应用页面中引用OSS上的静态资源地址。方案概览 开通一个OSS的bucket，假设其地址为：static-serving.oss-cn-beijing.aliyuncs.com 假设构建后的静态资源包含两个文件：1....
快速开始
引入(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线程都会挂掉，导致我们页面没有响应，所以我们需要有一种兜底手段来避免，而主动对运行时可能会产生错误的表达式进行...
快速接入
Web播放器SDK不依赖于任何的前端js库，只需要在页面中引用js文件，就可以进行初始化。引入自适应模式的js文件 该js文件同时包含了Flash和H5跨终端自适应的逻辑。引入该js文件后，播放器SDK会自行适配播放模式。在项目前端页面文件中的标签...
快速开始
引入(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-...
工程管理
工程目录结构 一个有效的卡片工程由位于工程根目录下的一个配置文件.act.config.json 和一组卡片描述文件.vue、.css、.json 等组成，目录结构如下所示：.├─dist/编译结果文件夹（执行“编译”操作时自动生成）│├─app.manifest/应用...
Web SDK
} 在vue中的使用示范如下，以vite创建的工程为例，在main.js中 import { createApp } from 'vue';import './style.css';import App from './App.vue';import { init,captureException } from '@umengfe/apm';init({ pageFilter:{ mode:'...
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'},]},...
命令行工具
包名 映射全局对象 映射路径 fastclick FastClick as.alipayobjects.com/g/luna-component/luna-fastclick/0.1.0/index.js vue Vue a.alipayobjects.com/g/h5-lib/vue/2.1.6/vue.min.js es6-promise Promise as.alipayobjects....
checkbox
'react',value:'React',checked:true },{ name:'polymer',value:'Polymer' },{ name:'vue',value:'Vue.js' },{ name:'ember',value:'Ember.js' },{ name:'backbone',value:'Backbone.js',disabled:true },],},onChange(e){ my.alert({ ...
kube-prometheus-stack
kube-prometheus-stack是ADP底座的监控告警组件，包括alert-manager、grafana、prometheus-operator等子组件。基本信息 服务访问 k8s内部访问：grafana:...
在线体验及Demo源码
展开查看代码<template><view class="container"><p>VUE2 Demo</p><div id="url-player-test"></div></view></template><script>export default { mounted(){/在适合的生命周期，通过script和link标签引入播放器sdk、css this....
如何在网页端进行视频直播？
引入单模式的js文件 如果您只是想使用其中一种播放技术，也可以只引用对应技术的js文件，从而获得更小的文件体积。H5模式，示例如下：<head><link rel="stylesheet"href=...
交通
解决方案 因开发人员只具备 Java 和 Vue.js 的开发能力，无法在短时间内快速掌握一门全新的开发语言或原生 UI 组件开发的能力。但因业务要求紧急，因此技术团队决定将原有模型中的 Uni-App 替换为 mPaaS 小程序。针对点货网 App 进行功能...
JS 能力
本文介绍了在蚂蚁动态卡片中使用 JS 能力的方法。如果卡片需要 JS 能力，只需要在模板段内编写 JS 代码。在 vue 文件中按照如下格式，添加 script 段的代码。div class="root">()"></text></div></template><script>export ...
UI 组件库简介
AntUI 前端组件库，是基于蚂蚁金服支付宝 App 视觉交互规范，以 Vue 为视图框架封装的一套组件库。另外 AntUI 前端组件库也是在基于原有 AntUI 无线 H5 样式库的样式下，完善过交互逻辑，抽象配置项后的组件库。主要有以下组成部分：@...
Kylin 简介
Kylin 仅提供基于 Vue 2.0 的视图层框架，以极小的 JS 加载开销实现高效的 DOM 更新。Kylin 作为无线前端解决方案只提供 Safari、UC Webview 和 Chrome 浏览器兼容性保障。说明 mPaaS 已经提供了更新和更稳定的小程序组件作为今后主要维护...
二维码组件
AUQRCodeView 为支持多选项按钮的 Alert 视图。二维码组件的 Window 层级为 self.windowLevel=UIWindowLevelAlert-1。效果图 接口说明/数据模型对象@interface QRDataModel:NSObject@property(nonatomic,strong)id topLeftIcon;可以传 ...
客户端接入
在控制台添加验证场景后，您需要在使用验证功能的Web或H5页面中，集成验证码初始化代码，实现客户端接入。本文介绍如何集成验证...客户端接入Demo示例下载 下载React集成Demo示例 下载Vue集成Demo示例 下载发送手机短信场景Demo示例（React）
Web播放器常见问题
view class="container"><p>VUE2 Demo</p><div id="url-player-test"></div></view></template><script>export default { mounted(){/在适合的生命周期，通过script和link标签引入播放器sdk、css this.loadWebPlayerSDK().then...
微信小程序接入
符合类目要求的小程序，需要在 微信公众平台>开发>开发管理>接口设置中自助开通该组件权限，如下图所示：开发框架 本项目为能实现一套代码支持多个小程序平台，选用了uni-app框架进行开发，技术栈为Vue，如需了解更多框架信息，请参见 uni-...
微信小程序接入
符合类目要求的小程序，需要在 微信公众平台>开发>开发管理>接口设置中自助开通该组件权限，如下图所示：开发框架 本项目为能实现一套代码支持多个小程序平台，选用了uni-app框架进行开发，技术栈为Vue，如需了解更多框架信息，请参见 uni-...
Web播放器常见问题
阿里云Web播放器不支持在微信小程序中运行，您需要使用小程序自带的Video组件去播放视频。相关Demo请参见 微信小程序。经过H.265编码的视频无法播放 Web播放器SDK从2.14.0版本开始支持播放H.265编码协议的视频流，如需使用此功能，需要申请...
样式语法
background-color:blue"></div></div></template>/mock.json {"style":{"height":"100px","backgroundColor":"red"} } 模板在内联样式上接收的属性值是一个 JS object。上文示例 动态绑定 class...
UpdatePrometheusAlertRule-更新告警规则
Kubernetes组件告警 NotifyType string 否 通知类型，取值：ALERT_MANAGER：通过告警运维中心通知。DISPATCH_RULE：指定通知策略进行通知。ALERT_MANAGER DispatchRuleId long 否 通知策略 ID，当 NotifyType 指定为 DISPATCH_RULE 时必填...
版本变更记录
例如配置react、vue、echarts等三方库的CDN地址，优化组件加载性能。新增自定义组件卡片菜单配置，新增定制菜单按钮。新增快速本地调试功能。在仪表板编辑页URL上增加&useCompoment=local 参数，在菜单栏上的自定义组件 Tooltips 会增加 ...
CreatePrometheusAlertRule-创建告警规则
success 示例 正常返回示例 JSON 格式 {"RequestId":"9FEA6D00-317F-45E3-9004-7FB8B0B7*","PrometheusAlertRule":{"Status":1,"Type":"Kubernetes组件告警","NotifyType":"ALERT_MANAGER","Expression":"100*(sum(rate(container_cpu_...
执行JS
5.流程搭建示例 搭建流程 利用 打开新网页 组件，打开Chrome浏览器，访问百度 利用 执行JS 组件，在JavaScript脚本输入框中使用编辑表达式填写“alert("阿里云RPA测试")”执行结果 该流程成功在Chrome浏览器中访问了百度页面，并在百度页面...
开发和管理自定义页面
轻应用支持使用系统提供的标准组件搭建页面，并支持通过JSX编写简单的代码，但有复杂交互的页面还是难以通过搭建实现。因此平台提供了自定义页面功能，您可以在IDE中使用React开发页面并打包上传到系统中，自定义页面将和系统标准页面一样...
事件绑定
通用事件 在卡片中，可以绑定在模板中的事件有以下两种：点击：click 长按：longpress 模板用法 参照 VUE 格式，模板模式下事件绑定仅支持指令形式。指令形式支持简写格式。使用时，可绑定的事件名（即下文示例代码中的@click）由卡片注册...
页面
Page 是一个 Webview 的逻辑抽象层，同时也是组件挂载的根节点。代码引入 import { Page } from '@ali/kylin-framework';页面声明结构 一个 Page 包含的接口在 页面接口 中声明，提供了对 Vue 实例的完整控制能力，简易的 Page 使用如下，...
- 产品推荐
- 这些文档可能帮助您