问题

项目中遇到的问题:

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.1pxiOS中显示较粗,用-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.iossafari中当使用委托给一个元素添加click事件时,如果事件是委托到 document  body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效。

原因很清楚了,safari中不可点击元素的click事件不会冒泡到documentbody上。

解决办法

1.click事件直接绑定到元素上(不使用事件委托)

2.需要绑定click事件的元素改成<a>或者<button>等可点击元素

3.click事件委托到非doucumentbody的父级元素上

4.给目标元素添加一条css样式 cursor:pointer(推荐这种,方便省事)

14.截取slice()规定从何处截取,如果是负数,那么它规定从数组尾部开始算起的位置。也就是说-1是最后一个元素,-2是倒数第二个元素。返回一个新数组,包括从startend(不包括)

例: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{height:;text-align:center;vertical-align:middle;font-size:图片的大小;}  img{display:inline-block;max-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;

});

 

原文地址:https://www.cnblogs.com/yingxi0/p/6962558.html