一:近期遇到的echarts折线图同房时显示两种数据的时候如果两个数据的计算方式差距较大的时候会出现重叠的情况,不如第一条线时百分比3%,第二条线时数字4,那么他们的y轴公用一条的时候就非常的危险了,会重叠在一起。解决办法是使用两条Y轴,每个Y轴单独设置刻度可以拉开两者对的距离。 二:ios的点击放大和双指放大的问题,其实这个问题我也遇到过很多次,双指缩放这个问题比较复杂,因为开发者禁止这种行为是因为双指放大会破坏我们的页面,影响我们的用户体验,但是浏览器的厂商允许这种操作也是为了自己的用户体验,比如小屏幕手机可能就需要放大来看,而且,还分为原生浏览器和非原生浏览器的区别,对于这个问题我的做法是能禁止我们就积极的禁止,做不到也没有什么别的好办法了。 1.meta标签禁止法--禁止缩放
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
2.监听touch法--禁止缩放
window.onload=function () {
document.addEventListener('touchstart',function (event) {
if(event.touches.length>1){
event.preventDefault();
}
})
var lastTouchEnd=0;
document.addEventListener('touchend',function (event) {
var now=(new Date()).getTime();
if(now-lastTouchEnd<=300){
event.preventDefault();
}
lastTouchEnd=now;
},false)
}
3.监听gesture手势操作--禁止点击放大
document.addEventListener('gesturestart', function (event) {
event.preventDefault();
});
四.最近的项目是vue全家桶+typescript。项目里面的首页需要轮播图于是就引入了swiper。npm install swiper 很愉快但是打包的时候就是报错的开始。报错的界面没有截图下来,但是大致就是缺失了 @types/swiper,所以我们在typescrip项目中如果引入swiper需要。
npm install swiper -S
npm install @types/swiper -S
在ts项目中文件都是去@types下面去找的。
并且如果你使用的是vue-awesome-swiper此法无效,以为没有@types/vue-swesome-swiper去使用。
五.还有一个点也是上面的。我们的项目的用户是公司内部的人员,昨天有人上报错误说有个字段渲染出来是undefined。经过各种测试以及场景在线,最后发现是iview下拉的一个问题:下面我重现一下过程 一个下拉的选项项,下面是重置和查询按钮,还有一个导出查询出来的结果的按钮。
private reportType:string="";
setting(){
this.reportType="";
}
querymesssage(type:string){
const result=await query(type);
}
this.querymessage(this.reportType);
如果你选完时候世界查询是不会有任何问题的,但是如果你选完之后点击了重置在点击查询,此时你会发现this.reportType="undefined";
原因其实也算是iview的封装问题,就是她的下拉项是不能。使用this.reportType="";不然会导致该参数变为undefined。我没有改源码的能力所以我的做法是。
this.querymessage(this.reportType||"");写一个或运算。这样就不会报错了。
六.我好难过啊,就两张破页面我还画出来呢么多问题,我不是一个合格的程序员。哇(大哭)。。。,我上辈子是猪么,是猪么。好吧,下次不要再这样子了。 七.写表格一定要考虑多数据滚动的问题,一定要记得 八.简直想死啊,什么破bug都能写出来
Unexpected number in JSON at position 1 at JSON.parse (<anonymous>)
JSON解析对象字符串JSON.parse(objStr) 报错 ,Unexpected number in JSON at position XXX
因为字符串中包含以 0 开头数字类型,JSON解析就会报错,所以返回的数据类型要用字符串类型string
直接导致0开头的工号没法用,还没有版本可以修复了,老天都不知道我有多绝望。