2002年的某晚。
关山口职业技术学院，西九楼电子系。
我在电脑上开着frontpage 2000,苦苦琢磨javascript。
2009年，我找到了jQuery,惊呼原来js可以这么方便。
但是无论如何我也想不到有一天，我会嫌弃jQuery minify 之后还有88K，然后自己把东拼西凑出来的代码发了个库。
see https://npmjs.org/package/pida，使用上基本和jquery是熟悉的味道:
Pida
Terribly small javascript library ,up to 5k (gziped)
- Chrome or other supported:( no IE )
- Browser side only,not for node.js
Installation:
or
Example of document query
1
2
3
4
5
6
7
8
9
10
11
| import pida from 'pida'
pida.onDomReady(()=>{
console.dir(pida.$("a").length)
pida.addListener(pida.$("a"),"click",(evt)=>{
console.log(evt.target);
})
pida.each(pida.$("a"),(item)=>{
console.log(item);
})
console.dir(pida)
})
|
vite demo project:https://github.com/gotapi/pida-demo
ajax get request
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| pida.get("https://ip4.dev/myip?format=json",{
"on":{
"load":(progress)=>{
console.log("onload")
},
"loaded":(progress)=>{
console.log("onloaded")
}
}
}).then((data)=>{
console.log(data);
}).catch((err)=>{
console.log("got error")
console.log(err);
});
|
ajax post request
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| let data = new FormData()
data.append("title","hello")
pida.post("https://example.org/",{
headers:{
"secret":"this is secret"
}
},
data
).then((resp)=>{
console.log("got resp:")
console.log(resp)
}).catch((err)=>{
console.log("got error")
console.log(err)
});
|
example for post x-www-form-urlencoded data:
1
2
3
4
5
6
7
8
9
10
| let formSend = "type=json&url=" + encodeURIComponent(location.href) + "&content=" + encodeURIComponent("Hellobaby");
pida.post("https://gotapi.net/v3/api/text2pic", {
"timeout": 15000,
"headers": {
"secret": secret,
"Content-Type": "application/x-www-form-urlencoded"
}
},
formSend).then((data) => {});
|
hide/show/toggle
1
| pida.$("a[href]").toggle()
|
html/val/text
1
2
| pida.$("p").html("same text")
|
attr
1
2
3
|
pida.$("input").attr("value")
pida.$("href").attr("link","/index")
|
addClass/removeClass
1
2
| pida.$("p").addClass("bigger")
pida.$("p").removeClass("blue-text")
|
usage of event binding
1
2
3
4
| pida.$("a[href]").on("click", (evt) => {
evt.preventDefault();
console.log(evt.target.getAttribute("href"));
});
|
chainable
1
| pida.$("a[href]").on("click",(evt)=>{ console.log(evt);}).addClass("blue").addClass("bigger")
|
other helpers
1
2
3
4
5
6
| pida.each(iter,(element)=>{
})
pida.isArray()
pida.isObject()
pida.isString()
|