搜索到
268
篇与
的结果
-
HTTP缓存 前端缓存前端缓存可分为两大类：http缓存和浏览器缓存。我们今天重点讲的是http缓存，所以关于浏览器缓存大家自行去查阅。下面这张图是前端缓存的一个大致知识点： HTTP 缓存策略分为两种：强缓存 和 协商缓存 ，这两种缓存策略都是服务端设置 HTTP Header 来实现的（一）强缓存强缓存的意思很简单，直接从浏览器缓存过的本地进行读取，不会去请求服务器。例如请求一个图片，当缓存后，第二次访问，直接从本地去拿，不会再去请求这个资源，可以节省服务器资源。可以通过三种方式来设置强缓存Expires：服务端在响应头中设置一个 GMT 格式的到期时间。客户端的本地时间小于响应头的 Expires 时间，那么会从本地进行读取，不会去请求服务器。如果超过了，那么就去请求服务器去获取最新资源。但是就是因为根据本地时间进行判断，本地时间可以随便修改，所以这种缓存机制有漏洞，会与服务端时间有偏差，为了解决这个问题，就出现了下面的 Cache-contorlCache-control：他和Expires不一样，Expires是直接设置一个时间戳就行了，而Cache-control可以设置下面这几种属性：max-age：这个用于设置一个滑动时间，例如设置 max-age=30 表示客户端时间向后滑动30秒，在这30秒内都是强缓存，不会去请求服务器s-maxage：这个和上面的一样，只不过这个设置的是代理服务器的缓存时间privte：这个表示缓存只能被客户端的浏览器缓存，不能被代理服务器缓存public：这个表示缓存既可以被浏览器缓存，也可以被代理服务器缓存no-store：这个属性表示不缓存，在任何情况下，都是与服务器进行最新的交互no-cache：这个并非不缓存的意思，这个表示强制进行协商缓存，会在下面描述（二）协商缓存协商缓存表示在使用本地的缓存之前，会先向服务器发一个请求，与服务器协商当前浏览器的缓存是否已经过期了，如果没过期，那么就使用本地的资源，如果过期了就去请求最新资源。协商缓存主要是解决强缓存资源不能及时更新的问题，协商缓存服务端可以通过2种设置来实现：第一种：last-modified 配合 If-Modified-Since例如，客户端请求一个 03.jpg，服务端接收到这个请求后，会读取这个文件的最后修改时间，然后设置到响应头中，设置的参数就是 last-modified，参数值是文件最后修改的时间戳。客户端第二次请求 03.jpg 这个文件的时候，会带上一个 If-Modified-Since 参数，服务端能拿到这个参数与last-modified进行比对，如果一致，那么就返回304状态，否则就去请求最新的文件，使用nodejs实现这个代码：（注意协商缓存需要设置Cache-Control为no-cache，表示设置成协商缓存）... // 判断客户端请求的是03这个图片 if(pathname === '/img/03.jpg') { // 读取 03 图片的最后修改时间 const { mtime } = fs.statSync("./img/03.jpg") // 判断客户端发送过来的if-modified-since是否与mtime一致，如果一致就直接返回304 if(req.headers['if-modified-since'] === mtime.toUTCString()) { res.statusCode = 304 res.end() } else { // 如果不一致，那么就请求最新的资源返回给客户端 const data = fs.readFileSync("./img/03.jpg") // 这2句代码是设置协商缓存 res.setHeader("last-modified", mtime.toUTCString()) res.setHeader("Cache-Control", "no-cache") res.end(data) } } ...上面的 last-modified 配合 If-Modified-Since在使用时有些弊端，例如将03.jpg修改成04.jpg，再改回03.jpg。此时这个文件其实是没有变化的，但是最后修改时间更改了，因此客户端就需要重新请求，因此就出现了下面的第二种使用Etag的方式第二种：Etag 配合 If-None-MatchEtag实现的方式服务端是为文件生成一个指纹，类似于MD5字符串。接着响应头中塞进 Etag 参数，参数的值就是计算出的字符串，客户端接收到后，第二次请求会带上一个 If-None-Match 的参数，接着服务端和上面第一种方式一样进行比对，nodejs的实现代码如下：// 引入 etag 模块 const etag = reqiure("etag") ... if(pathname === '/img/03.jpg') { const data = fs.readFileSync("./img/03.jpg") // 获取生成的etag字符串 const etag = etag(data) // 判断客户端发送的 If-None-Match 与服务端是否一致 if(req.headers['if-none-match'] === etag) { res.statusCode = 304 res.end() } else { // 如果不一致，那么就请求最新的资源返回给客户端 const data = fs.readFileSync("./img/03.jpg") // 这2句代码是设置协商缓存 res.setHeader("etag", etag) res.setHeader("Cache-Control", "no-cache") res.end(data) } } ... -
阿里云国际OSS使用CloudFlare免流量 阿里云正式加入Cloudflare带宽联盟，并且源站在阿里云OSS除中国大陆外的指定地区或国家，同时使用的存储类型为同城冗余标准型或本地冗余标准型的客户，可以OSS免流量。https://www.aliyun.com/product/news/detail?spm=5176.20947395.xingqu.1.6bbd2857lLqc4u&id=17749准备工作一个阿里云国际版的账号(已经询问过国内站的客服，只有国际版的阿里云账号才享受这个政策，国内的账号是不行的。)Cloudflare账号一个域名一个需要提前加入到Cloudflare账号中部署过程创建储存桶直接搜索oss → 开通oss → 开通Bucket 按照下图的提示创建储存桶，修改好相关配置之后就可以点击确定创建储存桶了。第二种方法：1.创建存储桶创建OSS存储桶，选择中国以外地区读写权限设为私有设置访问权限获取CloudFlare 节点IP：https://www.cloudflare.com/zh-cn/ips/将ip以逗号为间隔为1行173.245.48.0/20,103.21.244.0/22,103.22.200.0/22,103.31.4.0/22,141.101.64.0/18,108.162.192.0/18,190.93.240.0/20,188.114.96.0/20,197.234.240.0/22,198.41.128.0/17,162.158.0.0/15,104.16.0.0/13,104.24.0.0/14,172.64.0.0/13,131.0.72.0/22 2.域名绑定点击左边列表中的Bucket 列表，然后进入你刚刚创建的储存桶中，点击传输管理 → 域名管理 →绑定网域名称。 这里填入你的域名或者是二级域名都行，添加完成后点击网域名称所有权验证，会让你添加TXT记录，到你的域名解析商处添加好记录点击验证。然后点击域名绑定配置就可以看到你刚刚添加的域名和回源域名，如下图所示 在Cloudflare中添加上解析设置记得开始小云朵，否则是要计算流量的。添加完成后等一段时间就可以了使用了。3.Cloudflare域名规则设置（推荐/可选）正常情况下是不需要添加页面规则的，但是如果不设置每一次访问你的图片都需要回源到阿里会比较的慢，添加页面规则可以直接加快访问。点击规则→创建页面规则填写： 域名/*然后按照下图设置一下规则就行，可以将浏览器缓存TTL和边缘缓存的时间设置长一点 使用体验总的来说使用情况是相当不错的，而且加载的速度也非常的快，基本上所有的流量都被缓存下来了，阿里云上面也基本没有使用什么流量。标准型存储前5G是免费的，流量的话每个月也有5G免费的所以根本不用担心。
-
免费的html5悬浮音乐播放器 明月浩空-HTML5浮窗音乐播放器研发于2014年，并持续更新至今是基于QQ、酷我、酷狗、网易云等平台来源的网页音乐播放器同时播放器主体会跟随专辑图片主色值自动变色，歌词跟随MP3播放动态滚动并支持歌单，歌手热门歌曲，自定义歌曲，域名授权等丰富功能和数项自定义个性化设置是一款兼容任何网站的HTML5音乐播放器，并提供配套插件/短代码，安装播放器方便快捷，永久免费 免注册体验：将此段播放器代码插入到网页最底部的标签之前可选参数：0关闭 1开启皮肤更换：skin="player" [player/mini/swhite/cover]手机加载：m="0" [0/1]自动播放：au="0" [0/1]左右位置：lr="r" [l/r]<script src="https://myhkw.cn/api/player/demo" id="myhk" key="demo" skin="player" lr="l" m="1"></script>（非必要）如果提示jQuery问题，请将此段代码插入到网站的之前，或播放器代码之前<script src="https://myhkw.cn/player/js/jquery.min.js" type="text/javascript"></script>{abtn icon="" color="#ff6800" href="https://myhkw.cn/" radius="" content="注册地址"/}
-
Typecho cdn缓存规则 缓存规则内容缓存时间/admin不缓存/index.php/archives不缓存.php;.jsp;.asp;.aspx不缓存.jpg;.jpeg;.png;.bmp;.gif;.psd;.ico;.tga;.imb;.tiff建议缓存7天.txt;.doc;.wri;.docs;.css;.js;.dot;.xml;.log;.bat;.csv;.htm;.html;.json;.md;.conf;.vue建议缓存7天注意事项在设置缓存内容/index.php/archives或/archives的时候要看一下后台永久链接文章路径设置了什么，我这里是/archives/{cid}.html，如果你那里是/blog/{cid}.html就把缓存内容改成/index.php/blog或/blog缓存时间可以根据自己实际情况来设置
-
-
利用uniCloud搭建免费静态文件存储，阿里云CDN加速！ 免费额度单个服务空间容量 10GB账号服务空间上限 50个阿里云CDN，不限量，不限速因为阿里云免费向DCloud提供了硬件资源，所以DCloud也没有向开发者收费。如果阿里云后续明确了收费计划，DCloud也会第一时间公布。官网地址https://dcloud.io/创建应用1）访问：https://unicloud.dcloud.net.cn/home 点击 创建服务空间选择服务商 阿里云服务空间名称 随意3）打开服务空间 – 前端网页托管 – 开通3）点击安装 uni-app（vue2）编译 和 uniCloud云开发5）找到 scss/sass编译 和 less编译，点开详情后，点击【使用HBuilderX导入插件】会调起编辑器安装插件7）在弹出框内，可以看见刚才新建的服务空间，直接点击关联即可。如果没有空间点击新建，按照指示一步一步操作即可8）点击 菜单 – 发行 – 【网站-PC】标题随意，选择服务空间，点击发行按钮10）打开网址即可上传图片了！
-
-
专业工作站版 Windows 10 / 11 21H2 Lite X64 4in1 W10v6：OS Build 19044.1645 W11v7：OS Build 22000.6132022.06.12 更新专工版W11 22H2 Lite 2in1 V2（OS Build 22621.4），无应用商店（商店与部分应用安装包单独提供）。基于专业工作站版，各四个版本，含纯净版与装机版，有应用商店与无应用商店各一版，适度精简，深度优化，体积适中。精简了Defender、OneDrive等组件，简约、流畅、稳定。集成常用运行库，增加部分常用中英字体、精美壁纸等，有应用商店版本集成应用：计算器/画图/时钟/相机/截图工具，装机版集成：WinRAR、OfficeLTSC专业增强版2021三组件、Edge绿色版、Foobar2000增强版、PotPlayer绿色版。无商店版本也支持双击安装应用。安装方法参考：压缩包里提供的三个安装esd系统的神器图解说明（点几下鼠标即可）。预览图：
