什么是外部资源?

除了在RunJS编辑器中手写html/css/js外,还可以通过笔记设置引入第三方网站的css/js代码。

设置

如上图所示,点击任一编辑区右上角的设置图标,会弹出设置界面。

image

可以通过关键词检索之前创建的笔记,直接导入其第三方js/css.

也可以在【外部JS】或者【外部CSS】输入框中输入第三方资源的网址(一行一个)。

image

从哪里搜索第三方资源?

国内静态文件公共库

BootCDN:https://www.bootcdn.cn/ 稳定、快速、免费的前端开源项目 CDN 加速服务,共收录了 3934 个前端开源项目

七牛云存储开放静态文件CDN:http://www.staticfile.org/ 由七牛云提供包括 JS、CSS、image 和 swf 等静态文件的

字节跳动静态资源库:http://cdn.bytedance.com/ 字节跳动静态资源库很齐全。

腾讯网静态资源库:https://libs.qq.com/ 腾讯网静态资源库仅支持几个常用的静态资源(jquery、zepto等)

新浪云计算CDN公共库:http://lib.sinaapp.com/

又拍云JS库CDN服务:http://jscdn.upai.com/

国外静态文件公共库

unpkg: https://unpkg.com/常见的静态资源库都是支持的.unpkg不支持搜索,不过如果你可以使用google,也是比较方便的。比如在google中搜索unpkg: react,能很快找到相关项目。你也可以使用RunJS开发的搜索工具来搜索unpkg.

Google Hosted Libraries:https://developers.google.com/speed/libraries/ Google出品,必属精品了,谷歌的公共CDN公共库应该是 最强大的了,像其中的前卫的各种代码类库和Google Web Font 字体库,但国内被墙

CDNJS:http://www.cdnjs.com/ cdnjs是一种免费和开源的CDN服务,超过10%的网站都使用他们的服务,由Cloudflare提供支持

Microsoft Ajax CDN:https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview微软的静态文件公共库

jsDelivr:http://www.jsdelivr.com/ jsDelivr是基于MaxCDN的一个免费开源的 CDN 解决方案,支持npm, GitHub, WordPress, Deno等。每月处理超过800亿次请求。jsDelivr是唯一拥有国内颁发的有效ICP许可证的公共CDN,并直接拥有数百个网点。