微信小程序開發(fā)之IOS和Android兼容的問題
微信小程序開發(fā)之IOS和Android兼容的問題
一、時(shí)間轉(zhuǎn)換問題：
這不只是小程序上面的問題是ios系統(tǒng) 都有這個(gè)問題
就是new Date("2017-06-16") 在IOS會(huì)出現(xiàn)NAN的情況所以對(duì)于時(shí)間轉(zhuǎn)換需要另行封裝，解決方案如下
1.替換”-“為”/“
2.刪除”.“后面的字符串（帶毫秒也會(huì)有問題）
代碼如下：
/**
* 字符串轉(zhuǎn)換為時(shí)間
* @param {String} src 字符串
*/
strToDate(dateObj){
dateObj = dateObj.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '').replace(/(-)/g, '/')
dateObj = dateObj.slice(0, dateObj.indexOf("."))
return new Date(dateObj)
}
二、fixed定位問題
整個(gè)頁面的fixed定位，在ios下下拉會(huì)觸發(fā)下拉事件，但是沒有動(dòng)畫效果。Android就能正常運(yùn)行
flex中使用 絕對(duì)定位，ios出現(xiàn)嚴(yán)重錯(cuò)位，導(dǎo)致父級(jí)元素也會(huì)變成絕對(duì)定位，Android能達(dá)到理想效果
總而言之 盡量不用fixed
三、absolute定位問題
1.使用absolute定位，并且寬帶設(shè)置了100% 并且設(shè)置了padding就會(huì)導(dǎo)致屏幕寬度溢出，出現(xiàn)頁面左右可以移動(dòng)的bug，模擬器上是沒有問題，但是真機(jī)上是有這個(gè)問題的。這個(gè)問題讓我調(diào)試并痛苦了許久
2.使用absolute并且當(dāng)前元素是flex容器這種情況在Ios下面布局不會(huì)起到左右，會(huì)出現(xiàn)所有元素轉(zhuǎn)換成了absloute并且文字錯(cuò)位
3.總而言之 盡量不用 absolute
四、 word-spacing在button中的問題
有時(shí)候在使用大按鈕的時(shí)候兩個(gè)字中間希望有段間距，但是目前沒有找到能使用的占位符，所以使用了的word-spacing加空格 這個(gè)方法來設(shè)置文字的間距，但是在iPhone6s 上兩個(gè)字中間一個(gè)空格的時(shí)候整體會(huì)向右偏，必須設(shè)置兩個(gè)空格才正常！
如有疑問請(qǐng)留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
Js實(shí)現(xiàn)累加上漂浮動(dòng)畫示例
這篇文章主要為大家介紹了Js實(shí)現(xiàn)累加上漂浮動(dòng)畫示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
這篇文章將深入探討閉包和內(nèi)存泄漏之間的關(guān)系，并通過具體的代碼案例來證明閉包并不必然導(dǎo)致內(nèi)存泄漏，感興趣的小伙伴可以跟隨小編一起了解一下2023-06-06
three.js中文文檔學(xué)習(xí)之如何本地運(yùn)行詳解
這篇文章主要給大家介紹了關(guān)于three.js中文文檔學(xué)習(xí)之如何在本地運(yùn)行的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
本文給大家分享bootstrap輪播h tml代碼，代碼簡單易懂非常不錯(cuò)，具有參考借鑒，需要的朋友參考下吧2016-12-12
javascript 窗口加載蒙板 內(nèi)嵌網(wǎng)頁內(nèi)容
用于在現(xiàn)有窗口上加載蒙板，在蒙板內(nèi)在嵌入其他頁面內(nèi)容2010-11-11
JS實(shí)現(xiàn)的簡單拖拽購物車功能示例【附源碼下載】
這篇文章主要介紹了JS實(shí)現(xiàn)的簡單拖拽購物車功能,涉及javascript事件響應(yīng)及頁面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,并附帶完整實(shí)例源碼供讀者下載參考,需要的朋友可以參考下2018-01-01
利用js實(shí)現(xiàn)前后臺(tái)傳送Json的示例代碼
下面小編就為大家分享一篇利用js實(shí)現(xiàn)前后臺(tái)傳送Json的示例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
在 JavaScript 中，有一些操作符可以使代碼更簡潔、易讀和高效。這篇文章為大家整理了11個(gè)JavaScript中常用操作符的使用，需要的可以參考一下2023-04-04
js實(shí)現(xiàn)做通訊錄的索引滑動(dòng)顯示效果和滑動(dòng)顯示錨點(diǎn)效果
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)做通訊錄的索引滑動(dòng)顯示效果和滑動(dòng)顯示錨點(diǎn)效果。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
js將列表組裝成樹結(jié)構(gòu)的兩種實(shí)現(xiàn)方式分享
最近做的任務(wù)提了新的需求,需要實(shí)現(xiàn)一個(gè)樹形結(jié)構(gòu),所以下面這篇文章主要給大家介紹了關(guān)于js將列表組裝成樹結(jié)構(gòu)的兩種實(shí)現(xiàn)方式,需要的朋友可以參考下2022-01-01