
前端公共函数(utils)❤️
前端公共函数
Sestid
不忘初心!不负野心!奋于曾经,立于当下,拼于未来。
展开
-
Js公共函数------获取目标元素的高度height
废话不多说,直接上代码/** * getElementHeight * * @description 获得目标元素height * @param {target} 目标元素 * @return {string} * */ const getElementHeight = element => { if (element) { return Math.max( element.scrollHeight, element.offsetHeight,原创 2020-11-13 17:22:44 · 524 阅读 · 0 评论 -
Js公共函数------获得目标元素的位置{x, y}
还是废话不多说,直接上代码/** * getElementPosition * * @description 获得目标元素x,y * @param {target} 目标元素 * @return {object} {x, y} * */ const getElementPosition = element => { let [actualLeft, actualTop, current] = [ element.offsetLeft, element.offs原创 2020-11-13 16:28:38 · 711 阅读 · 1 评论 -
Js公共函数------检测设备是移动端还是PC端
直接上代码,自己拿去测试// 检测设备状态 const detectDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent, ) ? 'Mobile' : 'Desktop';const isMobile = detectDeviceType() === 'Mobile';console.原创 2020-11-12 14:03:03 · 212 阅读 · 1 评论 -
Js公共函数------生成不重复的随机数组且区间和长度自定义
前言:需求是做搜索视频推荐音乐,每次只展示出三个,当空搜的时候展示的是前100个的随机的三个。所以我想了半天,最后想到的方法是通过索引,从1-100中随机选出3个数字组成一个数组这样就能拿到想要的三个0-100的随机数组成的数组:const musicArr = randomUniqueArr(3, 0, 100);下边是公共函数的实现/** * 生成一个不重复的随机数组 * * @param {number} len 数组长度 * @param {numbe...原创 2020-08-28 15:34:55 · 539 阅读 · 0 评论 -
Js公共函数------对象数组数据进行处理
/** * 通过id获取对应的对象 * * @param {string} id ID * @param {array} array 数据集 * @return {object} id所在的对象 */const findByID = (id, array) => (array || []).find(({ id: itemID }) => itemID === id);/** * 通过id获取对应的对象的下标 * * @param {string} id ID *.原创 2020-07-28 19:17:28 · 339 阅读 · 0 评论