本帖最后由 bigonion 于 2023-3-11 11:53 编辑
Web调试库bigonion-kit （dev）
起因
最近发现自己写脚本重复的函数比较多，捉摸着写一个自己的Npm包，来封装这些常用的库，并适当的暴露到全局变量当中
另外为了解决原生cookie操作比较困难，console.log，document.getElementById写起来比较费劲，没有直观的delay延迟函数等这些痛点问题，提供了
- log
- findId
- findClass
- setCookie
- getCookie
- sleep
等等这些非常简单，但是一时间想在控制台调试（比如kit.addStyle就对应了GM_addStyle），却又不太好写的函数，也不太愿意导入类似与Jquery这些非常臃肿的包，bigonion-kit 就很好解决了这些痛点，可以帮助你更方便的在控制台调试
快速上手
// @require https://cdn.jsdelivr.net/npm/bigonion-kit/umd/umd-kit.min.js
//油猴（或其他）导入后控制台直接输入以下代码，快速体验
kit.addStyle(`body{background:pink}`)//快速增加style
sleep(2000).then(()=>{log("Delaying now is so easy!")})//delay函数
kit.sound2Word()//快速语言转换
Onion的dev-kit
npm链接
npm/bigonion-kit
下载(Download)
npm i bigonion-kit
简介(Introduction)
本NPM包提供了This NPM package provides
- moveIt
- findId
- findClass
- setCookie
- getCookie
- log
- sleep
- addStyle
- removeAddedStyle
- sound2Word
- getUUID
- ajax
- isFocus
常用方法（未完待续...）
支持umd，web请使用umd来导入(Support umd, please use umd to import web)
eg：
<script src="https://cdn.jsdelivr.net/npm/bigonion-kit/umd/umd-kit.min.js"></script>
ES6导入
<script type="module">
import kit from "https://cdn.jsdelivr.net/npm/bigonion-kit/index.min.mjs";
window.kit = kit;
window.moveIt = kit.moveIt;
window.findId = kit.findId;
window.findClass = kit.findClass;
window.setCookie = kit.setCookie;
window.getCookie = kit.getCookie;
window.log = kit.log;
window.sleep = kit.sleep;
window.version=kit.version;
</script>
Nodejs
使用.mjs扩展来支持import
import kit from 'bigonion-kit/index.mjs'
或commonJS规范
const kit = require('bigonion-kit/umd/umd-kit.js')
来快速导入
函数详情 (Function details)
web已经挂载全局变量,可以直接输入kit来查看已有的函数
也可以直接控制台输入
log("你好")
来使用
sleep
Eg:
/**
* fast pause some time, just like delay function
* @param {int} time
* @Return {Promise}
* @public
*/
sleep(3000).then(()=>{log("你已经成功导入devKit")})
log
Eg:
/**
* fast log sth...
* @param {string} a
* @public
*/
log("Nihao")
findId
Eg:
/**
* fast find Element by Id
* @param {string} id
* @return {Object}
* @public
*/
findId("id")
findClass
Eg:
/**
* fast find Element by className
* @param {string} className
* @return {Array}
* @public
*/
findClass("className")
moveIt
Eg:
/**
* fast move Sth by holding on "controlEle" to move "movedEle"
* @param {Object} controlEle
* @param {Object} movedEle
* @public
*/
controlEle=findId("controlEle")
movedEle=findId("movedEle")
moveIt(controlEle,movedEle)
setCookie
Eg:
/**
* fast set cookie by Native function
* @param {string} cname
* @param {Any} cvalue
* @param {int} exdays {days}
* @public
*/
setCookie("cookieName","cookieValue", 30)
getCookie
Eg:
/**
* fast get cookie value
* @param {string} cname
* @return {string} cvalue
* @public
*/
getCookie("cookieName")
版本更新日志(Version update log)
v0.4.x demo Verv0.5.3 增加了esm和 umd模块
v0.7.4 增加了isFocus、ajax、setClipboard、getUUID
开源协议(Open source agreement)
MIT
作者(Author)
bigonion
nameSpace: bigonion.cn | 大聪花的家
Email: [email]bigonion@bigonion.cn[/email] && [email]olderonion@gmail.com[/email]
置顶卡
沉默卡
照妖镜
