vueできれいな履歴書を書く

長い間vueやexpressの知識を学んできたので、もちろん適当な仕事を探して、希望を持って履歴書を投函したいと思っていましたが、プログラマーとしてwordで書いた履歴書を投げつけるのはLOWに見えるのではないかと思って、自分でページ版の履歴書を書くことにしました.ついでにgithubPagesに置いておきました
スタイルを選択
履歴書である以上、簡潔に考えたほうがいいので、H 5のようなページを書いたり、マウスでスクロールしてページを切り替えたりすることで、主にanimateが使われます.css結合vueのアニメーション遷移
アドレス
github:https://github.com/lyttonlee/...オンラインプレゼンテーション:https://lyttonlee.github.io/
問題
1、マウスホイールを使ってページを切り替えるため、以前は@mousewheelのような原生的な行為を理解していなかったが、それから多くの資料をめくって、主にマウスのスクロールが上か下かを判断した.结果はめちゃくちゃな结果を见つけて、最后にやはり自分で方法を考えることを决めて、それから私は転がり事件を出して见て、これは実は一目瞭然であることを発见して、直接eventを判断します.デルタの値でいいでしょう!

//           
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 = this.init - 1
  }
}

2、ここを书き终わってページをスクロールして切り替えて、とても気持ちが良くて、うれしくて何度もスクロールして、结局このページはブラシで过ぎて、见るとこれは间违って、制限が来なければならなくて、短时间の内に连続してスクロールすることができなくて、もし连続してスクロールするならば无効なスクロール行为だと思って、同じようにやはりこの事件を打ち出して、eventを発见しました.timeStampというプロパティですが、このプロパティはスクロール動作が発生した時間を記録し、このページが作成されたときからミリ秒単位で計算されますが、2回のスクロール動作が発生した間隔時間が必要です.そこで折衷の方法で、前回の有効スクロール時間を記録し、今回スクロールイベントが発生したときに今回発生した時間から前回の有効スクロール時間を差し引くと、スクロール間隔が得られ、このスクロール間隔が要求に合致していると判断すると合法スクロールとみなされ、合致しなければ無効なスクロール行為とみなされる
コード:

//             ，              
//         
let scrollduration = event.timeStamp - this.lastscroll
console.log(scrollduration)
if (scrollduration > 1000) {
//                       
this.lastscroll = event.timeStamp
console.log('     ')
//           
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 = this.init - 1
  }
}
  } else {
//               
console.log('             ！')
}

遷移アニメーションについて
vueドキュメントはすでによく書かれていて、どのように組み合わせて個人の芸術の天分を見て、ドキュメントの中の一言を借ります:
唯一の制限はあなたの想像力です
またiconfontにsegmentfaultのアイコンが見つからないと突っ込んで、自分で臨時にむやみに描くしかありません!
最后に全天下のプログラマーがすべて事业が成功することができることを祈って、家庭の幸福、体の健康