国内常用的js类库大全(CDN公共库)_基础知识

来源:脚本之家  责任编辑:小易  

没区分国内外,你自己分辨下。JavaScript 框架(库)JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时。为了应对这些调整,许多的 JavaScript(helper)库应运而生,这些 JavaScript 库常被称为 JavaScript 框架。介绍一些日常用的 JavaScript 框架:jQueryPrototypeMooTools所有这些框架都提供针对常见 JavaScript 任务的函数,包括动画、DOM 操作以及 Ajax 处理。jQueryjQuery 是目前最受欢迎的 JavaScript 框架。它使用 CSS 选择器来访问和操作网页上的HTML 元素(DOM 对象)。jQuery 同时提供 companion UI(用户界面)和插件。许多大公司在网站上使用 jQuery:GoogleMicrosoftIBMNetflixPrototypePrototype 是一种库,提供用于执行常见 web 任务的简单 API。API 是应用程序编程接口(Application Programming Interface)的缩写。它是包含属性和方法的库,用于操作HTML DOM。Prototype 通过提供类和继承,实现了对 JavaScript 的增强。MooToolsMooTools 也是一个框架,提供了可使常见的 JavaScript 编程更为简单的 API。MooTools 也含有一些轻量级的效果和动画函数。其他框架下面是其他一些在上面未涉及的框架:YUI-Yahoo!User Interface Framework,涵盖大量函数的大型库,从简单的 JavaScript 功能到完整的 internet widget。Ext JS-可定制的 widget,用于构建富因特网应用程序(rich Internet applications)。Dojo-用于 DOM 操作、事件、widget 等的工具包。script.aculo.us-开源的 JavaScript 框架,针对可视效果和界面行为。UIZE-Widget、AJAX、DOM、模板等等www.zgxue.com防采集请勿采集本网。

国内站点经常使用的一些 CDN 静态资源公共库加速服务

prototype比较早了 jQuery很犀利

web开发人员们的福利来了。。旨在为大家提供更快很多其它更好的静态资源库的CDN载入库方案!

jQuery是js的一个框架,每一种js框架也可以看成是js的类库,每种类库也可以看成一种框架,都是封装一些功能,方便用户使用。

CDN公共库是指将经常使用的JS库存放在CDN节点,以方便广大开发人员直接调用。

jQuery,zepto zepto 用于手机端, jQuery 用于pc端。是最好的类库。

与将JS库存放在server单机上相比,CDN公共库更加稳定、快速。一 般的CDN公共库都会包括全球全部最流行的开源JavaScript、JQuery等库。你能够在自己的网页上直接通过script标记引用这些资源。这样做不仅能够为您 节省流量。还能通过CDN加速。获得更快的訪问速度。注意站点要支持ssl的有些资源慎用。最好的方法就下载到站点的相应文件夹,然后代码调用就可以。

主要不知道,你想知道的是哪个方面的 日志:log4net redis:StackExchange,ServiceStack orm:EF(微软),NHibernate Ioc:Ninject,Autoface 不知道您具体想知道哪个方面的,如果具体一点,我

当然。用别人的 CDN 都是不保险的。所以建议在 CDN 读取失败的时候从自己server提供:下面是jquery为例,其他js也会定义类名,不过js不同的判断,但原理都是一样的。

<script src="https://http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script><script>if (!window.jQuery) {var script = document.createElement('script');script.src = "/js/jquery.min.js";document.body.appendChild(script);}</script>

或者下面的代码

<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script><script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/skin/js/jquery.js' type='text/javascript'%3E%3C/script%3E")); }</script>

记得本地放置一份js文件。

例如viewer.js

<script type="text/javascript" src='//cdn.staticfile.org/viewerjs/1.5.0/viewer.min.js'></script><script type="text/javascript">if ('undefined' == typeof(window.Viewer)) { document.write(unescape("%3Cscript src='/skin/js/viewer.min.js' type='text/javascript'%3E%3C/script%3E")); }var viewer = new Viewer(document.getElementById('content'));</script>

