js工具库j4tools（二）

一张小钞 - 2021-09-29 20:05:26

j4tools

一款支持 tree-shaking，轻量级的工具库 <br/>
文档地址 <br/>
github 地址欢迎 star 和 pr

功能介绍

判断浏览器

import { isBrowser } from "j4tools";

isBrowser(); // true or false

判断设备

import { deviceType } from "j4tools";

deviceType(); // Mobile or Desktop

获取 url 参数

import { getURLParams } from "j4tools";

getURLParams("google.com"); // {}

getURLParams("http://google.com/page?name=knox&surname=zhang");

// {name: 'knox', surname: 'zhang'}

通过属性查找路径

import { getNodePath } from "j4tools";

const data = [
  {
    id: 1,
    children: [
      { id: 2, parentId: 1 },
      {
        id: 3,
        parentId: 1,
        children: [
          {
            id: 4,
            parentId: 3,
          },
        ],
      },
    ],
  },
];

getNodePath(data, 4);

// [
//     {
//         "id": 1,
//         "children": [
//             {
//                 "id": 2,
//                 "parentId": 1
//             },
//             {
//                 "id": 3,
//                 "parentId": 1,
//                 "children": [
//                     {
//                         "id": 4,
//                         "parentId": 3
//                     }
//                 ]
//             }
//         ]
//     },
//     {
//         "id": 3,
//         "parentId": 1,
//         "children": [
//             {
//                 "id": 4,
//                 "parentId": 3
//             }
//         ]
//     },
//     {
//         "id": 4,
//         "parentId": 3
//     }
// ]

自定义属性查找路径

import { getNodePath } from "j4tools";

const data = [
  {
    kid: 1,
    kchildren: [
      { kid: 2, kparentId: "1" },
      { kid: 3, kparentId: "1" },
    ],
  },
];

getNodePath(data, "3", {
  idKey: "kid",
  parentIdKey: "kparentId",
  childrenKey: "kchildren",
});
// [
//   { kid: '1', kchildren: [ [Object], [Object] ] },
//   { kid: 2, kparentId: '1' }
// ]

文档地址<br/>
github 地址欢迎 star 和 pr

特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。

上一篇：「免费开源」基于Vue和Quasar的前端SPA项目crudapi零代码开发平台后台管理系统实战之元数据导出导入（十五）

下一篇：设计模式中的观察者模式