前端開發常用cdn，api總結

Kysou發表於2022-12-20
前端API

CDN

Font Awesome

Font Awesome 是一套美麗的CSS圖示庫，可以在網頁中顯示千萬個圖示。

Font Awesome 國內最快圖示查詢網站：https://fontawesome.cn
Font Awesome v6.2.1 國內最快CDN：https://cdn.bootcdn.net/ajax/...
Font Awesome v4.7.0 國內最快CDN：https://cdnjs.cloudflare.com/...
Font Awesome v5.14.0 國內最快CDN：
https://cdnjs.cloudflare.com/...

jQuery

jQuery是前端最常見的框架之一，廣泛運用於各大網站中。
jQuery 3.6.2 國內外最快CDN：https://code.jquery.com/jquer...
jQuery 3.6.2 國內最快CDN：https://cdn.bootcdn.net/ajax/...
jQuery 2.4.1 老版本最快CDN：https://apps.bdimg.com/libs/j...

VUE.js

VUE 2.7.14 開發環境 最快CDN：https://cdn.jsdelivr.net/npm/...
VUE 5.15.1 生產環境 最快CDN：https://cdn.jsdelivr.net/npm/vue

Bootstrap 5

核心CSS Staticfile CDN：https://cdn.staticfile.org/tw...
popper.min.js Staticfile CDN：https://cdn.staticfile.org/po...
核心JS檔案 Staticfile CDN：https://cdn.staticfile.org/tw...

Bootstrap 4

核心CSS Staticfile CDN：https://cdn.staticfile.org/tw...
Jquery 見 jQuery CDN部分
bootstrap.bundle.min.js Staticfile CDN：https://cdn.staticfile.org/po...
核心JS檔案 Staticfile CDN：https://cdn.staticfile.org/tw...

Foundation 5

https://cdn.staticfile.org/fo...
https://cdn.staticfile.org/jq...
https://cdn.staticfile.org/fo...
https://cdn.staticfile.org/fo...

API

IP or City

城市資訊（太平洋電腦網）：https://whois.pconline.com.cn...

位置資訊,<span id="idJsShow"></span>
<script>
function jsShow(location){
    document.getElementById("idJsShow").innerHTML = location;
}
</script>
<script src="jsFunction.jsp?callback=jsShow"></script>

IP與相關資訊（太平洋電腦網）：https://whois.pconline.com.cn...

位置資訊,<span id="idTestJson"></span><br/>
<script>
function testJson(obj) {
    document.getElementById("idTestJson").innerHTML = "省["+obj.pro+"] 市["+obj.city+"] 區["+obj.region+"]";
}
</script>
<script src="ipJson.jsp?callback=testJson"></script>

ip地址在["obj.ip"]中。

相關文章