浏览器相关封装。
- cookies.ts:cookie 封装
- getCookie:获取 cookie
- setCookie:设置 cookie
- delCookie:删除 cookie
- css.ts
- getPrefix:获取浏览器前缀
- getStyle:获取元素样式
- getElementSize:获取元素的尺寸数据、如 width/height
- clipboard.ts
- readClipboardText:读取剪贴板文案
- copyToClipboard:拷贝文案到剪贴板
- dom.ts
- isBrowser:是否浏览器环境
- isBrowserTab:当前页面是否为显示状态
- hasClass:元素是否有此 class
- addClass:元素添加 class
- removeClass:元素删除此 class
- insertAfter:在元素之后插入新元素
- insertBefore:在元素之前插入新元素
- elementContains:检查是否包含子元素
- hide:隐藏元素(列表)
- nodeListToArray:元素列表转数组格式
- setAttribute:元素设置属性
- escapeHTML:将字符串中的 HTML 特殊字符转义成对应的实体字符,以避免 XSS 攻击等问题
- getOffsetPos:获取一个元素的距离文档(document)的位置
- getScrollTop:获取滚动条距顶部的距离
- getScrollPosition:获取滚动条距顶部和左侧的距离
- setScrollTop:设置滚动条距顶部的距离
- requestAnimFrame:requestAnimationFrame 的兼容调用方式(包括服务端)
- animateScrollTo:平滑滚动(dom 动画)
- smoothScroll:平滑滚动(依赖 webapi)
- disableCopy:禁止复制
- file.ts
- readFile:读取文件内容,返回字符串
- readFileAsDataURL:读取文件内容为 Data URL
- downloadFile:保存/下载文件
- downloadImageFileByUrl:根据 URL 下载图片文件
- getFileExtension:根据文件名获取文件扩展名
- image.ts
- isImageLoaded:加载图片(通常用于预加载)
- getImageSize:获取图片的原始尺寸大小
- isSupportWebP:是否支持 webp 格式图片
- cropImage:图片裁剪
- compressImage:图片压缩
- loadAssets.ts
- loadScript:动态加载 js
- loadScriptList:动态加载 js 列表
- loadCss:动态加载 css
- loadCssList:动态加载 css 列表
- loadImage:加载图片
- loadImageList:加载图片列表
- loadCSV:下载 csv 文件
- platform.ts
- isPC:是否为 pc 环境
- getPcExplore:获取 pc 浏览器版本
- getSystemOS:获取系统版本
- getMobilePlatform:获取移动端平台标志
- getMobileOS:获取移动端系统及其版本
- getMobileBrandIdentify:获取当前移动设备的品牌标识(部分手机)
- rem.ts
- storage.ts
- url.ts
- parseQueryString:获取 url search 参数对象
- getUrlParam:获取 url search 字段值
- paramsJoinUrl:将参数对象转为 url 字符串
- getBaseUrl:获取基础地址( url 中?之前的部分)
- getUrlDomain:获取 url 域名信息
- httpsRedirect:强制 https 重定向
- uniqueSlash:将路径中重复的正斜杆替换成单个斜杆隔开的字符串
- keyboard.ts
- getKeyName:获取 pc 按键值
- others.ts
- isBase64:判断字符串是否是 base64