vue - 问题汇总

• 列表网格排列：

  
  image.png

• 更新列表item数据，无法响应问题，以下两种方式都可以 https://blog.csdn.net/qq_26780317/article/details/120130388
  

  image.png

• 进度条随机值

// 进度条随机值
    addIntervalProgress() {
      //取[10, 20]之间的随机整数
      this.currentProgress = Math.floor(Math.random() * (20 - 10 + 1)) + 10;
      // console.log("1111 ---- ", this.currentProgress);
      let timer = setInterval(() => {
        this.currentProgress += Math.floor(Math.random() * 5);
        // console.log("2222 ---- ", this.currentProgress);

        if (this.currentProgress > 99) {
          this.currentProgress = 99;
          clearInterval(timer);
        }
      }, 100);
    },

• H5 播放rtsp视频流
  前段目前不支持直接播放这种格式，一般都是通过把rtsp擦、转成前段支持的格式
  1、https://cloud.tencent.com/developer/article/1805057
  VLC是一个不错的Chrome播放rtsp视频流方案，延迟低，性能稳定。但是从2015年以后，Chrome等浏览器取消对NPAPI支持后，VLC就不能直接使用了

• mac可以用node.js的多版本管理器n来升级和切换，命令如下：

1、sudo npm cache clean -f //清除node.js的cache

2、sudo npm install -g n //使用npm安装n模块

3、npm view node versions // 查看node所有版本

4、sudo n latest // 升级到最新版本

      sudo n stable // 升级到稳定版本

      sudo n xx.xx // 升级到具体版本号

5、node -v  //查看当前安装的版本号

6、n   //检查目前安装了哪些版本的node，会出现已安装的node版本，选一个就可以直接切换了