资源合并与压缩的优化方法介绍


本文摘自PHP中文网,作者不言,侵删。

本篇文章给大家带来的内容是关于资源合并与压缩的优化方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

要求

假定现在有路由/news,/login监听键盘事件,只允许在/news页面内有效不管后面跳到哪个页面,都不会触发对应的键盘事件,只能在/news里才触发

问题

没有进入/news之前,按键盘上的键,不会触发事件,进过/news后,不管有没有按键盘上的键,再跳到别的页面,按键盘上的键,都会触发事件

代码

srcviewsnews.vue

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

<template>

  <div>

    news

  </div>

</template>

 

<script>

export default {

  data() {

    return {

      flag: true, //底部图片列表显示隐藏

      name: "aa"

    };

  },

  methods: {

    keyLeft() {

      alert(this.name);

    },

    keyUp() {

      alert("向上方向键");

    },

    keyRight() {

      alert("向右方向键");

    },

    keyDown() {

      alert("向下方向键");

    },

    keys() {

      var that = this;

      document.onkeydown = function(e) {

        let key = window.event.keyCode;

        if (key == 37) {

          that.keyLeft();

        } else if (key == 38) {

          that.keyUp();

          return false; //有上下滚动条的时候,不向上滚动

        } else if (key == 39) {

          that.keyRight();

        } else if (key == 40) {

          that.keyDown();

          return false; //有上下滚动条的时候,不向上滚动

        }

      };

    }

  },

  created() {

    if (this.flag == true && this.$route.path == "/news") {

      this.keys();

    }

  },

  mounted() {}

};

</script>

以上就是资源合并与压缩的优化方法介绍的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript如何删除指定数组元素

javascript怎么删除表格行

详解js中的执行上下文和执行栈

javascript如何显示和隐藏div

javascript向php传递中文乱码怎么办

javascript变量怎么转换为字符串

javascript字符串转换函数是什么

javascript如何使用replace方法

javascript 中的 nan

javascript警告框怎么关闭

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...