前端
文章平均质量分 86
玖涯菜菜子
投资未来的人,是忠于现实的人。
展开
-
通过Service Worker实现网页离线缓存、CDN并发请求和缓存版本控制
Service Worker 是一个服务器与浏览器之间的中间人角色,它可以拦截网络请求并根据网络具体情况采取适当的动作、更新来自服务器的的资源。本文通过 Service Worker 代理请求,实现网页第二次访问的离线访问和CDN并发请求功能,提高网站的访问速度,同时能够避免 jsDeliver 这类 CDN 问题造成的网站不可用的情况。......原创 2022-06-15 14:16:07 · 1361 阅读 · 0 评论 -
网站访问速度优化之pjax
pjax 是 ajax 和 pushState 的结合,它是一个 jQuery 插件。它通过 ajax 从服务器端获取 HTML 文件,在页面中用获取到的HTML替换指定容器元素中的内容。然后使用 pushState 技术更新浏览器地址栏中的当前地址,并且保持了真实的地址、网页标题,浏览器的后退(前进)按钮也可以正常使用。原创 2022-05-02 17:00:43 · 3608 阅读 · 0 评论 -
使用FreeCDN提升网站的访问速度
freecdn 是一个纯前端的 CDN 解决方案,用于降低网站流量成本,同时提高网站稳定性、安全性,并且无需修改现有的业务逻辑。其核心使用了 HTML5 中一个重要的 API —— Service Worker。它是一种浏览器后台服务,能拦截当前站点产生的 HTTP 请求,并能控制返回结果,相当于给网站加了一层反向代理。有了这个黑科技,我们可以把传统 CDN 的功能搬到前端,例如负载均衡、故障切换等,通过 JS 灵活处理各种请求。原创 2022-05-01 20:45:17 · 2097 阅读 · 0 评论 -
网站访问速度优化之ServiceWorker
ServiceWorker 担任了服务器与浏览器的中间人角色,如果网站中注册了 ServiceWorker 那么它可以拦截当前网所有的请求,并做相应的处理动作。ServiceWorker 内容就是一段 JavaScript 脚本,内部可以编写相应的处理逻辑,比如对请求进行缓存处理,能直接使用缓存的就直接返回缓存不再转给服务器,从而大大提高浏览体验。有些开源工具包存在多个 CDN 站点,使用 ServiceWorker 可以实现自动寻找访问最快的站点,如果某个站点发生错误,可以自动切换,FreeCDN原创 2022-05-01 19:38:25 · 1236 阅读 · 0 评论 -
博客园添加live2D看板娘和樱花飘落背景
写在前面文章可能还有很多不足,请大家谅解,欢迎大佬提意见。本文使用的东西live2d(看板娘)樱花飘落博客园文章目录写在前面本文使用的东西1.前期准备2.添加看板娘3.添加樱花飘落4.总结1.前期准备1、注册一个博客园账号,并且申请开通博客,添加js权限2.添加看板娘看板娘的GitHub地址:https://github.com/xiazeyu/live2d-widget...原创 2019-12-15 14:09:50 · 2489 阅读 · 3 评论