1. utils-lite
utils for smaller and convenient
utils-lite
Package: utils-lite
Created by: xiguaxigua
Last modified: Mon, 23 May 2022 00:11:49 GMT
Version: 0.1.15
License: ISC
Downloads: 15,133
Repository: https://github.com/xiguaxigua/utils-lite

Install

npm install utils-lite
yarn add utils-lite

download
version
npm bundle size (minified)
language
License

Install

npm i utils-lite -S

Start JS

use npm

 import { debounce } from 'utils-lite'
// commonjs package is 'utils-lite/lib/index.cjs.js'
debounce(() => {
  // code...
}, 1000)

use cdn

 <script src="https://unpkg.com/utils-lite/lib/index.umd.min.js"></script>
<script>
UtilsLite.debounce(function () {
  // code ...
}, 1000)
</script>

Start CSS

Now css utils package has three file type: less, sass, stylus as index.less/
index.sass/index.styl, you can choose one and import to you project, for example

 @import 'project-path/node_modules/utils-lite/index.less';
.test {
  .text-ellipsis
}
 @import 'project-path/node_modules/utils-lite/index.sass';
.test {
  @include text-ellipsis;
}
 @import 'project-path/node_modules/utils-lite/index.styl';
.test
  text-ellipsis();

JS Utils List

debounce

 debounce(<fn>, <delay>)

throttle

 throttle(<fn>, <wait>, [delay])

get

 get(<target>, <path>, [default])

path format: 'a.b.c'

set

 set(<target>, <path>, <value>)

clone

 clone(<target>)

cloneDeep

 cloneDeep(<target>)

getType

 getType(<target>)

getTypeof

 getTypeof(<target>)

isObject

 isObject(<target>)

isArray

 isArray(<target>)

isFunction

 isFunction(<target>)

isString

 isString(<target>)

isBoolean

 isBoolean(<target>)

isEmptyObj

 isEmptyObj(<target>)

isNumber

 isNumber(<target>)

getStore

 getStore(<key>)

setStore

 setStore(<key>, <value>)

kebabToCamel

 kebabToCamel(<key>)

camelToKebab

 camelToKebab(<key>)

unique

 unique(<array>)

getLinearValue

 getLinearValue(<x1>, <y1>, <x2>, <y2>, [x3])

getFnAndObjValue

 getFnAndObjValue(<function|object>, <key>)

arrDelItem

 arrDelItem(<array>, <diffItem>)

arrDelArrItem

 arrDelArrItem(<array>, <diffArrayItem>)

toArray

 toArray(<arrayLike>)

getArrayMin

 getArrayMin(<array>)

extend

 extend(<sourceObj>, [otherObj])

hasOwn

 hasOwn(<target>)

isEqual

 isEqual(<alice>, <bob>)

chunk

 chunk(<array>, <number>)

CSS Utils List

text-ellipsis

 .target {
  .text-ellipsis
}

text-loading

 .target {
  .text-loading([time])
}

License

MIT

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin