那些无知引起的bug

2.axios提交form-data格式数据问题

// 方法一 qs转化参数
import qs from 'qs'
axios({
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded' // 请求头部配置
    },
    data: qs.stringify(data) // 请求参数转换
})
**： 请求参数有File文件对象时，不能用上述转化

// 方法二 new FormData() 构造请求参数
let formData = new FormData()
formData.append('argname',argvalue)  // formData中添加请求参数和值
...
axios({
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded' // 请求头部配置
    },
    data: formData 
})
**： 请求参数中有File文件对象时可采用此方式

3.flex布局中 flex-basis属性失效问题

区域设置有flex-basis属性，但依然会在页面尺寸变化时变化

// 可能原因一：
flex布局下的有的区块内部 里面有固定的with。

4.vue中 ref 的引用

<template>
    <div ref="div"></div>
    <ul>
        <li v-for="(item,index) in items" :key="index" :ref="index"></li>
    </ul>
</template>
<script>
  this.$refs.div // 直接获取到元素
  this.$refs[index] // 获取到一个数组；当ref在v-for渲染时生成时，获取到的是一个数组元素
</script>

5.https的网页中调用http资源

默认情况下https的网页中请求http资源会阻塞资源请求，https的网页中也要请求https的资源

6.getUserMedia 调用设备麦克风和摄像头等权限问题

MediaDevices.getUserMedia只工作于以下3种环境：

1. localhost域
2. https域
3. 使用 file:/// 协议打开的本地文件