工作杂点

95 阅读1分钟

小程序设置自动换行

  • 容器里面设置
    display:flex;
    flex-wrap:wrap;

image.png

  • 在每一个item里面设置宽度
 width:25%;  //如果是3个一行,平均分配就设置33%

image.png

  • 效果

image.png

array.form 将可迭代对象转化为数组

  • set.entries() 方法返回一个新的迭代器对象 ,这个对象的元素是类似[value, value]形式的数组,value 是集合对象中的每个元素,迭代器对象元素的顺序即集合对象中元素插入的顺序。由于集合对象不像 Map 对象那样拥有 key,然而,为了与 Map 对象的 API 形式保持一致,故使得每一个 entry 的 key 和 value 都拥有相同的值,因而最终返回一个 [value, value] 形式的数组。

app.vue监听路由的跳转目的,决定对应的模板显示

  • 引用组件 image.png
  • 监听路由,如果跳转目的满足条件,就改变data的值

image.png

增加埋点

  • 在index.js里面添加一个路由守卫,每次跳转都把路径上报 image.png

轮询状态

  • note:在setinterval里面的setTimeout进行轮询操作
  // 实现轮询
  window.setInterval(() => {
   setTimeout(this.getNewMessage(), 0);
  }, 3000);
 },
 methods: {
  // 请求是否有新消息
  getNewMessage: function() {
   console.log("请求" + this.num++ + "次");
  }
 }