bape

A Bathing Ape

Usage no npm install needed!

<script type="module">
  import bape from 'https://cdn.skypack.dev/bape';
</script>

README

Bape - A Bathing Ape

Some useful Javascript functions and CSS style to reduce dumb work.
Inspired by Lodash.

Browser Support

Modern browsers and IE 11+

Installation

npm i bape --save

Example

// client
import random from 'bape/random'

random(0 , 1000) // generate a random integer number between 0 ~ 1000

// server
const random = require('bape/random')

random(0 , 1000) // generate a random integer number between 0 ~ 1000

API

Assertion

  • isObject(input)
  • isPlainObject(input)
  • isEmptyObject(input)
  • isNumber(input)
  • isJSON(input)
  • isURL(input)

Cookie

  • cookie

Generate random things

  • random(min = 0, max = 100, floating = 0)
  • randomString(length = 8)
  • randomCnString(length = 8)

Others

  • isEnter(e)
  • formatJSON(value, replacer = null, space = 2)
  • safelyGet(obj, 'a.b[1].c.d[0].e') to get value from nested object without worring about error

Function

  • once(fn)
  • noop()
  • debounce(fn, wait, options)
  • throttle(fn, wait, options)

Array

  • remove(arr, item)
  • countArrayItem(arr)

EventEmitter

import EventEmitter from 'bape/events'

const event = new EventEmitter()

const removeListener = event.on('hello', () => console.log('hello'))

event.emit('hello')

removeListener()

Style

  • .ape-text-ellipsis show ... when text is too long
  • .ape-center use flex layout to align child element center
  • .ape-half-parent-width-square generate a square that width is half of parent content width
  • .ape-blur-text
  • .ape-hide display none
  • .ape-clearfix

Dependency