『總結』常見開發問題解決

Wildcard 發布于2019-08-21 16:21 / 537人閱讀

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

移動端開發 a標簽中的href屬性，在去除跳轉需求，事件選用click而不是tap，tap使用會失效。

$(document).on("click", ".J_Remove", function(e) {
    return false;
    //或者
    e.preventDefault();
})

此外注意的地方有兩點：

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

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

強制文本顯示

單行顯示語法：

white-space:nowrap;

讓一段文字在固定寬度在一行顯示，最后一個字符為省略標記(...)，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;
}

這里用到了文本溢出顯示省略號的，即設置溢出文本顯示為省略標記：

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

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

吸頂效果的實現

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待續

云服務器 GPU云服務器 MySQL授權問題總結常見問題 cdn常見問題cdn常見容器常見問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88436.html

『總結』常見開發問題解決

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

xiaoxiaozi 2019-08-29 13:22 評論0 收藏0
內存問題- 收藏集 - 掘金

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

TIGERB 2019-08-16 10:35 評論0 收藏0
總結開發過程踩到的坑（一）

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

instein 2019-08-01 18:25 評論0 收藏0