uniapp相关内容

一、设置uni原生事件类型 

示例：获取手机号事件类型为 UniHelper.ButtonOnGetphonenumber

格式为：UniHelper.组件名+事件名 

const getphonenumber: UniHelper.ButtonOnGetphonenumber = (detail) => {
  console.log(detail)
}

<button class="button phone" open-type="getPhoneNumber" @getphonenumber="getphonenumber">
    <text class="icon icon-phone"></text>
    手机号快捷登录
</button>

二、页分包及预加载

将不常用页面设置分包用来提高页面加载速度

1、分包 

方法：新建一个文件夹用来存放需要分包的的文件，可右键直接新建分包页面（会在pages.json中自动生成相关配置），或手动配置

手动配置代码：

//分包加载配置 与pages同级
"subPackages": [{
    //子包的根目录
    "root": "packages/webpage",
    //子包由哪些页面组成
    "pages": [{
        "path": "web-page"
    }]
}

2、预加载配置

//声明分包预下载的规则 与pages同级
"preloadRule": {
    // 键值对组成   开始预加载的文件路径:配置项
    // 即 进入pages/my/index 页面后开始预加载配置的文件
    "pages/my/index": {
        "network": "all",
        "packages": ["packages/chat"]
    }
},

字段	类型	必填	默认值	说明
packages	StringArray	是	无	进入页面后预下载分包的 root 或 name。__APP__ 表示主包。
network	String	否	wifi	在指定网络下预下载，可选值为：all（不限网络）、wifi（仅wifi下预下载）