淘宝小程序开发注意点
获取全局 app 实例
const app = getApp();
在其他组件或者页面,可以通过 app.来访问 app.js中定义的全局数据或方法;样式不支持嵌套,不支持属性选择器;
框架api分为监听型api和功能型api。 监听型api以my.on、my.off开头;
无法使用 document、window等对象。
文件中支持es module引入的方式
import util from './util'; // 载入相对路径import absolute from '/absolute'; // 载入项目根路径文件
通常访问根路径以 / 开始,无需定义。
文件内部json配置高于全局app.json的配置;
在小程序中点击新建小程序页面会自动创建并添加路径到app.json中。如果删除页面文件,需要手动在app.json page中删除对应的路径;
要展示二级页头部标题:需在app.json中配置 navigationBarForceEnable:true
应用首次启动时,onLaunch 方法可获取 query、path 属性值;应用在后台切换到前台打开时,也可从 onShow 方法中获取 query、path 属性值;注意是在app.js中
冒泡点击事件 onTap, 非冒泡点击事件catchTap;
修改内部数据this.setData,会触发页面重新渲染;
在页面的json中配置窗口表现时可以无需定义window键;
在页面中通过onLoad(query: Object)获取传递的query;
获取页面堆栈 getCurrentPages();
通过data- 传递自定义数据到事件;
在自定义组件中与页面不同,用户自定义事件需要放到 methods 里面;
组件支持slot
文档地址
https://miniapp.open.taobao.com/docV3.htm?docId=117181&docType=1获取组件的ref实例,可以通过ref来调用组件的方法
文档地址
https://miniapp.open.taobao.com/docV3.htm?docId=117146&docType=1支持使用模板代码:
文档地址
https://miniapp.open.taobao.com/docV3.htm?docId=117162&docType=1可以通过调用my.getSystemInfoSync() 来获取设备硬件信息,来处理一些ios和安卓差异性适配。
// const { platform } = my.getSystemInfoSync()
// platform === ‘iOS’
my.onAccelerometerChange来监听屏幕翻转的速率
上传本地文件到服务器(例如调用相机拍照)
try {const result = await cloud.file.uploadFile({
filePath: image,
fileType: ‘image’,
fileName: ‘img’
});
url = result.url;
} catch (e) {
console.error(‘上传拍照后的图片失败–>’, e);
}定制小程序可以不需要云应用id
c端拿不到openId。
二楼项目(品牌空间)设置title显示和透明穿顶效果无效。(部分机型可以)
调用关注店铺在安卓下有success返回值,在ios没有返回值,文档对成功回调说明如下:“调用成功的回调函数,无返回值
ios可以调用背景音效的play()方法,来重新播放已经播放完毕的音效。在安卓下可以处理为播放完毕后销毁音频实例,再重新创建。
可以考虑授权单独一个页面;
前端调用入会方法和跳转优惠券方法—> 使用 my.call(“navigateToOutside”, { url });。 项目中如果遇到有跳转链接的情况,可以优先使用my.call测试一下。降级办法使用webview。(在webview打开入会会无法会跳,优惠券会提示该优惠券不存在。建议用my.call(“navigateToOutside”, { url }) )
可以在view上使用hidden属性来指明当前view是否显示。
单屏的适配可以按照原设计稿大小。然后在整体布局绝对定位到50%,然后margin-top给与负的设计稿的一半。使整个画面在屏幕的中央。
淘宝小程序开发注意点相关推荐
- 淘宝小程序开发——请求封装
// 云应用ID 不同商家可能有不同的店铺.店铺的云应用iD不同 const APPS = {default: '123456' // 默认云应用ID 123456为示例,非真实 };/***** 如 ...
- 超详细淘宝小程序的接入开发步骤
本文是向大家介绍的关于工作中遇到的如何对接淘宝小程序开发的步骤,它能够帮助大家省略在和淘宝侧对接沟通过程中的一些繁琐问题,便捷大家直接快速开展工作~~ 一.步骤演示 1.首先我们打开淘宝开放平台,进入 ...
- 淘宝小程序(商家应用)开发提前需要了解的一些概念
规定:淘宝小程序即淘宝商家应用.下文中只称作淘宝小程序,二者概念一致. 一:概念和业务场景 概念: 因为淘宝小程序是从支付宝小程序迁移过来的.用的同一套框架.所以你需要先通读一遍商家应用文档(淘宝小程 ...
- 淘宝小程序游戏迁移Laya引擎
淘宝小程序游戏迁移Laya引擎 1. 目录结构 bin -- 当前项目的输出文件 laya -- 存放UI项目 assets -- 图片,音频资源目录 pages -- .scene 场景文件 key ...
- 淘宝小程序还可以这么玩!私域互动实践总结
简介:小程序创意互动项目,作为淘宝购物小程序全面提升消费体验和满足商家个性化运营的重点项目之一,从 2020 年 3 月底正式 KO 到今年双11,已经经历了多次迭代.在购物小程序技术.产品.运营团队 ...
- 淘宝小程序的坑(持续更新)
1. 淘宝小程序 ui 组件更新缓慢(基本不更新) form组件 onFormChange 当formItem field 没有值的时候 返回对应的name 为空 tab 返回的index 会加上 ...
- 哔哩哔哩淘宝小程序盲盒抽奖实践
目录 背景 名词解释 整体业务流程 技术实现 调用链路 云开发( Serverless ) 云开发的限制 编写云函数 怎么拿到授权查询轻店铺用户订单 轻店铺云网关 数字签名网关 网关技术选型 Vert ...
- “淘宝小程序“ 九宫格抽奖功能
淘宝小程序的九宫格抽奖功能,同理功能代码可根据指定小程序规则调整事件,此逻辑可适配所有小程序功能开发. 效果图: index.axml <!-- 九宫格部分 --> <view cl ...
- 淘宝小程序 九宫格抽奖
淘宝小程序的九宫格抽奖功能,同理功能代码可根据指定小程序规则调整事件,此逻辑可适配所有小程序功能开发. 效果图: index.axml <!-- 九宫格部分 --> <view cl ...
- 淘宝小程序体验优化:数据分析和优化实践
作者:莫绪旻(向屿) 淘宝小程序已经走过若干个双十一,淘宝开放业务有序铺开.体验优化是个老生常谈的话题,如何让小程序跑得又稳又快,成了我们最大的挑战之一. 写在前面 如何定义好的体验 过去我们定义这个 ...
最新文章
- 如何获取公众号中html,[技巧] 如何获取公众号图文里的视频地址
- postgres语法_SQL Create Table解释了MySQL和Postgres的语法示例
- python利用WMI监控windows状态如CPU、内存、硬盘
- VMware虚拟机安装Centos7
- python中几种推导式的特殊用法
- Golang之错误处理
- CoderHub接口文档
- 线性代数与矩阵论 习题 1.2.1
- 软件因丢失.dll文件(未找到)而无法启动?
- java中 移位运算符_java中的移位运算符心得总结
- AutoPatchnbsp;warning:zfaprod.txtnbsp;do…
- 锐捷AP组建无线网络-保姆级教程
- qlv转mp4出来没有画面,无画面,解决方法
- modbus模拟设备工具ModRSsim的使用
- AVFoundation
- Python Java 滑块识别-通杀滑块
- DRM框架(vkms)分析(6)---- plane初始化
- 将 vim 外的内容复制并粘贴到 Vim 里使用,如从windows系统复制内容到vim中使用
- 清华大学赵明国:AI芯片 +机器人,突破算法瓶颈
- win10高危服务_简单教你Win10哪些服务项可禁用关闭,爱纯净官网