http到https跨域 - CORS问题 前言　　又是修bug的一个下午···其实这个bug已经存在一段时间了，但我这段时间主要在搞页面的美化，况且这个bug的影响倒也不是很大，所以才拖到现在才解决。这个bug是移动端打开页面会停在加载页面，资源加载不出，但刷新可以解决这个问题。　　之前其实也不清楚是什么原因导致的，使用chrome的设备模拟也没有出现报错。今天博客的美化搞得差不多了，可以把这个问题解决一下了。　　模拟设备不是真实情况，还是得实机模拟。调试移动端页面的方式挺多的，这里就写个简单的。前期准备手机　　1.开启usb调试，使用数据线连接pc端　　2.下载Edge浏览器打开页面（不用chrome是因为懒得架梯子）PC　　1.打开Edge，地址栏输入edge://inspect/#devices　　2.等待手机和 edge 响应，然后出现页面后，点击 inspect 就可以了 问题　　打开页面后就看到报错了，果然模拟和实际还是不一样的。从报错信息看是说 CORS 策略已阻止从源“http://gokoululi.com”以“https://gokoululi.com/joe/api”位置访问 XMLHttpRequest：对预检请求的响应未通过访问控制检查：请求的资源上不存在“访问控制-允许-源”标头。简单的说就是https请求http跨域了。解决　　要解决这个http与https跨域的问题其实很简单，只需要将http强制跳转到https就可以了。

使用DCloud 搭建图床 DCloud提供免费100G云存储空间，不限流量，底层是阿里云OSS，速度还是可以的。但是需要注意的是DCloud是禁止使用阿里云空间搭建图床类业务的，所以这个搭起来大家自用就行（因为有人泛滥商用作图床，空间已由开始的不限流量不限空间改为了不限流量100g空间）

网页欢迎弹窗 最近看到一个访问网站主页出现欢迎弹窗的功能挺不错的，但感觉不够完善。每次刷新页面或从其他页面跳转回主页时，都会出现弹窗，这给人的体验就比较差了，我在这个基础上做了一部分的改进，完善了这部分的功能

国内CDN静态资源库 CDN静态库{lamp/}{card-describe title="前言"}　　JsDelivr突然访问不了，网站大部分的静态资源都加载不出来，索性就换成国内的CDN静态库，这里分享一下几个资源较全，速度也可以的静态库{/card-describe}为什么要使用CDN静态库　　几乎所有的网页都使用CSS和JavaScrip引用，这些资源我们称为静态资源，引用静态资源的方式主要有公共库和私有库两种，虽然可通过官方指定的地址引用公共库，但由于很多知名的公共库都在国外，所以导致加载速度变慢，比如：jQuery的公共库就在国外，加载速度也很慢。　　为了提高性能，我们通常将公共库下载至自己的服务器后再引用，我们将这样的方式称为私有库，但这也有一些问题，当跨地区的用户访问网站时，无法将请求转发到距离用户最近的节点，需要去您的中心服务器下载这些资源，虽然像这样的静态资源可被浏览器或者代理服务器缓存，但下载文件的过程仍然需要浪费您的带宽，私有库无法进行跨站跨域名共享静态资源，比如：A网站和B网站都引用了它们私有的jQuery库，当用户同时访问A网站和B网站时，需要下载2次jQuery库，如果使用相同的公共库，这将只需加载一次进行缓存，多站共享这份缓存，其实这对用户体验来说是微不足道的，单追求极致总是好的。另外通过私有部署会非常依赖于自己的服务器，所以服务器可靠性也是个问题。　　现在国内很多大公司都开放了自己的CDN（内容分发网络），这些公司有实力在不同的地区建设自己的机房，一份公共的静态资源被CDN分发后，这些公共库将被同步到每个地区的CDN节点上，用户访问网站需要下载静态资源时，会优先路由到距离用户最近的CDN节点，性能明显提升，当A和B网站都引用CDN提供的公共库时，同一资源只被下载一次，它们将共享缓存，当成千上万的网站都使用CDN地址作为公共库的地址时，这种优势将更加明显。另外CDN本身就是分布式部署的，当其中任何一个节点无法访问时，将被导航到其它节点，可靠性明显增强。国内CDN静态库　　在此之前，我是使用JsDelivr静态库，但是这几天一直无法加载资源，今天索性换成了国内CDN，在这里分享一下我认为资源较全，速度足够的几个静态库{dotted startColor="#ff6c6c" endColor="#1989fa"/}七牛云存储开放静态文件CDN　　我现在大部分的静态资源都是由七牛云存储开放静态文件CDN库提供，个人感觉资源还是比较全的{callout color="#0099e6"}地址：Staticfile CDN {/callout}360前端资源库　　360 前端静态资源库是由奇舞团支持并维护的开源项目免费 CDN 服务，支持 HTTPS 和 HTTP/2，囊括上千个前端资源库和 Google 字体库.{callout color="#0099e6"}地址：75 CDN {/callout}BootCDN静态库　　稳定、快速、免费的前端开源项目 CDN 加速服务，共收录了 3934 个前端开源项目{callout color="#0099e6"}地址：Boot CDN {/callout}