uni-app學習（三）好用的插件1

1. uni-app學習（三）

1.1. async/await使用

1. 表示異步處理，可使用then函數繼續操作，返回的是Promise

async function timeout() {
    return 'hello world'
}
timeout().then(result => {
    console.log(result);
})
console.log('雖然在后面，但是我先執行');

先打印下面這句

2. await是等待的意思，它后面可以放任何表達式，不過我們更多的是放一個返回promise 對象的表達式

// 2s 之后返回雙倍的值
function doubleAfter2seconds(num) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(2 * num)
        }, 2000);
    } )
}

async function testResult() {
    let result = await doubleAfter2seconds(30);
    console.log(result);
}

testResult();

3. 遇到await 之后，代碼就暫停執行了， 等待doubleAfter2seconds(30) 執行完畢

參考這篇博客

1.2. request網絡請求封裝，統一添加token等

1. 在vue的編寫中，我們通常都會封裝token，uni-app自帶的uni.request暫時不能實現類似攔截器的需求，所以需要自己封裝；本着不重復造輪子的原則，在uni插件市場還是有這種插件的，直接拿來改造下就行了
2. 插件地址在這
3. 同樣可以選擇這個 兩者是類似的，不過這個只有js文件，模仿axios的調用方式，熟悉axios可以試試這個啊

1.3. 阿里百川

1. 這個好像是電商專用，說明說是用於android和ios的授權登錄、退出、購物車、訂單等，和淘寶相關，沒做過電商不怎么了解，這里記一筆，如果以后有機會用到在找出來
2. 插件地址

1.4. 聊天模板

1. 包含了chat模板，文字，語音，紅包等，這個也是在特定場景用的到，不過概率還是蠻高的，可以記錄下
2. 模板地址

1.5. QS-inputs

1. 作者稱是帶動畫的自動化基礎表單組件，看名字也知道，只是對input的各種深化
2. 插件地址
3. 演示

1.6. app引導頁

1. app第一次打開時候的引導頁示例，地址點這
2. 例子如下
   
3. 我嘗試下這個例子，其實也沒做啥工作，就是在緩存記下了個標記，每次啟動檢查下，是否已啟動過，啟動過就不顯示引導頁了，直接跳轉首頁，而引導頁可以其實也簡單的，可以參考下

1.7. 多場景日期選擇器

1. 插件地址
2. 隨便給個例子

1.8. 仿微信朋友圈模版

1. 地址
2. 功能：仿微信朋友圈頁面模版,點贊,評論,發布,圖片上傳,預覽,壓縮等等
3. 例子

1.9. 登錄|注冊|忘記密碼|模板

1. 點擊這里
2. 例子

3. 簡單登錄注冊例子

1.10. 圖片上傳（阿里雲、七牛、騰訊雲、后端上傳）

1. 點擊這里
2. 示例

1.11. 直播插件（目前只支持android，開發中）

1. 這里