(小程序篇)11.lin-ui函数库

一.Promisic回调转换

说明：使用Promisic函数，对原生的回调函数进行转换，可以搭配async、await把异步API转化为同步的。
PS:lin-ui安装使用之前章节有，这里不介绍

代码

• 源码所在位置 /miniprogram_npm/lin-ui/dist/utils/util.js

• 源码内容：

  const promisic = function (func) {
    return function (params = {}) {
        return new Promise((resolve, reject) => {
            const args = Object.assign(params, {
                success: (res) => {
                    resolve(res);
                },
                fail: (error) => {
                    reject(error);
                }
            });
            func(args);
        });
    };
  }
  export {
  	promisic
  }
  

• 调用方式：

  import { promisic } from '/dist/utils/util.js'
  // 搭配async、await   
  // 使用async、await需要开启增强编译
  async getStorage() {
   	const res = await promisic(wx.getStorage)()
   	console.log(res)
  }
  

二.px2rpx单位转换

说明：web开发中我们大部分使用css单位是px，但是在小程序中使用的则是rpx，所以可以使用这个函数在某些场景中转换对应的单位。

代码

• 源码所在位置 /miniprogram_npm/lin-ui/dist/utils/util.js

• 源码内容：

    const px2rpx = function(n){
    	const { screenWidth: t } = wx.getSystemInfoSync();
        return 750/t*n
    }
    
  

• 调用方式：

    import { px2rpx } from '/miniprogram_npm/lin-ui/dist/utils/util.js'
    const rpx = px2rpx(375) // 750