范文健康探索娱乐情感热点
投稿投诉
热点动态
科技财经
情感日志
励志美文
娱乐时尚
游戏搞笑
探索旅游
历史星座
健康养生
美丽育儿
范文作文
教案论文

分享50常用工具函数之xijs更新指南(v1。2。3)

  xijs  是一款开箱即用的 js  业务工具库, 聚集于解决业务中遇到的常用的js函数问题, 帮助开发者更高效的进行业务开发. 目前已聚合了50+常用工具函数, 接下来就和大家一起分享一下v1.2.3  版本的更新内容.1. 添加将树结构转换成扁平数组方法
  该模块主要由  EasyRo  贡献, 添加内容如下:
  使用方式如下: import { transformArray } from "xijs"; const tree = [   {     id: "0",     name: "趣谈前端",     pid: "",     children: [       {         id: "0-1",         name: "js",         pid: "0",         children: [],       },       {         id: "0-2",         name: "css",         pid: "0",         children: [           {             id: "0-2-1",             name: "css3",             pid: "0-2",             children: [],           },         ],       },     ],   }, ]; console.log(transformArray(tree)); 2. 添加常用数学计算函数
  该模块主要由  无极侠岚  贡献, 添加内容如下:
  使用方式如下: import { transformTree } from "xijs";  const data = [   {     id: "0",     name: "趣谈前端",     pid: "",   },   {     id: "0-1",     name: "js",     pid: "0",   },   {     id: "0-2",     name: "css",     pid: "0",   },   {     id: "0-2-1",     name: "css3",     pid: "0-2",   }, ];  console.log(transformTree(data)); 3. 将链表结构转化为数组结构
  该模块主要由知乎作者  萌萌你萌不萌啊  贡献, 添加内容如下:
  使用方式如下: import { linkListToArray } from "xijs";  const linkList = {   value: 100,   next: { value: 200, next: { value: 300, next: { value: 400 } } }, }; const arr = linkListToArray(linkList); console.log(arr); // -> [100,200,300,400] 4. 将链表结构转化为数组结构
  该模块由  大脸猫  贡献, 添加内容如下:
  $ 获取dom元素 getDomPageXY 获取dom元素在当前文档中的绝对位置 getDomScreenXY 获取dom元素相对于screen绝对位置 获取dom元素相对于screen绝对位置 getDomText 获取文本内容
  使用方式如下: import { getDomPageXY } from "xijs";  // 获取dom元素在当前文档中的绝对位置 const dom = getDomPageXY("#id");
  接下来我们跑一下单元测试, 对整个库做一个全面的扫描:
  整个测试一共花了16.83s, 测试全部通过, 各位小伙伴们可以放松食用.
  为了方便大家更好的了解  xijs  这个库, 我列一个完整的目录结构供大家参考, 也可以直接用 xijs  的在线文档中去参考学习.浏览器相关 getRuntimeEnv - 获取运行环境getSelection - 获取选中文本redirect - 重定向store - 本地存储库 字符串操作 base64 - base64编码和解码camelize - 横线转驼峰命名charCount - 获取字符数formatNumber - 数值千分位格式化formatPercent - 值转换为百分数表示hyCompact - 紧凑型驼峰命名转换hyphenate - 驼峰命名转横线命名randomStr - 生成随机字符串repeat - 生成重复字符串uuid - 生成唯一id 常用判断函数 isArray - 判断数组类型isEmpty - 判断空对象isPc - 判断设备类型isPhone - 判断手机号格式isEmail - 判断邮箱函数isIdCard - 判断身份证格式函数isPhone - 判断手机号格式lang - 判断中英文 数据结构相关 cloneDeep - 数据深拷贝formatDate - 时间格式化getRawType - 获取数据类型obj2url - 将对象参数解析为url字符串transformTree - 扁平转树结构url2obj - url字符串转对象 图片处理函数 compressImg - 自定义压缩图片函数file2img - 文件转图片对象hex2rgba - hex色值转rgbargba2obj - 将rgba值转化为rgba对象 js高级函数 debounce - 防抖函数parser - json超级解析器sleep - 睡眠函数throttle - 节流函数 常用算法和数据结构 bubbleSort - 冒泡排序quickSort - 快速排序 数学计算 average - 计算数组平均值difference - 创建一个排除指定项的数组random - 返回区域内随机数shuffle - 打乱数组factorial - 阶乘计算fibonacci - 计算斐波那契数sum - 求和数组 dom操作 $ 获取dom元素getDomPageXY 获取dom元素在当前文档中的绝对位置getDomScreenXY 获取dom元素相对于screen绝对位置获取dom元素相对于screen绝对位置getDomText 获取文本内容 几何计算 coordinatesInCircle - 生成圆内任意坐标coordinatesInRect - 生成矩形内任意坐标judgePointInCircle - 判断一点是否在圆内
  欢迎大家 star 推荐, 让前端工作更高效.
  github: https://github.com/MrXujiang/xijs