前期测试的时候大家可以在chrome浏览器中的F12 console.log输出测试。

BootCDN

稳定、快速、免费的前端开源项目 CDN 加速服务

附带搜索,编辑好格式可以直接复制

BootCDN 是 猫云 联合 Bootstrap 中文网 共同支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、React、Vue.js 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开源项目主要同步于 cdnjs 开源项目仓库。

百度静态资源公共库

百度的,支持搜索,不支持直接复制

以前的js可以正常调用,不过目前已经不再提供索引服务。

新浪云计算CDN公共库

不算很方便,需要自己单击查找

新浪云计算是新浪研发中心下属的部门,主要负责新浪在云计算领域的战略规划。技术研发和平台运营工作。

主要产品包含 应用云平台Sina App Engine(简称SAE)。

SAE的CDN节点覆盖全国各大城市的多路(电信、联通、移动、教育)骨干网络。使开发人员可以方便的使用高质量的CDN服务。

七牛云存储开放静态文件

像 Google Ajax Library,Microsoft ASP.net CDN,SAE,Baidu,Upyun 等 CDN 上都免费提供的 JS 库的存储,但使用起来却都有些局限。由于他们仅仅提供了部分 JS 库。但七牛云存储提供一个尽可能全面收录优秀开源库的仓库。并免费提供 CDN 加速服务。

国内知名云存储,不过支持的js资源比较少。

我们的目标是提供这样一个仓库,让它尽可能全面收录优秀的开源库,并免费为之提供 CDN 加速服务,使之有更好的访问速度和稳定的环境。同时,我们也提供开源库源接入的入口,让所有人都可以提交开源库,包括 JavaScript、CSS、图片和 swf 等静态文件。

Ps:同一时候,开放静态文件CDN也提供开源库源接入的入口,让全部人都能够提交开源库,包含 JS、CSS、image 和 swf 等静态文件。

上面这几个,我个人測试结果:百度云应该是最快的, 又拍的服务太少,差点儿不用考虑.阿里云据说也提供了公共CDN服务。但眼下官网找不到详细服务页面,临时不说了

Google资源库

国外访问很快,国内被墙了,慎用

微软资源库

ASP.NET开发团队推出的一个新的微软Ajax CDN(Content Delivery Network,内容分发网络)服务,该服务提供了对AJAX库(包含jQuery 和 ASP.NET AJAX)的缓存支持。

该服务是免费的,不需不论什么注冊。可用于商业性或非商业性用途。

官网:http://www.asp.net/ajaxlibrary/cdn.ashx

Ps:微软出品。自然不会太差。

尽管在天朝,速度依旧不会太慢(当然比不上国内的其它cdn)。支持的不多

腾讯网静态资源公共库

企鹅大厂稳定,腾讯网静态资源公共库

腾讯FERD(前端研发中心),作为腾讯旗下门户网站QQ.com的主力前端团队,负责整个站点的PC与移动web研发。我们关注前端行业发展,乐于分享和总结,在这里您会看到我们团队的动态信息,以及我们推荐的最新最好的前端资讯与知识。

字节跳动静态资源公共库

头条抖音都在用的

cdnjs.net

免费开源前端公共库

CDNJS 是一个互联网上的 JavaScript 资料库,类似 Google CDN 和微软CDN服务,但是速度比这二者更加快。CDNJS 上提供了众多 JavaScript 库,你可以直接在网页上引用这些 JS 文件,实现用户浏览网站的最佳速度体验。

在网站里可以找到 JavaScript 函式库的 CDN 连结,是 cdnjs.cloudflare.com 开头的,复制后丢进网站里取代原有的链接位置即可。

又拍云JS库CDN服务

又拍云存储是杭州纬聚网络有限公司旗下项目,成立于2005年6月。前期主要为又拍网、又拍图片管家提供图片云存储/云计算服务,于2010年2月对全部用户开放使用。

