- 博客(5)
- 收藏
- 关注
原创 vuex有几种属性,他们存在的意义分别是什么
有五种,分别是State、Getter、Mutation、Action、Module。StateVuex使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此他便作为一个“唯一数据源(SSOT)”而存在。这也意味着,每个应用将仅仅包含一个store实例。单一状态树让我们能够直接定位任一特定的状态片段,在调试过程中也能轻易的取的整个当前应用状态的快照。State属性是Vuex的单一状态树Getter有时候我们需要从store中的state中派生出一些状态,例如对列表进行过滤并
2022-04-25 10:53:12
439
原创 怎么实现图片懒加载
懒加载是一种网页心梗优化的方式,他能极大的提升用户体验。就比如说图片,图片一只是影响网页性能的主要元凶,现在一张图片超过几兆已经是很正常的事了。如果每次进入页面就请求所有的图片资源,那么可能等图片加载出来用户早就跑了。所以,我们需要懒加载,进入页面的时候,只请求可视区域的图片资源。总结2点:1.全部加载的话会影响用户体验2.浪费用户的流量,有些用户并不想全部看完,全部加载会耗费大量的流量。懒加载实现方式html实现最简单的实现是在img标签里加上 loading="lazy"
2022-04-25 10:18:24
400
原创 monent计算两个时间差,显示时分,解决时间相差8个小时问题
let now = moment() // 当前时间let t = moment("接口返回的时间戳").diff(now) // 相差的let time = moment(t).utcOffset(0).format('HH:mm') // 转换时间 utcOffset为解决返回时间后延了8小时问题
2021-12-14 10:43:10
1172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