淘寶小程序開發注意點

  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給與負的設計稿的一半。使整個畫面在屏幕的中央。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章