浏览器缓存机制介绍及前端优化方案

2022-10-10
阅读 5 分钟
1.6k
背景缓存是用来做性能优化的好东西,但是,如果用不好缓存,就会产生一系列问题:为什么我的页面显示的还是老版本为什么我的网页白屏请刷新下网页...以上问题大家或多或少都遇到过,归根结底是使用缓存的姿势不对,今天,我们就来一起了解下浏览器是如何进行缓存的,以及我们要怎样科学的使用缓存浏览器的缓存机制1. 什...
封面图

【工程化系列】教你如何流程化搭建一个Vite + TS + ESlint 项目

2022-02-25
阅读 3 分钟
2.8k
这个时候就能看到校验不通过的地方了一般会提示以下问题我们来逐一解决error The template root requires exactly one elementerror 'defineProps' is not defined

Link 标签的预加载机制

2019-07-07
阅读 4 分钟
4.6k
有些资源是在页面加载完成后即刻需要的,对于这种即刻需要的资源,你可能希望在页面加载的生命周期的早期阶段就开始获取,在浏览器的主渲染机制介入前就进行预加载。 这一机制使得资源可以更早的得到加载并可用,且更不易阻塞页面的初步渲染,进而提升性能。

Vuex 入门到进阶

2019-07-06
阅读 5 分钟
1.2k
Vuex 是一个专门为 vue.js 应用程序开发的状态管理模式 这个状态我们可以理解为在 data 中的属性,需要共享给其他组件使用的部分 也就是说,我们需要共享的数据,可以使用 vuex 进行统一集中式的管理

Vue 表情包输入组件

2019-01-20
阅读 2 分钟
10.9k
Emotion 一个用于vue的表情输入组件[链接]index是使用示例,emotion是组件代码(这里用的是微信表情包的地址,大家可根据需要修改) 下载安装启动项目查看效果 npm install npm run dev Emotion文件夹下Emotion文件说明 实现原理是根据字段对在线表情包图片进行匹配替换代码中 img 标签的地址即为表情图片地址,可自己根...

JS 下载文件方法分享(解决图片文件无法直接下载和 IE兼容问题)

2019-01-19
阅读 5 分钟
3.3k
由于业务需要,经常遇到下载各类文件的需求,其中最头疼的莫过于前端下载图片了,直接给个图片文件地址会变成直接打开图片,而不是弹窗提示另存为,研究了下前端实现文件下载最便捷的方法还是创建 a 标签,写入download 属性实现点击下载,但这在 ie 浏览器上的实现又与一般浏览器不同,于是摸索之后写了个通用的下载方...