入社会已两年有余,今拾花,能助未来之己一臂之力足矣。颇有遗漏,日后再补。
后端返回数据问题
后端传long类型到前端会丢失精度,因为js long只有16位
echarts
散点图(scatter)
当有多个series时scatter不随visualMap生效变色,是因为要指定哪个series生效,可以使用seriesIndex:n,指明第n个series生效
地图
点击事件不生效
要使用geo创建的地图才能有地图的数据,才能用点击事件获取数据。series的map获取不了数据
大小设置
echarts 的 div 用百分比定义会有bug,尽量用px,vw,vh等
请求
获取流图片
设置接收格式为blob,responseType: 'blob',把blob格式数据转为url,
URL.createObjectURL是new Blob文件的方法,可以生成一个普通的url,可以直接使用,比如用在img.src上。this.orderImg = window.URL.createObjectURL(res);
request({
url: this.baseUrl + '/npo-workflow/history/getBpmnImg',
responseType: 'blob',
params: {
processInstanceId: this.procInstId,
},
})
.then(res => {
console.log(res);
this.orderImg = window.URL.createObjectURL(res);
resolve(res);
})
.catch(err => {
reject(err);
});
});
Vue2
响应问题
例如:给数组用除了push,split,等方法赋值时,会有响应问题,即数据改变了,视图没改变。可以用this.$set(object,key,vlaue)方法手动增加响应式
移动端
缩放问题
要禁止缩放