时间戳与事件方法

时间戳：

时间戳是指1970年1月1日0时0分0秒，到现在的毫秒数

1969年12月，产生了现代操作系统之父--unix操作系统 1970年发行

v-model的trim修饰符：

作用：获取到输入框值时，可以自动帮你去除首位空格

语法：v-model.trim = "数据"

存储方式：

localstorage sessionstorage

(break countine return)

 

一、JavasCRIPT时间转时间戳

JavaScript获得时间戳的方法有五种，后四种都是通过实例化时间对象new Date() 来进一步获取当前的时间戳，JavaScript处理时间主要使用时间对象Date。

方法一：Date.now()

Date.now()可以获得当前的时间戳：

console.log(Date.now()) //1642471441587

方法二：Date.parse()

Date.parse()将字符串或者时间对象直接转化成时间戳：

Date.parse(new Date()) //1642471535000
Date.parse("2022/1/18 10:05") //1642471500000

注意：不推荐这种办法，毫秒级别的数值被转化为000。

方法三：valueOf()

通过valueOf()函数返回指定对象的原始值获得准确的时间戳值:

(new Date()).valueOf() //1642471624512

方法四：getTime()

通过原型方法直接获得当前时间的毫秒值，准确：

new Date().getTime() //1642471711588

方法五：Number

将时间对象转化为一个number类型的数值，即时间戳

Number(new Date()) //1642471746435

 

事件方法：

事件方法:
@click:当单击元素时,发生click事件
@dbclick: 当双击元素时,发生dbclick事件
@focus:当元素获得焦点时,发生focus事件
@blur:当元素失去焦点时发生blur事件
@submit: 当提交表单时,发生submit事件
@keydown: 当键盘被按下时,发生keydown事件
@keyup:当键盘被松开,发生keyups事件

@mouseenter:当鼠标指针穿过(进入)被选元素时,会发生mousedown事件
@mousedown:当鼠标指针移动到元素上方,并按下鼠标左键,会发生mousedown事件。@mouseleave:当鼠标离开被选元素时,会发生mouseleave事件
@mousemove:当鼠标指针在指定的元素中移动时，会发生 mousemove 事件。@mouseout:在鼠标指针离开被选元素或任意子元素时都会被触发
@mouseover:当鼠标指针位于元素上方时，会发生 mouseover 事件
@mouseup:当鼠标指针移动到元素上方，并松开鼠标左键时，会发生 mouseup 事件 

Vue的事件处理可以分为两大类，一类是原生事件（点击事件）、一类是自定义事件（如子组件向父组件传值的时候，触发事件）。事件处理的思路都是用监听的形式对时间名进行监听，当事件被触发的时候就执行相对应的回调，可以是一段代码，也可以是一段函数。

1.对于非常简单的事件处理，我们可以直接在监听事件处直接处理。

如点击按钮的时候，打印字符串click

<button @click="console.log('click')"></button>

2.在引号内写回调函数名，不带括号

<button @click="handle"></button>

3.在引号内写回调函数，带括号

<button @click="handle()"></button>

第二种和第三种的区别是

第二种绑定的是一个回调函数，而第三种本质上是和第一种是一模一样的，带括号的函数是一段JS代码。在使用第三种方法是，我们可以给函数传入参数，并且在不同的地方可以为同一个回调函数传入不同的参数