Vue2路由切换组件的生命周期变化
Vue2路由的切换实质是 Vue 组件的销毁和创建，从一个组件切换到另外一个组件，类似于销毁一个组件再创建另外一个组件并挂载，而这里细节涉及到组件的创建，挂载，更新和销毁等生命周期钩子。...
Vue2路由中的$router和$route区别与联系
初学vue2路由的时候对$router和$route这两个变量容易混淆，概念不是很容易厘清，官方文档有一个出处只是很简单的描述了一下两者。这里做一个简单的试验看下它们的区别。...
Vue事件总线(EventBus)使用逻辑和原理总结
Vue事件总线（EventBus）是一种在 Vue.js 应用中用于组件之间进行非父子通信的机制。它不是 Vue 官方提供的功能，而是一种基于 Vue 自定义事件的常用模式...
Vue2中子组件向父组件传值的两种方式prop和emit
在B站看到一个Vue2的进阶视频，提到了子组件向父组件传递数据可以使用prop的方式，觉得很差异，因为官方文档里面提到的是单向下行绑定。父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。但是根据实际使用的情况，有时候却需要这么操作，所以总结起来的子组件向父组件传递数据有两种方式prop和emit。...
Vite本地开发测试解决跨域CORS问题
本地开发测试前端应用通常运行在一个源，而提供API的一般会是另外一个源。由于浏览器的同源策略（Same-Origin Policy）限制会遇到跨域问题。同源策略是浏览器的一种安全机制，它规定了浏览器如何限制一个源（包括协议、域名和端口）的文档或脚本与来自另一个源的资源进行交互。这种限制的目的是防止恶意网站通过跨域请求来窃取用户的敏感信息或执行潜在的安全漏洞。...
让ueditor上传图片的alt属性值等于文章标题
thinkphp5开发的博客网站，后台使用的是ueditor作为主体内容编辑工具。当上传图片的时候ueditor自动使用文件上传的时间戳创建文件标题，并且统一赋值给图片的title和alt属性。从SEO角度考虑出发优化图片只保留alt属性并以文章名命名，title属性移除。...
将网站改造成PWA应用
PWA是使用 Web 技术生成的应用程序，可以从一个代码库安装并可在所有设备上运行。PWA 在支持设备上为用户提供类似于本机的体验。 它们适应每个设备支持的功能，还可以在 Web 浏览器（如网站）中运行。说白了使Web应用使用起来象一个App。...
serviceworker配置优化版
之前的文章介绍的缓存方案是白名单形式，只把需要缓存的内容列举出来进行缓存，这篇文章反向思考使用黑名单模式，黑名单里的不缓存，其他的都缓存。...
serviceworkers简单配置
Service Workers本质上是一种能在浏览器后台运行的独立线程，它能够在网页关闭后持续运行。Service Workers能够拦截网络请求并根据网络是否可用来采取适当的动作，更新来自服务器的资源，从而实现拦截和加工网络请求、消息推送、静默更新、事件同步等一系列功能。它是PWA（Progressive Web Apps，渐进式网络应用）应用的核心技术之一。它能够缓存网站资源，实现离线访问，能拦截网络请求，优化网络性能，因此利用这些优势去优化。...
保护网站不被仿站禁止本地加载
各种CMS繁荣发展的带来的是各种仿站的需求，看到好看的网站，想通过仿站据为己有也是人之常情，但是想保护自己网站的设计和功能成为独一无二也就应运而生了。...