分享50+常用工具函数之xijs更新指南(v1.2.3)

xijs 是一款开箱即用的 js 业务工具库, 聚集于解决业务中遇到的常用的js函数问题, 帮助开发者更高效的进行业务开发， 目前已聚合了50+常用工具函数, 接下来就和大家一起分享一下v1.2.3 版本的更新内容。

宝山ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18980820575（备注：SSL证书合作）期待与您的合作！

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 - 判断一点是否在圆内。

本文标题：分享50+常用工具函数之xijs更新指南(v1.2.3)
文章网址：http://www.gawzjz.com/qtweb2/news25/26275.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联