项目中遇到的问题:
1.使用iscroll插件,安卓手机底部出现白框。
2.点击事件,iOS上出现背景框,处理把块状元素换成行内元素,闪烁背景消失。
3.在和native交互时,刚开始不是太明白,做项目中弄明白了。
4.点击出现背景色换成a标签用-webkit-tap-highlight-color:rgba(255,0,0,0)
5.移动端适配问题。以及用精灵图做适配,background-size:整体图的宽高;background-position:一个图的width 0;width:一张图的宽;height:一张图的高。
6.点击input框聚焦,在安卓手机上显示,在iOS上不显示。
7.在做品牌分类时,调用两个接口,在一个接口中需要遍历,根据遍历获取对应的数据,刚开始思路错误,获取数据与native的不同,后来师兄讲解了一下,在跨域处理时,董建斌运用递归数据对应相同。
8.搜索页,由于调用不用的接口,导致数据不匹配,后台给说调另一个接口,数据匹配。
9.移动端样式修改问题。
10.打点和native交互。
11.1px在iOS中显示较粗,用-webkit-transform:scaleY(0.5);-webkit-transform-origin:(0,0);可以解决。
12.在iOS中,input框出现阴影,用-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-appearance:none;
不好的地方:由于我的工作效率,没有在评估的时间内完成任务,导致项目延期,所有的同事都等着我,发布时间也延期。同时自己做出的bug较多,技术方面不足,与同事交流不多,解决问题能力有待提高。
好的地方:页面布局和样式做出来,但是还是有不懂之处,还得好好学习,提升自己的技术和能力。
13.ios的safari中当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效。
原因很清楚了,safari中不可点击元素的click事件不会冒泡到document和body上。
解决办法
1.将click事件直接绑定到元素上(不使用事件委托)
2.需要绑定click事件的元素改成<a>或者<button>等可点击元素
3.将click事件委托到非doucument或body的父级元素上
4.给目标元素添加一条css样式 cursor:pointer(推荐这种,方便省事)
14.截取slice()规定从何处截取,如果是负数,那么它规定从数组尾部开始算起的位置。也就是说-1是最后一个元素,-2是倒数第二个元素。返回一个新数组,包括从start到end(不包括)
例:var str=”habbccd”;
Str.slice(0,-3)得出habb
Substring不接受负数
Substr()可以接受负数(start,end(截取的长度))
15.在售后服务中点击售后进度点击2次,显示loading且不消失, 解决wpCommon.viewShow();
16.给定宽高图片垂直水平居中
解决:<dl><dt><img src=""/></dt><dd></dd></dl> dt{width:; height:;text-align:center;vertical-align:middle;font-size:图片的大小;} img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;}
17.在售后进度中点击查看详情进行评价,填写评价进入评价页没有数据显示 处理:需要判断一下工单编号的入口。
if(urlRequest.workOrder){
var workOrder=urlRequest.workOrder;
}else{
var workOrder=serviceDetail.workOrder;
}
18.优惠券点击查看更多时,没有显示数据 处理:在调取成功函数后加上complete:true(加载数据结束)。
19.新增所有品牌角标
获取链接中的信息,原生的回调函数中获取数据
例:WPBridge.callMethod('JsInvokeNative','wpGetDeviceUUID方法',{},function(msg) {
链接中获取的信息deviceUUID=msg.data.result;
});