成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

mobileSite開(kāi)發(fā)Tips

CrazyCodes / 2262人閱讀 

1，根節(jié)點(diǎn)(html,body)overflow屬性會(huì)遮蓋fixed定位元素
2，fixed元素點(diǎn)擊時(shí)會(huì)彈出底部的菜單，應(yīng)該是瀏覽器特性(safari)
3，fixed元素使用后，在body里面使用padding-bottom以占位，如果放入其他元素中，最好也占位，避免IOS滑動(dòng)特性遮蓋元素
4，inline-block可以使用float讓元素保持在一條線上，無(wú)需使用vertical-align進(jìn)行對(duì)齊
5，touch事件里阻止默認(rèn)可以減少卡頓，但是touchStart里面如果阻止，頁(yè)面的滑動(dòng)會(huì)受影響。
6，需要交替顯示的元素，最好都隱藏，根據(jù)需要顯示，可以避免頁(yè)面跳動(dòng)
7，頁(yè)面返回統(tǒng)一調(diào)用histroy.back()方法就好，特殊處理進(jìn)行URL判斷
8，從哪里來(lái)到哪里去，在link里加入returnUrl來(lái)進(jìn)行回跳
9，對(duì)于浮動(dòng)的banner關(guān)閉時(shí)間，瀏覽記錄可以通過(guò)localStorage進(jìn)行存儲(chǔ)
10，如果瀏覽器開(kāi)啟無(wú)痕模式，webStroage的setItem方法會(huì)報(bào)錯(cuò)，需要try Catch提醒用戶
11，使用.clearfix:after {content: "";display: table;clear: both;}進(jìn)行圖片和文字的橫向排列
12，文字多行省略{overflow: hidden; text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-pack: center;}
13，能使用background-image當(dāng)背景的就不使用img標(biāo)簽，減少內(nèi)存占用。
14，如果需要在click事件中在綁定click事件，最好先解綁?；蛘邠Q一種思路，使用trigger進(jìn)行觸發(fā)click事件
15，需要計(jì)算內(nèi)部寬度，可以用padding進(jìn)行寬度的設(shè)置，用于布局
16，對(duì)于圖片，如果想完整放入div，需要設(shè)置display:block，否則會(huì)出現(xiàn)白邊，因?yàn)閳D片默認(rèn)是inline屬性
17，由于瀏覽器對(duì)border渲染不一致(或滑動(dòng)時(shí)候會(huì)改變寬度)，渲染粗細(xì)不均勻，可以使用div進(jìn)行模擬border，也可以使用border-image代替
18，對(duì)于圖片顯示模糊，可以使用padding進(jìn)行縮小，但不能從根本上解決問(wèn)題
19，input去掉原本樣式用圖片代替時(shí)候，需要注意IOS里面會(huì)有黑色的背景，否則可能有黑邊，設(shè)置background-color:white即可
20，關(guān)于跳轉(zhuǎn)，支付寶WAP跳轉(zhuǎn)，replace替代href跳轉(zhuǎn)
21，定時(shí)器一定要記得清理，重復(fù)時(shí)會(huì)內(nèi)存不釋放就會(huì)卡頓
____________________________________
保持更新...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/85703.html

相關(guān)文章

  • [無(wú)心插柳]簡(jiǎn)單實(shí)現(xiàn)常用的表單校驗(yàn)函數(shù)

    摘要：但當(dāng)時(shí)想著就是簡(jiǎn)單的校驗(yàn)，沒(méi)必要引插件，就自己寫一個(gè)簡(jiǎn)單的函數(shù)。隨著校驗(yàn)的需求多樣化，函數(shù)越來(lái)越大。提供了常用的校驗(yàn)規(guī)則，需要的可以擴(kuò)展。 有意取而不得，失落而歸。無(wú)意間有所獲，未有喜悅，但珍惜依舊 1.前言 表單校驗(yàn)，相信絕大部分的開(kāi)發(fā)者會(huì)遇到過(guò)，網(wǎng)上也有很多插件可使用。但當(dāng)時(shí)想著就是簡(jiǎn)單的校驗(yàn)，沒(méi)必要引插件，就自己寫一個(gè)簡(jiǎn)單的函數(shù)。隨著校驗(yàn)的需求多樣化，函數(shù)越來(lái)越大。有點(diǎn)輪子的雛形...

    BingqiChen 評(píng)論0 收藏0

  • [無(wú)心插柳]簡(jiǎn)單實(shí)現(xiàn)常用的表單校驗(yàn)函數(shù)

    摘要：但當(dāng)時(shí)想著就是簡(jiǎn)單的校驗(yàn)，沒(méi)必要引插件，就自己寫一個(gè)簡(jiǎn)單的函數(shù)。隨著校驗(yàn)的需求多樣化，函數(shù)越來(lái)越大。提供了常用的校驗(yàn)規(guī)則，需要的可以擴(kuò)展。 有意取而不得，失落而歸。無(wú)意間有所獲，未有喜悅，但珍惜依舊 1.前言 表單校驗(yàn)，相信絕大部分的開(kāi)發(fā)者會(huì)遇到過(guò)，網(wǎng)上也有很多插件可使用。但當(dāng)時(shí)想著就是簡(jiǎn)單的校驗(yàn)，沒(méi)必要引插件，就自己寫一個(gè)簡(jiǎn)單的函數(shù)。隨著校驗(yàn)的需求多樣化，函數(shù)越來(lái)越大。有點(diǎn)輪子的雛形...

    Jeff 評(píng)論0 收藏0

  • [無(wú)心插柳]簡(jiǎn)單實(shí)現(xiàn)常用的表單校驗(yàn)函數(shù)

    摘要：但當(dāng)時(shí)想著就是簡(jiǎn)單的校驗(yàn)，沒(méi)必要引插件，就自己寫一個(gè)簡(jiǎn)單的函數(shù)。隨著校驗(yàn)的需求多樣化，函數(shù)越來(lái)越大。提供了常用的校驗(yàn)規(guī)則，需要的可以擴(kuò)展。 有意取而不得，失落而歸。無(wú)意間有所獲，未有喜悅，但珍惜依舊 1.前言 表單校驗(yàn)，相信絕大部分的開(kāi)發(fā)者會(huì)遇到過(guò)，網(wǎng)上也有很多插件可使用。但當(dāng)時(shí)想著就是簡(jiǎn)單的校驗(yàn)，沒(méi)必要引插件，就自己寫一個(gè)簡(jiǎn)單的函數(shù)。隨著校驗(yàn)的需求多樣化，函數(shù)越來(lái)越大。有點(diǎn)輪子的雛形...

    JinB 評(píng)論0 收藏0

  • 11種方法實(shí)現(xiàn)一個(gè)tips帶有描邊的小箭頭（更新中...）

    摘要：查看效果第六種和背景描邊旋轉(zhuǎn)此方法就是設(shè)置一個(gè)寬度和高度分別為的方塊背景，然后背景相鄰的兩條邊描邊再有的屬性旋轉(zhuǎn)角度，來(lái)實(shí)現(xiàn)箭頭的朝向。 showImg(https://segmentfault.com/img/bVbmX2F?w=400&h=277); 我們?cè)诰W(wǎng)頁(yè)開(kāi)發(fā)中實(shí)現(xiàn)一個(gè)tips時(shí)會(huì)有一個(gè)小箭頭，實(shí)現(xiàn)這種方法的文章網(wǎng)上已經(jīng)泛濫了，但有時(shí)實(shí)現(xiàn)這個(gè)小箭頭不止只有單純的三角它還有描邊...

    oneasp 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<