npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

jslib-tools

v0.1.6

Published

js工具库 封装常用的工具函数 如深拷贝 时间转换日期格式化、浏览器判断等,提高开发效率

Downloads

19

Readme

MIT Licence Eclipse Marketplace NpmVersion

Description:

前端 js 工具库: 封装常用的工具函数,如日期格式化、浏览器判断等,提高开发效率

Todo

  • [√] 引入代码校验工具 eslint
  • [√] jsdocs typedocs 自动化生成 api 文档
  • [√] 测试覆盖率统计 coverage
  • [√] 支持Typescript
  • [√] 支持浏览器环境,node 环境、es6 环境

如何使用:

  1. 直接下载 dist 目录下的 jtools.min.js 使用,支持 UMD 通用模块规范
  2. 使用 npm 安装

浏览器:

<script src="jtools.min.js"></script>
<script>
    var result = jtools.deepCopy({a:1})
</script>

npm:

npm i jslib-tools

全部加载(webpack、RequireJS、SeaJS 等):
var jtools = require("jslib-tools");
var result = jtools.deepCopy({a:1});

es6

import jtools from "jslib-tools";
var result = jtools.deepCopy({a:1});

按需加载

结合babel-plugin-import-load按需加载可以极大的减小依赖包的体积

import { add } from "jslib-tools";
var result = deepCopy({a:1});

自动化生成文档

JSDoc是一个根据 javascript 文件中注释信息,生成 JavaScript 应用程序或库、模块的 API 文档 的工具。你可以使用他记录如:命名空间,类,方法,方法参数等。类似 JavaDoc 和 PHPDoc。现在很多编辑器或 IDE 中还可以通过 JSDoc 直接或使用插件生成智能提示。从而使开发者很容易了解整个类和其中的属性和方法,并且快速知道如何使用,从而提高开发效率,降低维护成本。 typedoc 是根据typescript注释生成的文档

文件 npm run typedoc api-docs: typescript 方法文档

npm run doc docs: js 方法文档

扩展

如果你想添加自己的工具库,在 src 目录创建文件,对应 test 目录添加测试用例,执行 npm run test

utils

vue 和 常用插件 axios 封装工具类

迭代记录

0.1.3

增加 
getHttpBase64 获取网络图片转成base64
Regs 正则校验对象 包括手机号 邮箱等常用正则规则
getUUID 随机字符串 前端设置唯一id
appendJs 插入js 支持回调
clipboardObj 复制和获取黏贴内容
cursortPosition 获取焦点光标控制
sleepSync 睡眠
sleepAction 延时执行
objTools 对象操作 判断key 对象相等
getGlobal, setGlobal, globalLib, removeGlobalItem window对象操作等
arrayTools 数组相关操作 arrayToObject 数组转对象 arrayMoveMutate 数组移动位置原数组 arrayMove 数组移动位置返回新数组
judgeTools 判断对象数组等类型方法
byteTools b2size 自动转换合适的单位 bytes 自定义设置转换的单位
jsonTools decode_url_param, json_replace, json_encode, json_decode 对象字符串转换等
store cookie storage
---

删除
isMobile
b2size

0.1.4

  • 增加
  1. judgeTools.isJSONStringify

判断字符串是否可以转换对象

  1. createWebsocket

创建 websocket

  1. arrayTools.arrVals

根据指定的键或索引抽取数组项的值

  1. arrayTools.arrFibonacci

按条件产生数组 arr(5,2,2) => [2,4,6,8,10]

  1. objTools.alias

给对象增加别名

  1. objTransfer
    1. objTransfer.toLower
    2. objTransfer.toUpper
    3. objTransfer.toArray
    4. objTransfer.makeArray
  2. judgeTools
    1. judgeTools.isDiff

    判断对象是否相等

  3. strTransfer
    1. strTransfer.trim

    方法是去掉字符串的开头和结尾的空白符

    1. strTransfer.titleize

    将每个单词的首字母转换为大写

    1. strTransfer.camelize

    驼峰化

    1. strTransfer.dasherize

    中划线化

    1. strTransfer.escapeHTML

    将HTML特殊字符转换成等值的实体

    1. strTransfer.unescapeHTML

    实体字符转换为等值的HTML

0.1.5

  • 增加
  1. objTools
    1. objTools.extend

    源对象(source)的所有可枚举且目标对象(target)不存在的属性, 复制到目标对象

    1. objTools.toMap

    将数组或类数组转换为键值对 eg: ['a','b'] => {a:0,b:1}

    1. objTools.toObjectMap

    将对象数组转换为键值对 eg: [{name:'a',value:1},{name:'b',value:2}] => {a:1,b:2}

    1. objTools.getChangedData

    将目标对象中和源对象值不同的数据作为键值对返回

    1. objTools.objectConversionToList

    目标和对象组合转换成数组 target{name:'1',age:'58'} && formattedObject{name:'你好',age:'年龄'} => [{label:'你好':,value:'1'},{label:'年龄':,value:'58'}]

    1. objTools.objectToArray

    判断对象转换数组

    1. objTools.sortMapByKey

    根据对象的key排序 默认顺序

  2. judgeTools
    1. judgeTools.isObjEmpty

    判断对象 或者 数组是否是空

    1. judgeTools.compareSize

    判断大小 用来sort等 返回 -1 0 1

  3. strTransfer
    1. strTransfer.toSimplifiedChinese

    阿拉伯数字转换为简写汉字

0.1.6

  • 增加
  1. obj
    1. toString
  • 修改
  1. CreateWebsocket