摘要:但是除此之外,還有很多坑比較難以解決,例如軟鍵盤(pán)喚起后遮擋住標(biāo)簽,用戶沒(méi)法看到自己輸入的字符串,則需要在輸入至少一個(gè)字符之后,才能將對(duì)應(yīng)的標(biāo)簽滾動(dòng)到合適的位置,所以為了避開(kāi)這些難以解決的坑,在有表單輸入的頁(yè)面,盡量用或者替換。
css
line-height 在google和fire 有一像素偏差
display-inline-block 對(duì)齊方式有問(wèn)題 用 vertical-align:middle
select option 只有火狐支持 onclick 解決辦法 就是迷你select下拉菜單
$(this).find("option:selected").val();
安卓和IOS position fiexd 不一樣 安卓沒(méi)有問(wèn)題 IOS 動(dòng)態(tài)設(shè)置 absolete 模擬fixed
display: flex; align-items: center; justify-content: center;
用這個(gè)寫(xiě)在外圍,里面的盒子就能圖文上下左右居中
&::after{ position: absolute; bottom: 0; right: 0; left: 0; height: 1px; content: ""; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e2e2e2; }
水平垂直居中 盒子fixed 與 input
剛接觸移動(dòng)端 Web 開(kāi)發(fā)的小伙伴應(yīng)該都會(huì)聽(tīng)前輩們說(shuō)過(guò),不要在有 input 標(biāo)簽的頁(yè)面使用 fixed 定位,因?yàn)檫@兩者在一起的時(shí)候,總是會(huì)有奇奇怪怪的問(wèn)題。
在 iOS 上,當(dāng)點(diǎn)擊 input 標(biāo)簽獲取焦點(diǎn)喚起軟鍵盤(pán)的時(shí)候,fixed 定位會(huì)暫時(shí)失效,或者可以理解為變成了 absolute 定位,在含有滾動(dòng)的頁(yè)面,fixed 定位的節(jié)點(diǎn)和其他節(jié)點(diǎn)一起滾動(dòng)。
其實(shí)這個(gè)問(wèn)題也很好解決,只要保證 fixed 定位的節(jié)點(diǎn)的父節(jié)點(diǎn)不可滾動(dòng),那么即使 fixed 定位失效,也不會(huì)和其他滾動(dòng)節(jié)點(diǎn)一起滾動(dòng),影響界面。
但是除此之外,還有很多坑比較難以解決,例如 Android 軟鍵盤(pán)喚起后遮擋住 input 標(biāo)簽,用戶沒(méi)法看到自己輸入的字符串,iOS 則需要在輸入至少一個(gè)字符之后,才能將對(duì)應(yīng)的 input 標(biāo)簽滾動(dòng)到合適的位置,所以為了避開(kāi)這些難以解決的坑,在有表單輸入的頁(yè)面,盡量用absolute 或者 flex 替換 fixed。
ajax 緩存1.ajax緩存只對(duì)GET方式的請(qǐng)求有效,而瀏覽器認(rèn)為POST請(qǐng)求提交表單內(nèi)容必定有變化,所以不走緩存。
2.在默認(rèn)的情況下,一般發(fā)送ajaxget請(qǐng)求,IE瀏覽器第一次會(huì)向服務(wù)器端請(qǐng)求,獲取最新數(shù)據(jù),如果地址和參數(shù)不變,第二次及以后再發(fā)送請(qǐng)求,
它就默認(rèn)獲取的緩存數(shù)據(jù),這樣的問(wèn)題是ie中很常見(jiàn)的問(wèn)題,一般POST則 認(rèn)為是一個(gè) 變動(dòng)性 訪問(wèn) (瀏覽器 認(rèn)為 POST的提交 必定是 有改變的)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/83041.html
摘要:?jiǎn)栴}復(fù)現(xiàn)經(jīng)過(guò)一段時(shí)間的調(diào)研工作,終于將公司的環(huán)境改造成支持訪問(wèn)模式,信心滿滿的打開(kāi)公司測(cè)試環(huán)境主頁(yè),。當(dāng)一個(gè)網(wǎng)頁(yè)出現(xiàn)這種情況時(shí),它被稱為混合內(nèi)容頁(yè)面。請(qǐng)求,默認(rèn)行為。 前言 最近在主導(dǎo)公司網(wǎng)站進(jìn)行全站Https改造工作,本文記錄在改造過(guò)程中遇到的一個(gè)由于后端302跳轉(zhuǎn)導(dǎo)致前端瀏覽器阻止訪問(wèn)的問(wèn)題,感覺(jué)這樣的問(wèn)題有一定通用性,所以編輯成文,希望能給遇到類似問(wèn)題的人們有所幫助。 問(wèn)題復(fù)現(xiàn) ...
摘要:寫(xiě)在前面年月日,我只身一人來(lái)到北京,開(kāi)始人生中的第一份工作,在一家國(guó)企從事軟件開(kāi)發(fā)工作。因?yàn)楝F(xiàn)在晚飯都是在公司吃,如果不是刷朋友圈,我是不知道北京哪天的夕陽(yáng)又刷屏了的,因此錯(cuò)過(guò)了很多美麗的瞬間,也算一點(diǎn)遺憾吧。 ...
摘要:健全的告警分析體系真正認(rèn)識(shí)你的團(tuán)隊(duì)好的告警分析機(jī)制能夠幫助管理者分析團(tuán)隊(duì)整體的工作情況,根據(jù)作為評(píng)判標(biāo)準(zhǔn)。根據(jù)告警內(nèi)容分析也是很有必要的,能夠幫助團(tuán)隊(duì)管理者對(duì)資源進(jìn)行適當(dāng)?shù)恼{(diào)整,工作重心的調(diào)整。 「路漫漫其修遠(yuǎn)兮,吾將上下而求索」,「轉(zhuǎn)身」不見(jiàn)得華麗,但我必須「轉(zhuǎn)身」,不要安逸于現(xiàn)在的運(yùn)維狀況。 如果你運(yùn)維一線人員,是否會(huì)遇到以下情況: 公司所有的服務(wù)器告警消息會(huì)塞滿自己的整個(gè)郵箱,...
摘要:我通過(guò)這篇文章把今天工作中遇到的跨域和請(qǐng)求的一個(gè)坑記錄下來(lái)。預(yù)檢請(qǐng)求機(jī)制的使用,是為了避免跨域請(qǐng)求對(duì)服務(wù)器的用戶數(shù)據(jù)產(chǎn)生未預(yù)期的影響。我使用了認(rèn)證方式,這種方式不會(huì)造成該請(qǐng)求成為一個(gè)需要預(yù)檢的請(qǐng)求,所以最后跨域成功了。 我通過(guò)這篇文章把今天工作中遇到的HTTP跨域和OPTION請(qǐng)求的一個(gè)坑記錄下來(lái)。 場(chǎng)景是我需要在部署在域名a的Web應(yīng)用里用JavaScript去消費(fèi)一個(gè)部署在域名b的...
閱讀 1647·2021-10-18 13:35
閱讀 2422·2021-10-09 09:44
閱讀 882·2021-10-08 10:05
閱讀 2837·2021-09-26 09:47
閱讀 3677·2021-09-22 15:22
閱讀 493·2019-08-29 12:24
閱讀 2068·2019-08-29 11:06
閱讀 2908·2019-08-26 12:23