主要专注于海量小文件的存储与分发及图片云计算领域。提供的两大核心服务:静态文件云存储、CDN加速处理。

官网:http://jscdn.upai.com/

Ps:又拍云js库提供了经常使用的JavaScript库CDN服务。算是起步较早的cdn加速服务了。速度和稳定性也不错。

jsDelivr

MaxCDN是一家价格相对照较廉价的CDN公司,在全球分布着众多的节点。 jsDelivr是基于MaxCDN的一个免费开源的 CDN 解决方式。用于帮助开发人员和站长。jsDelivr包括 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上经常使用的静态资源。

官网:http://www.jsdelivr.com/

Ps:每一款CDN的节点数量都是大家所关心的。jsDelivr总共提供着13个节点。

载入速度和CDNJS基本差点儿相同,国内用户建议使用国内CDN服务最佳。

大家能够自己測试看看。

缺点爆料:看了下 百度 360 新浪 七牛 还有上面2个 jquery 都不够新,另外要支持 http https 协议 又要更新勤快的临时还没有。

总结:这些CDN公共库大都各具特色。

大家能够自己选择性去使用。速度和稳定性以国内的百度和新浪为最佳(当然这是个人意见)不过现在百度不能用了,新浪更新不及时,当前推荐使用bootcss、腾讯、字节跳动。鉴于Google已经被墙,全部关于Google的服务大家还是尽快转移阵地,使用国内的CDN公共库服务吧。

★新浪CDN,感觉很快,用的人很多,推荐使用!com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>其它版本可以在这里找地址 http://lib.sinaapp.com/?path=/jquery百度CDNbaidu.com/jquery/1.9.1/jquery.min.js"></script>其它版本之间修改代码中的版本号就行了360的CDNcom/js/jquery/1.9.1/jquery.min.js"></script>其它版本也是直接修改版本号就可以了如果担心CDN地址加载失败,可以这样载入本地jquerywindow.jQuery&document.write('<script src="js/jquery.min.js"><\\/script>');内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • javascript中的6种运算符总结
  • javascript split()使用方法与示例
  • javascript charcodeat方法入门实例(用于取得指定位置字符的uni
  • ajax的概述与实现过程
  • 图解javascript作用域链
  • 深入解析javascript中的arguments对象
  • 详解javascript中的函数、对象
  • js 页面输出值
  • javascript中的math.log2e属性使用详解
  • 深入理解 js 垃圾回收
  • 国内有哪些靠谱的 Javascript 库 CDN可用
  • 国内有哪些靠谱的 Javascript 库 CDN可用
  • 常用的好用 JavaScript 类库有哪些?
  • 常用的好用 JavaScript 类库有哪些?
  • js类库有哪些
  • jQuery和js类库有什么区别?现在比较常用的js类库是什么?一般什么系统用?
  • 常用的好用 JavaScript 类库有哪些
  • 常用的.net第三方类库有哪些
  • java常用类库有哪些?
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascriptjavascript中的6种运算符总结javascript split()使用方法与示例javascript charcodeat方法入门实例(用于取得指定位置字符的uniajax的概述与实现过程图解javascript作用域链深入解析javascript中的arguments对象详解javascript中的函数、对象js 页面输出值javascript中的math.log2e属性使用详解深入理解 js 垃圾回收js split 的用法和定义 js splitjs 小数取整的函数window.location.href的用法(动态js array 数组详解javascript中判断两个字符串是否向javascript的数组中添加元素的基于javascript 声明全局变量的三javascript math ceil()、floor(html复选框和单选框 checkbox和rjavascript window.settimeout()javascript 事件绑定及深入简介javascript中math.log10e属性的使用javascript之number对象介绍javascript实例教程(19) 使用hotmetal(7)javascript入门教程(7) history历史对象怎么通过onclick事件获取js函数返回值(代快速解决canvas.todataurl 图片跨域的问题在javascript的正则表达式中使用exec()方深入分析javascript 事件循环(event loop了解重排与重绘
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved