chaihongjun.me

Vite本地开发测试解决跨域CORS问题
frontend

Vite本地开发测试解决跨域CORS问题

chaihongjun

本地开发测试前端应用通常运行在一个源,而提供API的一般会是另外一个源。由于浏览器的同源策略(Same-Origin Policy)限制会遇到跨域问题。同源策略是浏览器的一种安全机制,它规定了浏览器如何限制一个源(包括协议、域名和端口)的文档或脚本与来自另一个源的资源进行交互。这种限制的目的是防止恶意网站通过跨域请求来窃取用户的敏感信息或执行潜在的安全漏洞。...

让ueditor上传图片的alt属性值等于文章标题
frontend

让ueditor上传图片的alt属性值等于文章标题

chaihongjun

thinkphp5开发的博客网站,后台使用的是ueditor作为主体内容编辑工具。当上传图片的时候ueditor自动使用文件上传的时间戳创建文件标题,并且统一赋值给图片的title和alt属性。从SEO角度考虑出发优化图片只保留alt属性并以文章名命名,title属性移除。...

将网站改造成PWA应用
frontend

将网站改造成PWA应用

chaihongjun

PWA是使用 Web 技术生成的应用程序,可以从一个代码库安装并可在所有设备上运行。PWA 在支持设备上为用户提供类似于本机的体验。 它们适应每个设备支持的功能,还可以在 Web 浏览器(如网站)中运行。说白了使Web应用使用起来象一个App。...

serviceworker配置优化版
frontend

serviceworker配置优化版

chaihongjun

之前的文章介绍的缓存方案是白名单形式,只把需要缓存的内容列举出来进行缓存,这篇文章反向思考使用黑名单模式,黑名单里的不缓存,其他的都缓存。...

serviceworkers简单配置
frontend

serviceworkers简单配置

admin

Service Workers本质上是一种能在浏览器后台运行的独立线程,它能够在网页关闭后持续运行。Service Workers能够拦截网络请求并根据网络是否可用来采取适当的动作,更新来自服务器的资源,从而实现拦截和加工网络请求、消息推送、静默更新、事件同步等一系列功能。它是PWA(Progressive Web Apps,渐进式网络应用)应用的核心技术之一。它能够缓存网站资源,实现离线访问,能拦截网络请求,优化网络性能,因此利用这些优势去优化。...

保护网站不被仿站禁止本地加载
frontend

保护网站不被仿站禁止本地加载

chaihongjun

各种CMS繁荣发展的带来的是各种仿站的需求,看到好看的网站,想通过仿站据为己有也是人之常情,但是想保护自己网站的设计和功能成为独一无二也就应运而生了。...