小程序async和分包

109 阅读1分钟

promise中的async和await

自动将常规函数转换成Promise,返回值也是一个Promise对象

只有async函数内部的异步操作执行完,才会执行then方法指定的回调函数

Async—声明一个异步函数(async function someName(){...})

异步函数内部可以使用await

async init(){
        try{
            let {slides,goods:{data}} = await indexHttp('/api/index',{
                page:this.data.page
            },'GET')
  • Promise的all()和race()方法
  • all()是一起执行
  • race()是谁快谁执行
 <script>
        function htt1(){
            return new Promise((resolve,rejeck)=>{
                setInterval(()=>{
                    resolve('感谢你,谢谢有你')
                },1000)
            })
        };
        function htt2(){
            return new Promise((resolve,rejeck)=>{
                setInterval(()=>{
                    resolve('大曾ing')
                },2000)
            })
        }
        Promise.race([htt1(),htt2()]).then(res=>{
            console.log(res)
        })
        /* Promise.all([htt1(),htt2()]).then(res=>{
            console.log(res)
        }) */
    </script>

分包

普通分包可以使用app.wxss里面的样式,

分包可以使用主包里面的资源

主包不可以使用分包里面的资源

分包之间不可以互相使用资源

加上"independent": true,就会成为独立分包

独立分包不可以使用app.wxss里面的样式

因为是在主包加载之前调用,所以使用不了

  "pages":[
    "pages/my/my",
    "pages/index/index",
    "pages/logs/logs"
  ],
  "subpackages":[{
    "root":"packageA",
    "independent": true,
    "pages":[
      "pages/cat/cat",
      "pages/dog/dog"
    ]
  }, {
    "root": "packageB",
      "name": "pack2",
      "pages": [
        "pages/apple/apple",
        "pages/banana/banana"
      ]
   }