国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

『總結(jié)』常見開發(fā)問題解決

xiaoxiaozi / 839人閱讀

摘要：移動端開發(fā)標(biāo)簽中的屬性，在去除跳轉(zhuǎn)需求，事件選用而不是，使用會失效。或者此外注意的地方有兩點在用寫事件相關(guān)代碼時，要使用事件委托的形式的時效要比要快。老版本語法老版本語法混合版本語法新版本語法待續(xù)

移動端開發(fā) a標(biāo)簽中的href屬性，在去除跳轉(zhuǎn)需求，事件選用click而不是tap，tap使用會失效。 
$(document).on("click", ".J_Remove", function(e) {
    return false;
    //或者
    e.preventDefault();
})

此外注意的地方有兩點：

在用jquery寫事件相關(guān)代碼時，要使用事件委托的形式；

return false的時效要比e.preventDefault()要快。

強制文本顯示

單行顯示語法：

white-space:nowrap;

讓一段文字在固定寬度在一行顯示，最后一個字符為省略標(biāo)記(...)，css樣式如下

div{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

多行文本最后省略號：

div{
  display: -webkit-box; 
  overflow: hidden; 
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

這里用到了文本溢出顯示省略號的，即設(shè)置溢出文本顯示為省略標(biāo)記：

語法：text-overflow:text-overflow:clip | ellipsis | ellipsis-word（css3新增加的）;

clip：表示直接裁切溢出的文本；
ellipsis：表示文本溢出時，顯示省略標(biāo)記(...)，省略標(biāo)記代替最后一個字符；
ellipsis-word：表示文本溢出時，也是顯示省略標(biāo)記(...),不同的是，省略標(biāo)記代替的是最后一個詞)

吸頂效果的實現(xiàn)

css3新增position：sticky,可采用此方法，但有兼容問題
在此推薦一個版本解決方案：

if(IOS){
    $(target).css({
        "position": "sticky",
        "top"："0",
        "left": "0"http://由項目需求決定
    })
}else{
    $(target).css({
        "position": "position",
        "top"："0",
        "left": "0"http://由項目需求決定
    })
}
Flex兼容性解決方案

flex為布局而生，但在目前瀏覽器中仍有不支持的特例。

display: -webkit-box; /* 老版本語法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本語法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本語法: IE 10 */
display: -webkit-flex; /* 新版本語法: Chrome 21+ */
display: flex;

2017.09.08待續(xù)

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/112558.html

相關(guān)文章

  • 『總結(jié)』常見開發(fā)問題解決

    摘要：移動端開發(fā)標(biāo)簽中的屬性，在去除跳轉(zhuǎn)需求，事件選用而不是，使用會失效。或者此外注意的地方有兩點在用寫事件相關(guān)代碼時，要使用事件委托的形式的時效要比要快。老版本語法老版本語法混合版本語法新版本語法待續(xù) 移動端開發(fā) a標(biāo)簽中的href屬性，在去除跳轉(zhuǎn)需求，事件選用click而不是tap，tap使用會失效。 $(document).on(click, .J_Remove, function(...

    Wildcard 評論0 收藏0

  • 內(nèi)存 問題- 收藏集 - 掘金

    摘要：然而，中依然有可能發(fā)生內(nèi)存泄漏。所以你的安卓快速定位解決內(nèi)存泄漏掘金昨天是個好日子，程序員的節(jié)日，在這里給所有的程序員送上一份遲到的祝福。應(yīng)用內(nèi)存泄漏的定位分析與解決策略掘金，大家好，我是。 Android 性能優(yōu)化之巧用軟引用與弱引用優(yōu)化內(nèi)存使用 - Android - 掘金前言： 從事Android開發(fā)的同學(xué)都知道移動設(shè)備的內(nèi)存使用是非常敏感的話題，今天我們來看下如何使用軟引用與弱...

    TIGERB 評論0 收藏0

  • 總結(jié)開發(fā)過程踩到的坑（一）

    摘要：觸摸情況下，如果釋放時沒有達到過渡條件而回彈時不會觸發(fā)這個函數(shù)獲取當(dāng)前索引回調(diào)函數(shù)，當(dāng)你輕觸后執(zhí)行。設(shè)置回調(diào)函數(shù)，用來處理服務(wù)器響應(yīng)，使用。 在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發(fā)的經(jīng)驗都是踩坑踩出來的。在通往大牛的道路上，希望自己能夠跨越重重阻礙，越走越遠。學(xué)會時常總結(jié)，不斷提升自己。 本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的坑，一方面加深自...

    instein 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<