/adamjs

a wrapper function package（自己写的封装一些实用函数的包）

Primary LanguageJavaScript

Adamjs

  • a wrapper function package（自己写的封装一些实用函数的包）
  • npm-url：npm
  • git-url：github


Installation

You can install with npm:

$ npm install adamjs

Usage

import adam from 'adamjs'

Function

query(name, querystring)

  • Function for gets the value of the specified name in the specified querystring
adam.query('name', '?name=js') //return 'js'

serialize(data)

  • Function for turn the object into a url string
adam.serialize({hello: 'js'}) //return '?hello=js'

$(selector)

  • Function for simulating jQuery
adam.$(selector) //return {DOM|undefined}

removeNode(node)

  • Function for Deleting DOM node
adam.removeNode(node) //return {DOM}

insertAfter(node)

  • Function for inserting the node node after the target node
adam.insertAfter(node, target) //return true or false

addClass(node, className)

  • Function for add class name
adam.addClass(node, className) //return true or false

removeClass(node, className)

  • Function for remove class name
adam.removeClass(node, className) //return true or false

getAbsoluteUrl(url)

  • Function for get absolute url
adam.getAbsoluteUrl('/hhh') //return 'https://github.com/hhh'

debounce(callback, time)

  • Function for avoiding shake
  • example:
 test('test true', () => {
    const debounce = adam.debounce
    jest.useFakeTimers() // 声明语句，启用jest伪装计时器函数，因为使用了advanceTimersByTime()
    const callback = jest.fn() // 声明语句，使用jest伪装函数
    const createDebounce = debounce(callback, 300)
    expect(callback).not.toBeCalled() // callback还未被调用
    for (let i = 0; i < 11; i++) { // 循环执行createDebounce 11次，每次都在经过299ms时setTimeout被刷新
      createDebounce()
      jest.advanceTimersByTime(299) // 过了299ms
    }
    expect(callback).not.toBeCalled() // callback还未被调用
    jest.advanceTimersByTime(1) // 再过1ms
    expect(callback).toBeCalled() // callback被调用
    expect(callback).toHaveBeenCalledTimes(1) // callback只被调用1次
  })

throttle (callback, time)

  • Function for timer
  • example:
test('test true', () => {
    const throttle = adam.throttle
    jest.useFakeTimers() // 声明语句，启用jest伪装计时器函数，因为使用了advanceTimersByTime()
    const callback = jest.fn() // 声明语句，使用jest伪装函数
    const createThrottle = throttle(callback, 300)
    expect(callback).not.toBeCalled() // callback还未被调用
    for (let i = 0; i < 11; i++) { // 循环执行createDebounce 11次，每次的setTimeout不会被刷新
      createThrottle()
      jest.advanceTimersByTime(299) // 过了299ms
    }
    expect(callback).toBeCalled() // callback被调用
    expect(callback).toHaveBeenCalledTimes(5) // callback被调用5次
    jest.advanceTimersByTime(1) // 再过1ms
    expect(callback).toHaveBeenCalledTimes(6) // callback被调用6次
  })

removeItemByIndex(index, arr)

  • Function for remove item by index
adam.removeItemByIndex(1, [1, 2, 3]) //return [1, 3]

getCookie(name)

  • Function for get cookie
// example：name1=value1;name2=value2;name3=value3
adam.getCookie('name1') //return value1

setCookie(name,value)

  • Function for set cookie
adam.setCookie('name4','value4')
// example：name1=value1;name2=value2;name3=value3;name4=value4

removeCookie(name)

  • Function for remove cookie
adam.removeCookie('name1')
// example：name2=value2;name3=value3;name4=value4

filter(string)

  • Function for XSS filter
adam.filter('<script>alert</script><a href="a.com" onclick="alert(1)">test</a>') 
// return '<a href="a.com" >test</a>'

htmlEncode(string)

  • Function for htmlEncode
adam.htmlEncode('<script></script>')  // return '&lt;script&gt;&lt;/script&gt;'

JavaScriptEncode(string)

  • Function for JavaScriptEncode
adam.JavaScriptEncode('<script>alert</script><a href="a.com" onclick="alert(1)">test</a>')  
// return '\\x3Cscript\\x3Ealert\\x3C\\x2Fscript\\x3E\\x3Ca href=\\x22a.com\\x22 onclick=\\x22alert(1)\\x22\\x3Etest\\x3C\\x2Fa\\x3E'

URLEncode(string)

  • Function for URLEncode
adam.URLEncode('http://www.w3school.com.cn/My first/')  
// return 'http://www.w3school.com.cn/My%20first/'