230 lines
2.8 KiB
Markdown
230 lines
2.8 KiB
Markdown
|
|
|
|
|
|
|
|
|
|
|
|
## Install
|
|
|
|
`npm i utils-lite -S`
|
|
|
|
## Start JS
|
|
|
|
#### use npm
|
|
|
|
```js
|
|
import { debounce } from 'utils-lite'
|
|
// commonjs package is 'utils-lite/lib/index.cjs.js'
|
|
debounce(() => {
|
|
// code...
|
|
}, 1000)
|
|
```
|
|
|
|
#### use cdn
|
|
|
|
```html
|
|
<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
|
|
|
|
```less
|
|
@import 'project-path/node_modules/utils-lite/index.less';
|
|
.test {
|
|
.text-ellipsis
|
|
}
|
|
```
|
|
|
|
```less
|
|
@import 'project-path/node_modules/utils-lite/index.sass';
|
|
.test {
|
|
@include text-ellipsis;
|
|
}
|
|
```
|
|
|
|
```less
|
|
@import 'project-path/node_modules/utils-lite/index.styl';
|
|
.test
|
|
text-ellipsis();
|
|
```
|
|
|
|
## JS Utils List
|
|
|
|
### debounce
|
|
```js
|
|
debounce(<fn>, <delay>)
|
|
```
|
|
|
|
### throttle
|
|
```js
|
|
throttle(<fn>, <wait>, [delay])
|
|
```
|
|
|
|
### get
|
|
```js
|
|
get(<target>, <path>, [default])
|
|
```
|
|
> path format: 'a.b.c'
|
|
|
|
### set
|
|
```js
|
|
set(<target>, <path>, <value>)
|
|
```
|
|
|
|
### clone
|
|
```js
|
|
clone(<target>)
|
|
```
|
|
|
|
### cloneDeep
|
|
```js
|
|
cloneDeep(<target>)
|
|
```
|
|
|
|
### getType
|
|
```js
|
|
getType(<target>)
|
|
```
|
|
|
|
### getTypeof
|
|
```js
|
|
getTypeof(<target>)
|
|
```
|
|
|
|
### isObject
|
|
```js
|
|
isObject(<target>)
|
|
```
|
|
|
|
### isArray
|
|
```js
|
|
isArray(<target>)
|
|
```
|
|
|
|
### isFunction
|
|
```js
|
|
isFunction(<target>)
|
|
```
|
|
|
|
### isString
|
|
```js
|
|
isString(<target>)
|
|
```
|
|
|
|
### isBoolean
|
|
```js
|
|
isBoolean(<target>)
|
|
```
|
|
|
|
### isEmptyObj
|
|
```js
|
|
isEmptyObj(<target>)
|
|
```
|
|
|
|
### isNumber
|
|
```js
|
|
isNumber(<target>)
|
|
```
|
|
|
|
### getStore
|
|
```js
|
|
getStore(<key>)
|
|
```
|
|
|
|
### setStore
|
|
```js
|
|
setStore(<key>, <value>)
|
|
```
|
|
|
|
### kebabToCamel
|
|
```js
|
|
kebabToCamel(<key>)
|
|
```
|
|
|
|
### camelToKebab
|
|
```js
|
|
camelToKebab(<key>)
|
|
```
|
|
|
|
### unique
|
|
```js
|
|
unique(<array>)
|
|
```
|
|
|
|
### getLinearValue
|
|
```js
|
|
getLinearValue(<x1>, <y1>, <x2>, <y2>, [x3])
|
|
```
|
|
### getFnAndObjValue
|
|
```js
|
|
getFnAndObjValue(<function|object>, <key>)
|
|
```
|
|
|
|
### arrDelItem
|
|
```js
|
|
arrDelItem(<array>, <diffItem>)
|
|
```
|
|
|
|
### arrDelArrItem
|
|
```js
|
|
arrDelArrItem(<array>, <diffArrayItem>)
|
|
```
|
|
|
|
### toArray
|
|
```js
|
|
toArray(<arrayLike>)
|
|
```
|
|
|
|
### getArrayMin
|
|
```js
|
|
getArrayMin(<array>)
|
|
```
|
|
|
|
### extend
|
|
```js
|
|
extend(<sourceObj>, [otherObj])
|
|
```
|
|
|
|
### hasOwn
|
|
```js
|
|
hasOwn(<target>)
|
|
```
|
|
|
|
### isEqual
|
|
```js
|
|
isEqual(<alice>, <bob>)
|
|
```
|
|
|
|
|
|
|
|
|
|
## CSS Utils List
|
|
|
|
### text-ellipsis
|
|
|
|
```less
|
|
.target {
|
|
.text-ellipsis
|
|
}
|
|
```
|
|
|
|
### text-loading
|
|
|
|
```less
|
|
.target {
|
|
.text-loading([time])
|
|
}
|
|
```
|
|
|
|
## License
|
|
|
|
MIT
|