欧美成人午夜免费全部完,亚洲午夜福利精品久久,а√最新版在线天堂,另类亚洲综合区图片小说区,亚洲欧美日韩精品色xxx

扣丁學(xué)堂淺談HTML5與APP混合開發(fā)遇到的問題(二)

2018-04-27 11:03:02 1448瀏覽

我們上篇文章已經(jīng)和大家分享了一些扣丁學(xué)堂HTML5在線學(xué)習(xí)視頻教程講解的關(guān)于HTML5與APP混合開發(fā)遇到的問題及解決方法，本篇文章小編繼續(xù)帶大家看一些常見的問題及解決方法。

問題4:移動端1px的問題

 

問題描述：

 

由于不同的手機有不同的像素密度,css中的1px并不等于移動設(shè)備的1px。項目中使用js和rem做移動端的屏幕適配，所以產(chǎn)生0.5px的情況，導(dǎo)致低版本的手機展示不了0.5px的邊框。

 

解決方法：

 

使用css解決1px的問題，并且給需要設(shè)置成1px的dom元素直接寫上：border-width:1px;

 

代碼：

 

//HTML部分：
<divclass='class1'></div>

//css部分：
.class1{
border:1pxsolid#ccc;
}

//css部分
/*移動端正常展示1px的問題start*/
%border-1px{
display:block;
position:absolute;
left:0;
width:100%;
content:'';
}
.border-1px{
position:relative;
&::after{
@extend%border-1px;
bottom:0;
border-top:1pxsolid#ccc;
}
&::before{
@extend%border-1px;
top:0;
border-bottom:1pxsolid#ccc;
}
}
@media(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){
.border-1px{
&::after{
-webkit-transform:scaleY(0.7);
transform:scaleY(0.7);
}
}
}
@media(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){
.border-1px{
&::after{
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
}
}
}
/*移動端正常展示1px的問題end*/ 

問題5：js無法正確解析到url包含"="號的參數(shù)值

 

問題描述：

 

項目中，由于數(shù)據(jù)請求的參數(shù)值是從url地址中獲取的參數(shù)值，并且參數(shù)值包含"="號，導(dǎo)致無法正確解析到參數(shù)值(ps:js使用"="號分割url的參數(shù))

 

解決方法：

 

將url進行轉(zhuǎn)碼，再解碼【本項目中，APP端提供轉(zhuǎn)碼后的url地址，前端使用geturlparams插件，獲得url地址的參數(shù)值】

 

代碼：

 

//解碼"="號
dom.token=decodeURI($.query.get("token"));//插件
//獲取無需解碼的值
dom.msgid=$.query.get("msgid");

 

問題6：原生js的事件監(jiān)聽和jquery的事件綁定在ios中失效

 

問題描述：

 

使用事件監(jiān)聽或事件綁定時，由于父元素選擇body或document元素，導(dǎo)致在ios中事件觸發(fā)無效

 

解決方法：

 

不使用body和document元素作為父級元素

 

問題7：ios中日期顯示為NaN

 

問題描述：

 

Date的日期格式，在ios中有兼容性問題，ios的日期會顯示成：NaN

 

解決方法：

 

解決方法：在ios中支持"2017/12/2619:36:00"，而不支持"2017-12-2619:36:00"格式，后面一種格式，在ios中顯示Nan（Android中都可以顯示正常）

 

代碼：

 

vartime="2017-12-2619:36:00";
time=time.replace(/\-/g,"/");//將時間格式的'-'轉(zhuǎn)成'/'形式，兼容iOS 

問題8：click事件在ios中有問題

 

問題描述：

 

click事件在ios點擊觸發(fā)時，會選中事件委托的父級元素模塊【即：由于事件冒泡，并且父級有默認樣式】，并且有一個透明層，例如：

 

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul> 

解析：例如ios用戶點擊"列表項1"時，父層的ul會有一個透明的樣式。

    關(guān)于HTML5與APP混合開發(fā)遇到的問題小編就為大家說到這里了，想要了解更多內(nèi)容的小伙伴可以登錄扣丁學(xué)堂官網(wǎng)查詢?？鄱W(xué)堂是專業(yè)的HTML5培訓(xùn)機構(gòu)，不僅有專業(yè)的老師和與時俱進的課程體系，還有大量的HTML5在線視頻供學(xué)員觀看學(xué)習(xí)哦。扣丁學(xué)堂H5技術(shù)交流群：559883758。

【關(guān)注微信公眾號獲取更多學(xué)習(xí)資料】

查看更多關(guān)于“HTML5開發(fā)技術(shù)資訊”的相關(guān)文章>>