小程序应用
微信小程序、Taro
用户界面
调试
Taro | 微信 | 说明 | 基础库 | 渲染框架 | 状态说明 |
---|---|---|---|---|---|
- | vConsole | - | - | - | - |
- | console | 向调试面板中打印日志 | - | - | - |
Taro. | wx.setEnableDebug | 设置是否打开调试开关 | - | - | - |
Taro. | wx.getLogManager | 获取日志管理器对象 | - | - | - |
Taro. | wx.getRealtimeLogManager | 获取实时日志管理器对象 | - | - | - |
界面开发
基础
Taro | 微信 | 说明 | 基础库 | 渲染框架 | 状态说明 |
---|---|---|---|---|---|
<PageMeta> | <page-meta> | 页面属性配置节点,用于指定页面的一些属性、 监听页面事件 | 2.9.0 | - | - |
- | tap-gesture-handler | 点击时触发手势 | - | Skyline | - |
- | double-tap-gesture-handler | 双击时触发手势 | - | Skyline | - |
- | long-press-gesture-handler | 长按时触发手势 | - | Skyline | - |
- | force-press-gesture-handler | iPhone 设备重按时触发手势 | - | Skyline | - |
- | horizontal-drag-gesture-handler | 横向滑动时触发手势 | - | Skyline | - |
- | vertical-drag-gesture-handler | 纵向滑动时触发手势 | - | Skyline | - |
- | pan-gesture-handler | 拖动(横向/纵向)时触发手势 | - | Skyline | - |
- | scale-gesture-handler | 多指缩放时触发手势 | - | Skyline | - |
- | wx.env | 环境变量 | - | - | 基础环境 |
Taro. | wx.canIUse | 判断小程序的API,回调,参数,组件等是否在当前版本可用 | - | - | - |
Taro. | wx.base64ToArrayBuffer | 将 Base64 字符串转成 ArrayBuffer 对象 | - | - | - |
Taro. | wx.arrayBufferToBase64 | 将 ArrayBuffer 对象转成 Base64 字符串 | - | - | - |
- | wx.getSkylineInfo | 获取当前运行环境对于 Skyline 渲染引擎 的支持情况 | - | - | 系统-渲染引擎 |
- | wx.getSkylineInfoSync | 获取当前运行环境对于 Skyline 渲染引擎 的支持情况 | - | - | - |
Taro. | wx.setBackgroundTextStyle | 动态设置下拉背景字体、loading 图的样式 | - | - | 背景 |
Taro. | wx.setBackgroundColor | 动态设置窗口的背景色 | - | - | - |
- | wx.loadBuiltInFontFace | 加载内置字体 | - | - | 字体 |
Taro. | wx.loadFontFace | 动态加载网络字体 | - | - | - |
视图
Taro | 微信 | 说明 | 基础库 | 渲染框架 | 状态说明 |
---|---|---|---|---|---|
- | <selection> | 局部文本选区 | 3.6.4 | WebView | - |
<View> | <view> | 视图容器 | 1.0.0 | - | - |
<ScrollView> | <scroll-view> | 可滚动视图区域 | 1.0.0 | - | - |
<MovableView> | <movable-view> | 可移动的视图容器,在页面中可以拖拽滑动 | 1.2.0 | WebView | - |
<MovableArea> | <movable-area> | movable-view的可移动区域 | 1.2.0 | WebView | - |
- | <cover-view> | 覆盖在原生组件之上的文本视图 | 1.4.0 | - | 目前原生组件均已支持同层渲染,建议使用 view 替代 |
- | <cover-image> | 覆盖在原生组件之上的图片视图 | 1.4.0 | - | 目前原生组件均已支持同层渲染,建议使用 image 替代 |
<Swiper> | <swiper> | 滑块视图容器 | 1.0.0 | - | - |
<SwiperItem> | <swiper-item> | 仅可放置在swiper组件中,宽高自动设置为100% | 1.0.0 | - | - |
<PageContainer> | <page-container> | 页面容器 | 2.16.0 | - | - |
<RootPortal> | <root-portal> | 使整个子树从页面中脱离出来,类似于在 CSS 中使用 fixed position 的效果 | 2.25.2 | - | - |
<MatchMedia> | <match-media> | media query 匹配检测节点 | 2.11.1 | WebView | - |
- | data | 页面的初始数 据 | - | - | - |
- | onLoad(options) | 生命周期回调—监听页面加载 | - | - | - |
- | onShow() | 生命周期回调—监听页面显示 | - | - | - |
- | onReady() | 生命周期回调—监听页面初次渲染完成 | - | - | - |
- | onHide() | 生命周期回调—监听页面隐藏 | - | - | - |
- | onUnload() | 生命周期回调—监听页面卸载 | - | - | - |
- | onRouteDone() | 生命周期回调—监听路由动画完成 | - | - | - |
- | onPullDownRefresh() | 监听用户下拉动作 | - | - | - |
- | wx.startPullDownRefresh | 开始下拉刷新 | - | - | - |
- | wx.stopPullDownRefresh | 停止当前页面下拉刷新 | - | - | - |
- | onReachBottom() | 页面上拉触底事件的处理函数 | - | - | - |
- | onShareAppMessage() | 用户点击右上角转发 | - | - | - |
- | onShareTimeline() | 用户点击右上角转发到朋友圈 | 2.11.3 | - | 仅 Android 支持 |
- | onAddToFavorites() | 用户点击右上角收藏 | - | - | 仅 Android 支持 |
- | onPageScroll() | 页面滚动触发事件的处理函 数 | - | - | - |
- | wx.pageScrollTo | 将页面滚动到目标位置,支持选择器和滚动距离两种方式定位 | - | - | - |
- | onResize() | 页面尺寸改变时触发,详见 响应显示区域变化 | 2.4.0 | - | - |
- | onTabItemTap() | 当前是 tab 页时,点击 tab 时触发 | 1.9.0 | - | - |
- | onSaveExitState() | 页面销毁前保留状态回调 | 2.7.4 | - | - |
- | getCurrentPages() | 获取当前页面栈。 | - | - | - |
路由
Taro | 微信 | 说明 | 基础库 | 渲染框架 | 状态说明 |
---|---|---|---|---|---|
- | <navigator> | 页面链接 | 1.0.0 | - | - |
- | wx.navigateTo | 保留当前页面,跳转到应用内的某个页面 | - | - | 路由 |
- | wx.redirectTo | 关闭当前页面,跳转到应用内的某个页面 | - | - | - |
- | wx.navigateBack | 关闭当前页面,返回上一页面或多级页面 | - | - | - |
- | wx.switchTab | 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页 面 | - | - | - |
- | wx.reLaunch | 关闭所有页面,打开到应用内的某个页面 | - | - | - |
- | wx.router | router 对象,可以通过 wx.router 获取 | - | - | 自定义路由 |
- | wx.onBeforeAppRoute | 监听路由事件下发后,执行路由逻辑前的事件监听 | - | - | - |
- | wx.offBeforeAppRoute | 移除路由事件的监听函数 | - | - | - |
- | wx.onAppRoute | 监听路由事件下发后,执行路由逻辑后的事件监听 | - | - | - |
- | wx.offAppRoute | 移除路由事件的监听函数 | - | - | - |
- | wx.onAppRouteDone | 监听当前路由动画执行完成的事件监听 | - | - | - |
- | wx.offAppRouteDone | 移除当前路由动画执行完成的事件的监听函数 | - | - | - |
- | wx.onBeforePageLoad | 监听路由事件引起新的页面实例化时,页面实例化前的事件监听 | - | - | - |
- | wx.offBeforePageLoad | 移除路由事件的监听函数 | - | - | - |
- | wx.onAfterPageLoad | 监听路由事件引起新的页面实例化时,页面实例化完成的事件监听 | - | - | - |
- | wx.offAfterPageLoad | 移 除路由事件的监听函数 | - | - | - |
- | wx.onBeforePageUnload | 监听路由事件引起现有页面实例销毁时,页面实例销毁前的事件监听 | - | - | - |
- | wx.offBeforePageUnload | 移除路由事件的监听函数 | - | - | - |
- | wx.onAfterPageUnload | 监听路由事件引起现有页面实例销毁时,页面实例销毁后的事件监听 | - | - | - |
- | wx.offAfterPageUnload | 移除路由事件的监听函数 | - | - | - |
网络请求
Taro | 微信 | 说明 | 基础库 | 渲染框架 | 状态说明 |
---|---|---|---|---|---|
- | wx.request | 发起 HTTPS 网络请求 | - | - | - |
- | wx.downloadFile | 下载文件资源到本地 | - | - | - |
- | wx.uploadFile | 将本地资源上传到服务器 | - | - | - |
- | wx.onBackgroundFetchData | 监听收到 backgroundFetch 数据事件 | - | - | 数据预拉取和周期性更新 |
- | wx.getBackgroundFetchData | 拉取 backgroundFetch 客户端缓存数据 | - | - | - |
- | wx.getBackgroundFetchToken | 获取设置过的自定义登录态 | - | - | - |
- | wx.setBackgroundFetchToken | 设置自定义登录态,在周期性拉取数据时带上,便于第三方服务器验证请求合法性 | - | - | - |
动画
Taro | 微信 | 说明 | 基础库 | 渲染框架 | 状态说明 |
---|---|---|---|---|---|
- | wx.createAnimation | 创建一个动画实例 animation | - | - | - |
- | wx.worklet | worklet 对象,worklet 动画 | - | - | - |
无障碍
Taro | 微信 | 说明 | 基础库 | 渲染框架 | 状态说明 |
---|---|---|---|---|---|
- | wx.checkIsOpenAccessibility | 检测是否开启视觉无障碍功能 | - | - | - |
- | aria-component | 满足视障人士对于小程序的访问需求 | - | - | - |
监控与分析
Taro | 微信 | 说明 | 基础库 | 渲染框架 |
---|