Skip to content

Latest commit

 

History

History

web-utils

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 

web utils

浏览器相关封装。

  • 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