全球及中国台式DLP3D打印机行业研究及十四五规划分析报告辰宇信息咨询市场调研公司最近发布20222028全球与中国台式DLP3D打印机市场调研报告内容摘要本文同时着重分析台式DLP3D打印机行业竞争格局,包括全球市场主要厂商竞争格局和中剧本杀拜托了股东复盘解析剧透本文为剧本杀拜托了股东部分真相复盘剧透获取完整真相复盘只需两步(2)回复拜托了股东即可查看获取哦人数7人类型现代欢乐机制还原发行叱鲸文化时长45小时故事背景七位卧龙凤雏齐?神聚?龙UI设计来看看京东618如何玩转视觉与动效设计618大促是京东延续多年与用户的大型互动仪式。在这场巨大流量的角逐中,如何结合时下流行创意趋势更精准有序地向用户透传品牌与优惠信息是设计师要着重关注的点。基于各个角度的诉求,我们尝华为P60Pro终于来了,骁龙8Gen22K屏幕,国产机皇又回来了华为Mate50系列终于在千呼万唤中发布,给我们展示了一些列炸天的黑科技,像北斗卫星通讯可变光圈电池应急模式等,不过也有一系列缺点,那就是Mate50系列的外观被很多人吐槽,而且略苹果开始研发20英寸可折叠屏幕可能用于未来的MacBookPro据报道,TheElec今天援引业内人士的话报道,苹果已经启动了20英寸显示屏的开发,可能用于未来的MacBookPro型号。根据该报告,这款20英寸的设备将配备20。25英寸的OL长沙一女子两万元买知名品牌电视机,屏幕里却长出两只虫?花两万元买知名品牌的进口电视机用了不到十个月屏幕里面却长出两只虫?找到售后反映问题还迟迟得不到解决长沙的张女士感觉自己花了血本却像被坑了,这可怎么办?01hr年初购入电视机十月屏幕零极限的秘密1谁应该为冲突和矛盾承担责任?我们人类是群居动物,我们无法离开别人而靠自己一个人的力量活在这个世界上因为我们太弱小了。我们必须依赖关系而生存,而每个人都避免不了贪嗔痴怨憎会,因此我们必然会与其他人产生各种误会争144Hz(显示器)的最低显卡要求是什么型号?很多用户将自己的电脑显示器换成了144Hz的,但不知道这种频率的显示器对显卡是否有要求,本篇文章说说与其相关的知识。144Hz(显示器)的最低显卡要求是什么型号?答案是没有要求,别逆流银翼吸收,逆流,穿越时空欢迎关注,获取更多游戏评测资讯,入手与否不再犹豫喜欢的不妨点个赞唷()逆流银翼(DRAINUS)是一款由TeamLadybug和株式会社WHYSOSERIOUS(WSSplaygr鹅鸭杀账号电子邮件未经核实解决方法goosegooseduck鹅鸭杀是现在Steam上非常火爆的狼人杀游戏,玩法整体和大热的AmongUs十分相似,玩家可以选择加入大鹅阵营(好人方)找出潜藏在鹅群中的鸭子,将它们消老话说的好,有的孩子是来报恩的,有的是来讨债的,你怎么看?都说孩子是天使,是祖国的花朵,你们怎么看?今天我就想说说我家孩子,其实在三岁以前,我觉得他是那么可爱,那么听话,那么懂事,总之一句话,就是哪哪都好。也不知道从那天起,他变得不听话,
美银小心美国就业突然冰冻过去一整年的激进加息,让市场变成了惊弓之鸟,好看的经济数据意味着加息的持续,反而成了坏消息。如今,随着加息潮的逐渐平息,经济衰退的阴霾笼罩美国,坏消息再次成为坏消息。华尔街见闻此前中国抛售1。1万亿美债,或将引爆美国债务核弹,罗杰斯美国付出代价如果把现在的美国金融市场比作美国黄石国家公园的超级活火山的话,那么美国债务就是这座活火山的爆发点,此时的美国经济正在逼近衰退拐点,最新的消息正在反馈这个结论。美国财长耶伦已经在日前旅游业恢复后员工纷纷跳槽泰国普吉运输公司被迫涨价?近日,据泰媒报道称,泰国普吉某知名私人运输公司对外发布公告,称于本月18日起调整上述地区快递包裹配送费,在原来的基础之上涨至200泰铢件,一时间在社交媒体引起热议。经过了解得知,上韩国体育被中国打脸的精彩瞬间众所周知韩国在体育界可谓是赫赫有名,无理和傲慢几乎就是他们的代名词。接下来就来讲讲他们体育赛事的几个名场面。2010年广州亚运会男子子羽毛球团体决赛林丹对阵韩国朴成焕的比赛上,林丹恭喜!中国队逆转韩国队夺得世界大冬会女子冰壶金牌中国大学生体育协会消息,美国当地时间21日晚,在普莱西德湖进行的2023年世界大学生冬季运动会女子冰壶决赛中,中国队以64逆转战胜韩国队,夺得金牌。这是自2009年在哈尔滨举行的世20232029全球及中国气体灭火系统行业研究及十四五规划分析报告辰宇信息咨询市场调研公司最近发布20232029全球与中国气体灭火系统市场调研报告内容摘要本文同时着重分析气体灭火系统行业竞争格局,包括全球市场主要厂商竞争格局和中国本土市场主要厂京族三岛重回祖国怀抱,发展迅速,如今住着我国唯一的海洋民族提起京族三岛,不知大家是否耳熟能详?这三岛,究竟包含哪三岛?如果对于历史熟悉的你,相信提起京族三岛,一定不会陌生。京族三岛就是指巫头万尾和山心。它们位于广西省,与越南交界,南临北部合肥的兔宝宝来了!大年初一伴随一声响亮的啼哭合肥的兔宝宝呱呱坠地出生啦!是个男宝宝!新年新生新希望!年初一凌晨四点,伴着一声响亮的啼哭,安徽省公共卫生临床中心安医大一附院北区第一个兔宝宝来啦!宝宝身他本是一个混混,因头部遭闷棍成顶尖数学家,人脑到底有何奥秘?我曾经说过数学是愚蠢的,你怎么能在现实世界中使用它呢?杰森帕吉特人们总在积极探索着宇宙的奥秘,其实,我们的大脑世界极有可能比宇宙还要复杂与深奥。在很多人看来,在某些领域才能非凡的天最便宜纯电宝马双电机四驱实在续航?宝马iX1来了!不得不说,宝马是BBA这些豪华品牌中电动化走得更快的,早早就引入了X1插电混动,如今也有宝马i3iX3乃至于iXi7这样的旗舰产品。而在纯电传统豪华品牌中,iX3销量也远高于传统品骁龙8就看这几款!最低2K起买到就赚相信有不少小伙伴都拿到了年终奖,钱款到账后大家有没有消费的冲动!可能很多小伙伴今年还没有更换手机,还在使用着几年前的老古董,今年的选购标准其实很简单,在核心硬件方面可以主要考虑骁龙