如何在云栖社区显示一个QAP DEMO

简介:

在提问的过程中,有相关的demo实例能让我们更方便的定位问题,如下教程如何显示一个外部的DEMO。

添加一个WEB的jssdk库

具体链接可以在在 https://unpkg.cnpmjs.org/qap-sdk-pack@latest/package.json 上查询到,
其中的WEB URL就是JSSDK库,

设置编译器为babel

QAP的语法为jsx语法,并不被浏览器直接支持,需要设置编译器为babel

设置编译选项

在js的头部增加如下代码,就可以了。

/** @jsx createElement */

一个完整的例子请点击:
http://codepen.io/seajean/pen/BWLede

目录
相关文章
|
小程序 定位技术
uniapp小程序打开地图选择位置demo效果wx.chooseLocation(整理)
uniapp小程序打开地图选择位置demo效果wx.chooseLocation(整理)
|
JavaScript
手机移动端返回顶部js代码demo效果示例(整理)
手机移动端返回顶部js代码demo效果示例(整理)
|
移动开发 小程序 JavaScript
微信小程序学习实录8:H5网页跳转小程序(微信开放标签、wx-open-launch-weapp按钮不显示、noPermissionJsApi)
微信小程序学习实录8:H5网页跳转小程序(微信开放标签、wx-open-launch-weapp按钮不显示、noPermissionJsApi)
683 0
|
开发工具
使用wxjava实现发表内容、预览信息以及推送文章
使用wxjava实现发表内容、预览信息以及推送文章
302 0
使用wxjava实现发表内容、预览信息以及推送文章
|
移动开发 JavaScript 前端开发
【实战篇】微信公众号JS-SDK获取当前经纬度及地址信息
【实战篇】微信公众号JS-SDK获取当前经纬度及地址信息
488 0
【实战篇】微信公众号JS-SDK获取当前经纬度及地址信息
.NET微信网页开发之使用微信JS-SDK自定义微信分享内容
.NET微信网页开发之使用微信JS-SDK自定义微信分享内容
150 0
.NET微信网页开发之使用微信JS-SDK自定义微信分享内容
|
中间件 iOS开发
Axure实战12:创建一个GuidePage引导页示例
Axure实战12:创建一个GuidePage引导页示例
336 0
Axure实战12:创建一个GuidePage引导页示例
|
Java Python
​GitHub 推出新特性:展示单个文件所有者
近期,GitHub 推出一个新的特性 Show the CODEOWNERS for a single file,也即是在 GitHub 上展示某个特定文件的所有者,具体效果是怎样的呢?来,跟我一起看看吧。
482 0
​GitHub 推出新特性:展示单个文件所有者