从 Google 的 CDN 下载 jQuery UI CSS

【问题标题】：Downloading jQuery UI CSS from Google's CDN从 Google 的 CDN 下载 jQuery UI CSS
【发布时间】：2010-10-23 15:41:49
【问题描述】：

我计划使用 Google 下载 UI 和 Core 的 jQuery 库。我的问题是，他们允许我为它下载 CSS 还是我必须自己托管它？

另外，如果我使用谷歌加载我应该如何加载其他插件？我可以将所有插件压缩在一起还是应该是单独的文件？

【问题讨论】：

    标签： jquery css jquery-ui cdn google-ajax-libraries


    【解决方案1】：

    正如奥巴马所说的“是的，我们可以”。这是它的链接。 developers.google.com/#jquery

    你需要使用

    谷歌

    ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/jquery-ui.min.js
ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

    jQuery CDN

    code.jquery.com/ui/[VERSION NO]/jquery-ui.min.js
code.jquery.com/ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

    微软

    ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/jquery-ui.min.js
ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

    在画廊子标签http://jqueryui.com/themeroller/ 中查找主题名称

    .

    但我不推荐您从 cdn 托管，原因如下

    1. 虽然与其他 CDN 相比，使用 Google CDN 时您的命中率很高，但仍然非常低。（任何 CDN，不仅仅是 google）。
    2. 通过 cdn 加载，您将收到 3 个请求，一个用于 jQuery.js，一个用于 jQueryUI.js，一个用于您的代码。您可以将其压缩到本地并将其作为单个资源加载。

    http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns

    【讨论】：

    【解决方案2】：

    jQuery 现在拥有 CDN 访问权限：

    code.jquery.com/ui/[版本]/themes/[主题名称]/jquery-ui.css

    为了让这更容易一点，你去吧：

    【讨论】：

    • 它现在支持https（至少从这篇文章开始）
    • 如何使用与此 CDN 关联的图像，缺少本地，我不想下载它们。有没有办法使用存储在 CDN 中的那个？
    • @BaptistePernet：CDN也提供了所有相关联的图片，由于url语句都是相对于css文件位置的，客户端会自动从CDN抓取图片跨度>
    【解决方案3】：

    包含 jQuery UI（当前为 v1.10.3）的 Google AJAX 库 API 还包含 jQuery UI blog 中的流行主题：

    Google Ajax 库 API (CDN)

    【讨论】：

    • 请注意，这些 CSS 脚本当前没有被压缩/最小化，这意味着您可以从您自己的域中提供减小大小的版本（根据 Google 的 Firefox 的 PageSpeed 插件大约 26%），这可能会更快如果您的连接良好并且他们还没有在本地缓存文件，则适用于您的用户。
    • 每次我想找到这个 CDN 时，我都会输入“jquery ui css google cdn”，这篇文章是最直接的方式。我只想谢谢你 +1
    • @Drew：或者他也可能使用 Reducisaurus。 :)
    • @Alix，感谢the link。看起来很有用。
    • 您还可以从 URL 中删除次要版本号，以便始终自动获取最新的 CSS/JS。只需保留主要版本号即可。示例：ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/…
    【解决方案4】：

    如果你指的是 jQuery UI css，你可以使用这个：

    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

    【讨论】：

      【解决方案5】：

      Google 在此链接 https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css 托管 jQueryUI css

      如果你直接看这段代码，它正在使用@import which can be slow 导入css。您可能希望将导入分解为其部分以获得轻微的性能优势：

      https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.base.css https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.theme.css

      【讨论】：

        【解决方案6】：

        我会这么认为。为什么不？没有提供 CSS 来支持脚本文件的 CDN 不会太多

        This link 表明他们是：

        我们发现特别令人兴奋的是 jQuery UI CSS 主题现在是 托管在 Google 的 Ajax 库 CDN 上。

        【讨论】：

        猜你喜欢
        • 2012-11-06
        • 2013-05-28
        • 1970-01-01
        • 2011-05-02
        • 2011-09-23
        • 2011-05-05
        • 2011-01-25
        • 2011-02-23
        • 1970-01-01
        相关资源
        最近更新 更多
        热门标签
        Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode