Skip to content

MinimalistYing/Bape

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Releases

No releases published

Packages

No packages published