H5-plus

移动端扩展库

~~如果使用 UMD 方式加载时，需要在加载资源之前进行 CryptoJS【backbutton模块所需】 加载（至少保证 crypto-jS/core crypto-jS/md5 ）或全部加载crypto-jS/crypto-js.js~~

backbutton

返回按钮事件扩展

| 成员名 | 类型 | 说明 | | :--------: | :------: | :------------------ | | EVENT_NAME | string | 固定为 backbutton | | destory | Function | 释放监听 |

• 使用方法

import { backbutton } from "@some21/h5-plus";
const back = new backbutton.BackButton(() => {
  // 点击后退时候执行的事件
});

//页面离开钱或关闭窗口前需要调用此方法进行释放
back.destory();

flexible

px 转 rem 计算控制模块

| 成员名 | 类型 | 说明 | | :----: | :------------------------------------------------------------: | :-------------------------------------------- | | init | (originalDesignWidth:number,"portrait"|"landscape")=>void | 初始化。给定设计稿宽度和方向来初始化 flexible |

• 使用方法

import { flexible } from "h5-plus";
flexible(365, "portrait"); // 初始化为竖屏
// 或
flexible(1366, "landscape"); // 初始化为横屏

使用方法

orientation

旋转监听模块

| 成员名 | 类型 | 说明 | | :-----------------: | :--------------------: | :--------------- | | getCurrentOriention | portrait landscape | 获取当前屏幕方向 |

使用方法

// 引入js后
window.addEventListener(
  "orientationchanged",
  e => {
    // 方向变化后执行的操作
  },
  false,
);

utils

一些通用方法

| 成员名 | 类型 | 说明 | | :-------: | :-----: | :-------------------------------------------------------------------------------------------- | | IS_MOBILE | boolean | 是否移动端访问 | | IS_IE | boolean | 是否 IE 浏览器访问 | | BROWSER | string | 当前是使用的什么浏览器打开 - Dingtalk 钉钉- Wechat 微信- Browser 其他浏览器 |