学了这么久的vue和express知识,当然也想着要找一份合适的工作,抱着希望去投简历,但一想作为一个程序员,把用word写的简历投过去是不是显得太LOW了啊,于是决定自己写一个网页版的简历,顺便放到githubPages上
选择一个风格
因为既然是简历还是想着简洁一点的好,所以想着写个类似H5一样的页面,使用鼠标滚动切换页面,这样主要也就用到animate.css结合vue的动画过渡
地址
遇到的问题
1、因为使用鼠标滚轮切换页面,以前对@mousewheel这样的原生行为理解不够深,然后翻了不少资料,主要是判断鼠标滚动是向上还是向下。结果找到一堆乱七八糟的结果,最后还是决定自己想想办法,然后我把滚动事件打出来一看,发现这其实是一目了然的啊,直接判断event.deltaY的值就行了啊!
// 判断滚动方向进行操作
if (event.deltaY > 0) {
console.log('down')
if (this.init === 4) {
this.init = 1
} else {
this.init = this.init + 1
}
} else {
console.log('up')
if (this.init === 1) {
this.init = 4
} else {
this.init