常用工具函数(持续更新)

tech2024-06-22  73

函数目录

驼峰转css属性 aaaBbb=>‘aaa-bbb’检查某个数据的数据类型浅拷贝判断当前浏览器环境是苹果还是安卓 主要用于移动端hack解决ios keyboard 导致页面不弹起问题

驼峰转css属性 aaaBbb=>‘aaa-bbb’

function humpParse(s) { const reg = /([a-z]+)|([A-Z]{1}[a-z]+)/g; let r = s.match(reg) let attr = '' r.forEach((e,index)=>{ if(index===0){ attr = e; }else{ e = e.toLowerCase() attr = attr + '-' + e; } }) return attr }

检查某个数据的数据类型

输入值输出123Number‘abcdef’StringtrueBollean[1, 2, 3, 4]Array{name:‘wenzi’, age:25}Objectconsole.log(‘this is function’)FunctionundefinedUndefinednullNullnew Date()Date/[a-z]{5,20}$/RegExpnew Error()Error /** * @description * @param {*} value - 输入值 * @param {String} [type] - 需要核对的数据类型,不填的时候则返回数据类型 * @return {Boolean|String} - 返回首字母大写的数据类型(ex:Number)或者布尔值 */ const typeOf = function(value,type){ let r = typeof value if (r !== 'object') { if(type){ return r.charAt(0).toUpperCase() + r.slice(1,r.length) == type }else{ return r.charAt(0).toUpperCase() + r.slice(1,r.length) } }else{ if(type){ return Object.prototype.toString.call(value).replace(/^\[object (\S+)\]$/, '$1') == type }else{ return Object.prototype.toString.call(value).replace(/^\[object (\S+)\]$/, '$1') } } } export default typeOf

浅拷贝

/** * @description <span style='color:red'>简单拷贝数据</span> * @param {Object|Array} input -输入的数据 * @return {Object|Array} - 返回拷贝过后的数据 */ const copy = function (input) { let inputType = typeOf(input) if(inputType!='Array'||inputType!='Object'){ throw new Error('expected Array or Object') } let s = JSON.stringify(input) return JSON.parse(s) } export default copy

判断当前浏览器环境是苹果还是安卓 主要用于移动端hack

/** * @returns {String|Undefined} - 返回 'ios' 或者 'android' 都不是的时候返回 undefined */ const IosOrAndroid = function(){ if(typeof navigator == 'undefined'){ throw new Error('Is not currently a browser environment') } const u = navigator.userAgent const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1 const isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) if(isIos){ return 'ios' } if(isAndroid){ return 'android' } return undefined } export default IosOrAndroid

解决ios keyboard 导致页面不弹起问题

const solveIosKeybordBug = function(){ setTimeout(() => { let height = document.documentElement.scrollTop || document.body.scrollTop window.scrollTo(0, height + 1) window.scrollTo(0, height - 1) }, 17) } export default solveIosKeybordBug
最新回复(0)