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":...
使用指南
在 Kylin 工程下，可以看到 package.json 中已经存在了@alipay/antui-vue 的依赖。要使用 Ant UI 前端组件，您可以通过以下方式之一：在 Kylin 工程中使用该组件，按照 dependency 的方式导入，因为 ...Vue.component(Notice.name,Notice);
命令行工具
命令格式 kylin build#.args 项目常用构建 kylin build-dev#dev 构建及静态服务器 kylin build-server-no-prod-hot#dev 构建及静态服务器及启用热更新 kylin build-server#prod 构建及静态服务器 kylin build-no-prod-watch#dev 构建及监听...
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'},]},...
Flow语言专项场景
NodeJS应用构建并部署Kubernetes OSS 构建vue工程 构建产物发布到OSS Node.js构建vue工程发布到OSS Python语言 部署发布服务器 部署场景描述 部署操作流程 ECS 制品最终会运行在ECS或者自有主机上 Python应用构建并部署ECS K8s 使用容器...
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...
Node.js构建vue工程发布到OSS
本文会介绍如何在Flow中构建vue工程，并将构建产物发布到OSS，然后在应用页面中引用OSS上的静态资源地址。方案概览 开通一个OSS的bucket，假设其地址为：static-serving.oss-cn-beijing.aliyuncs.com 假设构建后的静态资源包含两个文件：1....
业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
2.自定义组件说明
本文简要说明自定义组件项目结构和特点。项目结构 目录结构如下：├─a.md├─abc.json├─build.json├─demo│└─debug.md├─dist│├─MobiPcComponentABC.css│├─MobiPcComponentABC.js│├─mpSrc.zip│└─package.json├─dist....
工程管理
工程目录结构 一个有效的卡片工程由位于工程根目录下的一个配置文件.act.config.json 和一组卡片描述文件.vue、.css、.json 等组成，目录结构如下所示：.├─dist/编译结果文件夹（执行“编译”操作时自动生成）│├─app.manifest/应用...
JS异常捕获插桩工具
一、功能介绍 js是单线程的弱类型的脚本语言，所以很多错误会在运行的时候才会发现，一旦出现运行时的错误，那么整个js线程都会挂掉，导致我们页面没有响应，所以我们需要有一种兜底手段来避免，而主动对运行时可能会产生错误的表达式进行...
扩展能力
Kylin 框架支持扩展 webpack、babel 和 express 配置。操作步骤 完成以下步骤进行扩展：在工程根目录创建 plugin.js。在 package.json 中的 kylinApp.plugins 中添加如下配置项。在 package.json 中 {"kylinApp":{"plugins":["module:./...
快速开始
引入(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-...
快速开始
引入(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-...
在线体验及Demo源码
微信小程序 微信小程序缺少相关的DOM API和BOM API，这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、Zepto等，在微信小程序里不能运行。同理Web播放器SDK也是基于浏览器环境的，在微信小程序里不能运行，因此需要使用小程序自带的...
开发和管理自定义页面
因此平台提供了自定义页面功能，您可以在IDE中使用React开发页面并打包上传到系统中，自定义页面将和系统标准页面一样展示在菜单中。本文介绍如何开发和管理自定义页面。背景信息 由于在React中没有页面的概念，只有组件的概念，因此会通过...
小程序 SDK
本文中的位置 是否必选 第一步 SDK获取 查看文档「第1步下载SDK」必选 第二步 开发配置 查看文档「第2步开发配置，配置小程序域名白名单」必选 第三步 SDK集成 查看文档「第3步集成-方式一、方式二，根据自身小程序选择何时的集成方法」必...
脚手架简介
本文介绍项目初始化结构及其子目录的构成。初始化结构 项目初始化结构如下：project├─mock│├─mock.config.js│└─rpc│└─test.js├─package.json├─www └─src├─common│├─components│├─css│└─base.less│├─img│└...
JS 能力
本文介绍了在蚂蚁动态卡片中使用 JS 能力的方法。如果卡片需要 JS 能力，只需要在模板段内编写 JS 代码。在 vue 文件中按照如下格式，添加 script 段的代码。div class="root">()"></text></div></template><script>export ...
Kylin 简介
Kylin 是 mPaaS H5 容器的无线前端解决方案，具有高效的运行时、一致的开发体验、丰富的研发支撑、完善的 UI 组件等诸多优点，解决移动 Hybrid 开发中遇到的前端打包、浏览器兼容性、Mock 接口等问题。Kylin 仅提供基于 Vue 2.0 的视图层...
上传至阿里云 OSS
在 Flow 首页新建流水线，选择「Node.js·React 构建上传到 OSS」模板后创建流水线，进入流水线编辑页。选择好代码源之后，点击「Node.js 构建上传 oss」任务，配置OSS上传步骤。为了与你的阿里云 OSS 账号建立连接，点击「添加服务连接」...
样式语法
内联样式的书写规范同前端流行框架（VueJS 和 ReactJS）的规范一致，同时支持绑定和非绑定两种格式。绑定内联样式 待绑定的样式字段应统一收敛至一个 JSONObject 内。待绑定的样式字段的 KEY 应符合驼峰命名规范（如 background-color 应...
客户端集成跨平台插件
uniapp是一个使用Vue.js开发跨平台应用的前端框架。开发者编写一套代码，uni-app可将其编译到iOS、Android平台，保证其正确运行并达到优秀体验。官方维护的版本放在【DCloud插件市场】上以开源的形式发布。如果需要下载打包版本，请访问...
如何在网页端进行视频直播？
微信小程序 微信小程序缺少相关的DOM API和BOM API，这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、Zepto 等，在微信小程序里不能运行。同理Web播放器SDK也是基于浏览器环境的，在微信小程序里不能运行，因此，需要使用小程序自带...
竖屏样式
本文介绍Web端集成AUI Kits互动直播场景竖屏样式组件的操作方式、注意事项及相关代码示例等内容。前提条件 AppServer 您已经搭建AppServer并获取了访问域名，搭建步骤请参见 服务端集成。主播端 目前Web端直播间仅为观众端，暂未支持推流，...
竖屏样式
本文介绍Web端集成AUI Kits互动直播场景竖屏样式组件的操作方式、注意事项及相关代码示例等内容。前提条件 AppServer 您已经搭建AppServer并获取了访问域名，搭建步骤请参见 服务端集成。主播端 目前Web端直播间仅为观众端，暂未支持推流，...
横屏样式
本文介绍Web端集成AUI Kits互动直播场景横屏样式组件的操作方式、注意事项及相关代码示例等内容。前提条件 AppServer 您已经搭建AppServer并获取了访问域名，搭建步骤请参见 服务端集成。推流端 目前Web端直播间仅为观众端，暂未支持推流，...
横屏样式
本文介绍Web端集成AUI Kits互动直播场景横屏样式组件的操作方式、注意事项及相关代码示例等内容。前提条件 AppServer 您已经搭建AppServer并获取了访问域名，搭建步骤请参见 服务端集成。推流端 目前Web端直播间仅为观众端，暂未支持推流，...
教程示例：通过静态网站托管部署单页应用
本文介绍如何使用React框架，通过OSS的静态网站托管功能在前端快速部署一个线上可用的单页应用SPA（Single-Page Application）。什么是单页应用 单页应用是只有一个Web页面的应用，是一种网络应用程序或网站的模型。通过动态重写当前页面与...
Web SDK
方式一：通过CDN在线部署 同步加载和异步加载区别 异步加载：又称为非阻塞加载，表示浏览器在下载执行JS之后还会继续处理后续页面。若对页面性能的要求非常高，建议使用此方式。（异步加载无法捕捉到SDK加载初始化完成之前的JS错误和资源...
功能点示例
下钻/联动/跳转 Quick BI为自定义组件提供了下钻、联动和跳转等功能。调用 dispatch 方法即可。const dispatch=props.customProps.dispatch;const dataIndex=1;需要下钻的维度在 props.customProps.data 中的数组下标 if(typeof dispatch='...
Web端接入
开发框架 本项目使用UmiJS框架开发，技术栈为React+TypeScript，详细请了解 UmiJS 官方文档。集成流程 准备环境 安装Node环境，详细信息请参见 UmiJS 快速上手教程。配置 请在.umirc.ts 文件中的 CONFIG 对象中配置项目所需参数。配置...
快速接入
引入自适应模式的js文件 该js文件同时包含了Flash和H5跨终端自适应的逻辑。引入该js文件后，播放器SDK会自行适配播放模式。在项目前端页面文件中的标签处引入Web播放器SDK的JS文件和CSS文件，示例如下：<head><link rel="stylesheet"href=...
5.数据展示和修改
文本介绍如何进行字段数据的展示和修改。系统组件展示和修改数据 目前我们的组件还没有使用平台的数据，在此之前，我们先以系统组件为例，看下系统组件如何展示和修改数据。首先我们创建一个实体来表示业务数据。姓名字段是我们要展示和...
本地开发测试
下文介绍组件开发过程和测试效果。前提条件 已完成环境安装和项目文件初始化。详细内容请参见 准备环境。步骤一：开发属性文件specs 组件能力描述内容，主要集中在项目文件的 src/specs/specs.js 文件中，用于开发组件的属性、服务和事件...
Web端接入
满足各类教育场景，使得老师、学生可随时随地通过文字、语音、视频、白板、屏幕共享等进行教学和学习。本文介绍Web端接入互动课堂的流程。前提条件 已接入、运行、部署开源的Appserver服务。具体操作，请参见 服务端集成。开发框架 本项目...
模板写法
模板的书写语法借鉴 VUE，精简后仅包含、、和三个字段。字段 模板模式页面布局的相关逻辑应放置于<template></template>段内。模板模式段内支持的元素由卡片组件决定。字段 样式相关的支持请参考 样式语法。字段 JS 相关的逻辑放在 script ...
事件绑定
本文介绍了在蚂蚁动态卡片中可以绑定的事件种类和绑定方法。通用事件 在卡片中，可以绑定在模板中的事件有以下两种：点击：click 长按：longpress 模板用法 参照 VUE 格式，模板模式下事件绑定仅支持指令形式。指令形式支持简写格式。使用...
Node应用内存泄漏分析方法论与实战
注：本文为第12届D2前端技术论坛《打造高可靠与高性能的React同构解决方案》分享内容，已经过数据脱敏处理。本文发表于 北斗同构github,转载请注明出处。菜鸟物流大市场是菜鸟旗下的一条业务线，可以简单地理解为物流领域的淘宝，是为撮合...
热线SDK接入（旧版）
getUIComponent()=>React.ElementType 获取拨号条组件实例，配合APIs.renderComponent 渲染 使用getUIComponent获取的组件必须使用APIs.renderComponent去挂载，这是因为SDK内部集成了React&ReactDOM，使用外部版本挂载会导致版本不通或者...
- 产品推荐
- 这些文档可能帮助您