gakkishi
v1.0.6
Published
造轮子一直都是前端开发中绕不过去的槛,作为初学者倒是不用想太多,自己私底下一定要造,你造轮子写的每一行代码都会化成你的底蕴。
Downloads
27
Readme
gakkishi
- function package from shixiaojun
- npm-url https://www.npmjs.com/package/gakkishi
- git-url http://git.imweb.io/Aragakki/adam.git
Installation
You can install with npm:
$ npm i gakkishi
Usage
$ import {tools, Tab} from 'gakkishi'
Function
query(name, querystring)
- Function for gets the value of the specified name in the specified querystring
tools.query('name', '?name=js') //return 'js'
serialize(data)
- Function for turn the object into a url string
tools.serialize({hello: 'js'}) //return '?hello=js'
$(selector)
- Function for simulating jQuery
tools.$(selector) //return {DOM|null}
removeNode(node)
- Function for Deleting DOM node
tools.removeNode(node) //return {DOM}
insertAfter(node)
- Function for inserting the node node after the target node
tools.insertAfter(node, target) //no return
addClass(node, className)
- Function for add class name
tools.addClass(node, className) //no return
removeClass(node, className)
- Function for remove class name
tools.removeClass(node, className) //no return
getAbsoluteUrl(url)
- Function for get absolute url
tools.getAbsoluteUrl('/jerojiang') //return 'http://imweb.io/jerojiang'
debounce(callback, time)
- Function for avoiding shake
- example
test('debounce', (done) => { // 使用jest模拟异步调用
let total = 0 // 声明总调用次数为 0 次
tools.debounce(() => { // 调用 function debounce
expect(total).toBe(10)
done()
}, 300) // 设定延迟调用时间
for (let i = 0; i < 10; i++) { //统计总调用次数为 10 次
total++
}
})
removeItemByIndex(index, arr)
- Function for remove item by index
tools.removeItemByIndex(1, [1, 2, 3]) //return [1, 3]
Tab切换组件 new Tab(name, tabId)
- class for create a Tab
- example
new Tab(name, tabId)
name 为组件在HTML中的类名称,tabId 为初始化选中的tab索引