题:
有时候发现修改了样式或者js,刷新的时候不变,这就是客户端缓存了css或者js文件,需要清一下缓存。为了不必每次都清一下缓存,应该怎么弄呢?
解决办法:
在js或css后面加上随机数或者时间戳,降低缓存影响。因为客户端会缓存css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷性缓存的作用。
写法:
前端开发中,处理时间戳是一个常见的任务,原生的JavaScript日期对象在处理时间戳时存在一些痛点,开发者们就在不断地寻找更简便、更有效的方法来管理和操作时间戳。而Day.js,正是一个为此问题而生的解决方案。
为了解决这些问题,Day.js应运而生。Day.js是一个轻量级的JavaScript日期库,它提供了简单、灵活和易于使用的API,解决了前端处理时间戳的痛点。
使用Day.js非常简单。首先,我们需要安装:
npm install dayjs
下面是使用的例子:
// 引入
import dayjs from 'dayjs'
// 输出当前日期和时间
const now = dayjs()
console.log(now)
// 输出当前日期的格式化结果,例如:2023-11-14
const formattedDate = dayjs().format('YYYY-MM-DD')
console.log(formattedDate)
// 输出当前时间的时间戳,以毫秒为单位
const timestamp = dayjs().valueOf()
console.log(timestamp)
// 输出明天的日期和时间
const tomorrow = dayjs().add(1, 'day')
console.log(tomorrow)
// 输出一个布尔值,表示给定日期是否在当前日期之后
const isAfter = dayjs('2023-11-15').isAfter(dayjs())
console.log(isAfter)
总结起来,Day.js是一个轻量级、简单易用且功能强大的JavaScript日期库,它解决了前端处理时间戳的痛点。通过提供简洁的API和丰富的功能,Day.js使得处理日期和时间变得简单而直观。如果在前端开发中需要处理时间戳,不妨尝试使用Day.js来提升开发效率和用户体验。
写公共方法,这里以赋值到 laytpl 对象为例
之所以将方法暴露给写成方法,是便于能读取到。
toDateString(d, format) 方法接受两个参数。其中 d 可以是日期对象,也可以是毫秒数。format 是日期字符的格式,你可以随意定义,如:yyyy年MM月dd日
在列模板中调用时间戳的处理方法
讲解:
d.time 中的 time 即是你接口返回的字段,如果是 unix 时间戳,这里记得要 d.time*1000,如果是毫秒数,这里直接传 d.time 即可。
*请认真填写需求信息,我们会在24小时内与您取得联系。