淘宝小程序开发注意点

  1. 获取全局 app 实例
    const app = getApp();
    在其他组件或者页面,可以通过 app.来访问 app.js中定义的全局数据或方法;

  2. 样式不支持嵌套,不支持属性选择器;

  3. 框架api分为监听型api和功能型api。 监听型api以my.on、my.off开头;

  4. 无法使用 document、window等对象。

  5. 文件中支持es module引入的方式

     import util from './util'; // 载入相对路径
     import absolute from '/absolute'; // 载入项目根路径文件
    

    通常访问根路径以 / 开始,无需定义。

  6. 文件内部json配置高于全局app.json的配置;

  7. 在小程序中点击新建小程序页面会自动创建并添加路径到app.json中。如果删除页面文件,需要手动在app.json page中删除对应的路径;

  8. 要展示二级页头部标题:需在app.json中配置 navigationBarForceEnable:true

  9.  应用首次启动时,onLaunch 方法可获取 query、path 属性值;
     应用在后台切换到前台打开时,也可从 onShow 方法中获取 query、path 属性值;
     注意是在app.js中
    
  10. 冒泡点击事件 onTap, 非冒泡点击事件catchTap;

  11. 修改内部数据this.setData,会触发页面重新渲染;

  12. 在页面的json中配置窗口表现时可以无需定义window键;

  13. 在页面中通过onLoad(query: Object)获取传递的query;

  14. 获取页面堆栈 getCurrentPages();

  15. 通过data- 传递自定义数据到事件;

  16. 在自定义组件中与页面不同,用户自定义事件需要放到 methods 里面;

  17. 组件支持slot
    文档地址
    https://miniapp.open.taobao.com/docV3.htm?docId=117181&docType=1

  18. 获取组件的ref实例,可以通过ref来调用组件的方法
    文档地址
    https://miniapp.open.taobao.com/docV3.htm?docId=117146&docType=1

  19. 支持使用模板代码:
    文档地址
    https://miniapp.open.taobao.com/docV3.htm?docId=117162&docType=1

  20. 可以通过调用my.getSystemInfoSync() 来获取设备硬件信息,来处理一些ios和安卓差异性适配。
    // const { platform } = my.getSystemInfoSync()
    // platform === ‘iOS’

my.onAccelerometerChange来监听屏幕翻转的速率

  1. 上传本地文件到服务器(例如调用相机拍照)
    try {

    const result = await cloud.file.uploadFile({
    filePath: image,
    fileType: ‘image’,
    fileName: ‘img’
    });
    url = result.url;
    } catch (e) {
    console.error(‘上传拍照后的图片失败–>’, e);
    }

  2. 定制小程序可以不需要云应用id

  3. c端拿不到openId。

  4. 二楼项目(品牌空间)设置title显示和透明穿顶效果无效。(部分机型可以)

  5. 调用关注店铺在安卓下有success返回值,在ios没有返回值,文档对成功回调说明如下:“调用成功的回调函数,无返回值

  6. ios可以调用背景音效的play()方法,来重新播放已经播放完毕的音效。在安卓下可以处理为播放完毕后销毁音频实例,再重新创建。

  7. 可以考虑授权单独一个页面;

  8. 前端调用入会方法和跳转优惠券方法—> 使用 my.call(“navigateToOutside”, { url });。 项目中如果遇到有跳转链接的情况,可以优先使用my.call测试一下。降级办法使用webview。(在webview打开入会会无法会跳,优惠券会提示该优惠券不存在。建议用my.call(“navigateToOutside”, { url }) )

  9. 可以在view上使用hidden属性来指明当前view是否显示。

  10. 单屏的适配可以按照原设计稿大小。然后在整体布局绝对定位到50%,然后margin-top给与负的设计稿的一半。使整个画面在屏幕的中央。

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值