<p style="text-align: center;">CDN（全称：Content Delivery Network）公共库是指将常用的JS库存放在CDN节点，以方便开发者调用。与将JS库放在本机上相比，CDN公共库使内容传输的更快、更稳定。</p> <p style="text-align: center;">字节跳动CDN：<a href="http://cdn.bytedance.com/" target="_blank" rel="noreferrer noopener">http://cdn.bytedance.com/</a></p> <p style="text-align: center;">360 前端静态资源库：<a rel="noreferrer noopener" href="https://cdn.baomitu.com/" target="_blank">https://cdn.baomitu.com/</a></p> <p style="text-align: center;">新浪sae公共资源：<a href="http://lib.sinaapp.com/" target="_blank" rel="noreferrer noopener">http://lib.sinaapp.com/</a></p> <p style="text-align: center;">又拍云JS库：<a rel="noreferrer noopener" href="http://jscdn.upai.com/" target="_blank">http://jscdn.upai.com/</a></p> <p style="text-align: center;">七牛云Staticfile CDN：<a rel="noreferrer noopener" href="http://www.staticfile.org/" target="_blank">http://www.staticfile.org/</a></p> <p style="text-align: center;">BootCDN：<a rel="noreferrer noopener" href="https://www.bootcdn.cn/" target="_blank">https://www.bootcdn.cn/</a></p> <p style="text-align: center;">CDNPKG：<a rel="noreferrer noopener" href="https://www.cdnpkg.com/" target="_blank">https://www.cdnpkg.com/</a></p> <p style="text-align: center;">jQuery CDN：<a rel="noreferrer noopener" href="https://releases.jquery.com/" target="_blank">https://releases.jquery.com/</a></p> <p style="text-align: center;">CDNJS CDN：<a rel="noreferrer noopener" href="https://cdnjs.com/" target="_blank">https://cdnjs.com</a></p> <p style="text-align: center;">jsDelivr CDN：<a rel="noreferrer noopener" href="https://www.jsdelivr.com/" target="_blank">https://www.jsdelivr.com/</a> （被墙）</p> <p style="text-align: center;">DataTables CDN：<a rel="noreferrer noopener" href="https://cdn.datatables.net/" target="_blank">https://cdn.datatables.net/</a></p> <p style="text-align: center;">Microsoft CDN：<a rel="noreferrer noopener" href="https://www.asp.net/ajax/cdn#jQuery_Releases_on_the_CDN_0" target="_blank">https://www.asp.net/ajax/cdn#jQuery_Releases_on_the_CDN_0</a></p> <p style="text-align: center;">Google CDN：<a rel="noreferrer noopener" href="https://developers.google.com/speed/libraries#jquery" target="_blank">https://developers.google.com/speed/libraries#jquery</a> （被墙）</p> <h2 style="text-align: center;">更多</h2> <p style="text-align: center;">引用外部的CDN资源都不是100%保险的，所以建议当CDN读取失败的时候，从本地获取。</p> <p style="text-align: center;">如下代码：</p> <pre class="language-php"><code><script src="//lib.baomitu.com/jquery/1.9.0/jquery.min.js"></script> <script> if(!window.jQuery){ var script = document.createElement('script'); script.src = "/js/jquery.min.js"; document.body.appendChild(script); } </script></code></pre>...
国内访问 Github 网站很多时候都是无法访问，下面列出一些镜像站以便使用。 https://ghproxy.com/ https://gitclone.com/ https://ghproxy.qystudio.ml/ https://ghdl.feizhuqwq.cf/ https://pd.zwc365.com/ https://gh.api.99988866.xyz/ 修改HOST 可以通过修改 host 文件的方式，从而正常访问 Github。 最新 host 文件：https://raw.hellogithub.com/hosts （来自 https://github.com/521xueweihan/GitHub520）会自动定时更新。 将链接中的内容粘贴至本地的 host 文件中，就能顺利访问 Github。...
<h2 style="text-align: left;"><span style="font-size: 14pt;">图片素材网站</span></h2> <div class="wp-block-image" style="text-align: left;"> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://www.pexels.com/zh-cn/</strong></span></p> </blockquote> <div class="wp-block-image" style="text-align: left;"> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://www.hippopx.com/</strong></span></p> <span style="font-size: 14pt;"><cite>超多2K、4K图片，可以用作壁纸了。</cite></span></blockquote> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full is-resized"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://colorhub.me/</strong></span></p> <span style="font-size: 14pt;"><cite>高清无版权图片，个人和商业用途免费。</cite></span></blockquote> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full is-resized"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://www.freepik.com/</strong></span></p> <span style="font-size: 14pt;"><cite>有免费的 PSD 素材。</cite></span></blockquote> <div class="wp-block-image" style="text-align: left;"> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://www.cleanpng.com</strong></span></p> <span style="font-size: 14pt;"><cite>PNG 图片素材</cite></span></blockquote> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full is-resized"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://stocksnap.io/</strong></span></p> </blockquote> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://unsplash.com</strong></span></p> </blockquote> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>http://pngimg.com</strong></span></p> </blockquote> <div class="wp-block-image" style="text-align: left;"> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://www.foodiesfeed.com</strong></span></p> <span style="font-size: 14pt;"><cite>全部都是食物相关的图片素材</cite></span></blockquote> <div class="wp-block-image" style="text-align: left;"> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://magdeleine.co/</strong></span></p> </blockquote> <h2 style="text-align: left;"><span style="font-size: 14pt;">视频、图片素材网站</span></h2> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full is-resized"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://pixabay.com</strong></span></p> </blockquote> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full is-resized"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://mixkit.co/</strong></span></p> </blockquote> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full is-resized"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://www.videvo.net/</strong></span></p> </blockquote> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full is-resized"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://wedistill.io/</strong></span></p> </blockquote> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p><span style="font-size: 14pt;"><strong>https://isorepublic.com/</strong></span></p> </blockquote> <div class="wp-block-image" style="text-align: left;"> <figure class="aligncenter size-full is-resized"><br /> <figcaption></figcaption> </figure> </div> <blockquote class="wp-block-quote"> <p style="text-align: left;"><span style="font-size: 14pt;"><strong>https://www.aigei.com</strong></span></p> <span style="font-size: 14pt;"><cite>中文站，音效、配乐、视频等素材，用QQ登录可下载素材</cite></span></blockquote>...
本页列出了一些可查询公网IP的网站，网址随机排序。 https://www.ip138.com/ https://ip.cn/ http://ip.360.cn/ https://ip.dog/ http://www.net.cn/static/customercare/yourip.asp https://www.ipshudi.com/ https://ip.900cha.com/ http://www.ip111.cn/ https://pm25.im/ip/ https://www.ipip5.com/ https://www.ip5.me/ http://www.ip38.com/ http://www.ip168.com/ https://ip.hao86.com/ https://www.sojson.com/ip/ https://ip.bmcx.com/ https://www.8684.cn/ip https://tool.lu/ip/ http://ip.chacuo.net/ http://ip.yqie.com/ http://www.030904.com/ip/ https://www.ipaddress.my/ http://myip.ipip.net/ http://www.ip168.com/json.do https://pv.sohu.com/cityjson?ie=utf-8 更多 可以百度搜索关键词「ip查询」，数据由www.ip138.com提供。 https://www.baidu.com/s?ie=UTF-8&wd=ip%E6%9F%A5%E8%AF%A2...
在前端开发过程中，时常会用到各种图标、图片等，好看的图标也能够吸引用户更长时间的在网站停留，下面介绍几个免费下载SVG图标的网站。 iconfont 阿里巴巴矢量图标库 Reshot Free Icons, Illustrations & Photos SVG Repo Browse 300.000+ SVG Vectors and Icons Free SVG 如它的域名一样 freesvg.org ，图片比较杂乱，使用关键词搜索需要的资源。 Simple Icons 2287 Free SVG icons for popular brands 这里收录了热门的品牌Logo，有小米价值200万的Logo喔。[doge] REMIX ICON：https://remixicon.com/ ...
网易开源镜像站：http://mirrors.163.com/ 腾讯软件源：https://mirrors.cloud.tencent.com/ 华为开源镜像站：https://mirrors.huaweicloud.com/ 阿里巴巴开源镜像站：https://developer.aliyun.com/mirror/ 搜狐开源镜像站：https://mirrors.sohu.com/ npmmirror：https://npmmirror.com/ 清华大学开源软件镜像站：https://mirrors.tuna.tsinghua.edu.cn/ 大连理工大学开源软件镜像站：http://mirror.dlut.edu.cn/ 中国科学技术大学开源软件镜像站：https://mirrors.ustc.edu.cn/ 重庆大学开源软件镜像站：https://mirrors.cqu.edu.cn/ 兰州大学开源社区镜像站：http://mirror.lzu.edu.cn/ 北京交通大学自由与开源软件镜像站：https://mirror.bjtu.edu.cn/ 大连东软信息学院开源镜像站：http://mirrors.neusoft.edu.cn/ 浙江大学开源软件镜像站：http://mirrors.zju.edu.cn/...
开发过程中，我们经常会用到各种各样的包管理工具，几乎每种包管理工具缺省设置都是从国外服务器下载相应的软件安装包，或者下载很慢，或者干脆无法下载。以下列出我常用的所有国内镜像，方便有类似需求的同学参考 （不定期更新，感觉有用的同学请注意收藏） 。 我平常用的 shell 是 fish ，所以下面的语法全都是 fish 相关的 set \-x ，如果是用缺省的 bash ，可以替换成 export 命令。 操作系统相关 brew国内镜像 cd /usr/local/Homebrew git remote set-url origin https://mirrors.ustc.edu.cn/brew.git cd /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-core.git cd /usr/local/Homebrew/Library/Taps/homebrew/homebrew-cask git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-cask.git\# brew国内镜像 set -x HOMEBREW\_BOTTLE\_DOMAIN https://mirrors.ustc.edu.cn/homebrew-bottles Javascript相关 npm国内镜像 npm config set registry https://registry.npm.taobao.org/ yarn国内镜像 yarn config set registry https://registry.npm.taobao.org/ pnpm国内镜像 pnpm config set registry https://registry.npm.taobao.org/ electron国内镜像 set -x ELECTRON\_MIRROR http://npm.taobao.org/mirrors/electron/ node-sass国内镜像 set -x SASS\_BINARY\_SITE https://npm.taobao.org/mirrors/node-sass/ fsevents国内镜像 set -x FSE\_BINARY\_HOST\_MIRROR https://npm.taobao.org/mirrors/fsevents/ 更多 更多设置，或者懒得一个一个设置的同学也可以参考这里： https://gist.github.com/hetyk... 把这些代码下载到一个shell脚本里，一键添加完成。 Python相关 pip国内镜像 \$ cat \~/.pip/pip.conf \[global\] index\-url=https://pypi.tuna.tsinghua.edu.cn/simple conda国内镜像 conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/ conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main/ conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/conda-forge/ conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/msys2/ conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/bioconda/ conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/menpo/ conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/pytorch/ conda config --set show\_channel\_urls yes 其它语言 flutter国内镜像 set -x PUB\_HOSTED\_URL https://pub.flutter-io.cn set -x FLUTTER\_STORAGE\_BASE\_URL https://storage.flutter-io.cn ...
@梦幻书涯：正在实现到导航网中