免费前端静态资源开源库(CDN公共库)大全

2019年11月1日10:37:46 4 541 2332字阅读7分46秒
摘要

免费前端静态资源开源库大全,可以帮助用户减少等待时间,增加网页的同时载入速度,你可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您的网站节省流量,还能通过CDN加速,获得更快的访问速度。

最近做项目,因服务器宽带有限,引用本地的库太慢,刚好搜罗到合适的开源前端库,做个记录,分享一波,有需要的前端,可以来看看。

为什么使用CDN公共库?

减少用户等待时间,增加网页的同时载入速度,你可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您 节省流量,还能通过CDN加速,获得更快的访问速度。

BootCDN(推荐)

  1. 官网:http://www.bootcdn.cn/
  2. 举例:cdn.bootcss.com/jquery/2.1.1-rc2/jquery.js
  3. 举例:cdn.bootcss.com/jquery/2.1.1-rc2/jquery.min.js
  4. 举例:cdn.bootcss.com/jquery/2.1.1-rc2/jquery.min.map

360

  1. 官网:https://cdn.baomitu.com/
  2. 举例:lib.baomitu.com/jquery/3.1.1/core.js
  3. 举例:lib.baomitu.com/jquery/2.1.1-rc2/jquery.min.js
  4. 举例:lib.baomitu.com/jquery/2.1.1-rc2/jquery.min.map

百度

  1. 官网:http://cdn.code.baidu.com/
  2. 举例:libs.baidu.com/jquery/1.9.0/jquery.js
  3. 举例:libs.baidu.com/jquery/2.0.0/jquery.min.js
  4. 举例:libs.baidu.com/jquerymobile/1.3.0/jquery.mobile-1.3.0.js

新浪

  1. 官网:http://lib.sinaapp.com/
  2. 举例:lib.sinaapp.com/js/jquery/2.0.3/jquery-2.0.3.js
  3. 举例:lib.sinaapp.com/js/jquery/1.8.2/jquery.min.js
  4. 举例:lib.sinaapp.com/js/jquery-mobile/1.3.1/jquery.mobile-1.3.1.js

又拍云

  1. 官网:http://jscdn.upai.com/
  2. 举例:upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.3.min.js
  3. 举例:upcdn.b0.upaiyun.com/libs/jqueryui/jquery.ui-1.10.3.min.js

七牛云staticfile

  1. 官网:http://www.staticfile.org/
  2. 举例:cdn.staticfile.org/jquery/2.1.1-rc2/jquery.js
  3. 举例:cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js
  4. 举例:cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.map

淘巴士

  1. 官网:http://cdnn.taobus.com/
  2. 举例:cdn.taobus.com/libs/angular/1.5.5/angular.min.js
  3. 举例:cdn.taobus.com/libs/jquery/3.0.0/jquery.min.js
  4. 举例:cdn.taobus.com/libs/jquery/3.0.0/jquery.js

JQuery

  1. 官网:http://code.jquery.com/ui/
  2. 举例:code.jquery.com/ui/1.12.0/jquery-ui.js
  3. 举例:code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js
  4. 举例:code.jquery.com/color/jquery.color.svg-names-git.js

CDNJS

  1. 官网:http://www.cdnjs.net/
  2. 举例:libs.cdnjs.net/10up-sanitize.css/1.0.0/sanitize.css

cloudflare

  1. 官网:https://cdnjs.com/
  2. 举例:cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js

Google Hosted Libraries

  1. 官网:https://developers.google.com/speed/libraries/
  2. 国内:https://developers.google.cn/speed/libraries/
  3. 举例:ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
  4. 举例:ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js

Microsoft ASP.Net CDN

  1. 官网:http://www.asp.net/ajaxlibrary/cdn.ashx
  2. 举例:ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js
  3. 举例:ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js
  4. 举例:ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js

JsDelivr

  1. 官网:http://www.jsdelivr.com/
  2. 举例:cdn.jsdelivr.net/jquery/2.1.0/jquery.js
  3. 举例:cdn.jsdelivr.net/jquery/2.1.0/jquery.min.js
继续阅读
weinxin
微信公众号
博客微信公众号,欢迎关注。
avatar
  • 本文由 发表于 2019年11月1日10:37:46
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接。
硅云免费虚拟主机
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:4   其中:访客  4   博主  0
    • avatar 城南花已开 1

      一直以为CDN只是用来加速的,没想到还有这等资源。

      • avatar 轩沫说 1

        这些资源很不错啊
        轩沫说全新改版,欢迎访问

        • avatar 小趣 4

          刚好用得到,哈哈

          • avatar 大鸟博客 4

            这个不错,收藏了!