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

資訊專欄INFORMATION COLUMN

一丟丟前端常用的小技巧

missonce / 2946人閱讀

摘要：獲取節點只能運用到上返回找到的元素節點速度是最快的能運用到所有元素節點上返回一個類數組的集合同上能運用到所有元素節點上返回第一個匹配的元素參數是標準的選擇器能運用到所有元素節點上返回一個類數組的集合參數是標準的選擇器操作獲取或設置元素的返回

獲取DOM節點:

document.getElementById(): 只能運用到document上, 返回找到的元素節點, 速度是最快的;

dom.getElementsByTagName(): 能運用到所有元素節點上, 返回一個類數組的集合;

dom.getElementsByClassName(): 同上;

dom.querySelector(): 能運用到所有元素節點上, 返回第一個匹配的元素, 參數是標準的css選擇器;

dom.querySelectorAll(): 能運用到所有元素節點上, 返回一個類數組的集合, 參數是標準的css選擇器;

操作class

dom.className: 獲取或設置元素的class;

dom.classList: 返回元素的所有class的一個集合;

dom.classList.add(): 追加指定的類名;

dom.classList.remove(): 移除指定的類名; 不傳參數是不會做移除的喲;

dom.classList.toggle(): 同時兼具移除和添加功能, 如果存在批定的類名則移除, 如果不存在則添加;

dom.classList.contains(): 返回一個布爾值, 判斷節點是否包含指定的類名;

其他

navigator.userAgent中MicroMessenger可以來判斷是否為WeChat;

document.referrer: 獲取來源的URL;

Array.prototype.slice.call(list): 將一個類數組的集合轉換成一個真實的數組;

input.value: 獲取input的值; input.defaultValue: 獲取input的默認值;

selectEl.value: 如果中所有標簽，是一個類數組的集合;

selectEl.options.selectedIndex: 獲取選中的索引;

selectEl.options[selectEl.options.selectedIndex].textContent: 獲取選中的文本內容;

正則

*: 匹配0到多次

+: 匹配1到多次

?: 匹配0或1次

g: 全局匹配，即不是搜到一個匹配就返回，而是搜出全部匹配 一般返回是一個數組

i: 忽略大小寫

m: 多行匹配

HTML

: 讓IE瀏覽器以最新的引擎渲染, chrome=1可以激活chrome Frame;

: 禁用IOS中鍵盤自動大寫;

如果有

包裹, 打開軟鍵盤后顯示為"前往"; 否則顯示為"換行";

CSS

-webkit-appearance: none: 移除元素的默認樣式, 尤其IOS上的表單元素, 默認會應用系統樣式;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0): 禁用元素按下后的背景顏色, 默認在移動設備上按下后會有一個灰色背景;

-webkit-touch-callout:none;: 禁用長按頁面時的彈出菜單(iOS下有效) ,img和a標簽都要加

background-size: 取值contain時, 寬高適應內容, 會全部顯示; 如果取值cover則寬高完全覆蓋背景, 可能會被裁切;

-webkit-overflow-scrolling: touch: 讓IOS中滾動條更流暢;

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

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

相關文章

  • 前端工程師的 2018 年總結

    摘要：前言時間過得很快，年已經接近尾聲了。離開大學校園已經一年半，正式工作也一年半了。年，我的本命年，今年歲，離而立之年歲，又近了一步。前端對于的相關技術棧，雖然之前也有在用，但今年是技術上達到熟練的一年，做過公眾號端管理后臺應用。 showImg(https://segmentfault.com/img/remote/1460000017441966); 1. 前言 時間過得很快，2018...

    DevYK 評論0 收藏0

  • 前端工程師的 2018 年總結

    摘要：前言時間過得很快，年已經接近尾聲了。離開大學校園已經一年半，正式工作也一年半了。年，我的本命年，今年歲，離而立之年歲，又近了一步。前端對于的相關技術棧，雖然之前也有在用，但今年是技術上達到熟練的一年，做過公眾號端管理后臺應用。 showImg(https://segmentfault.com/img/remote/1460000017441966); 1. 前言 時間過得很快，2018...

    chengtao1633 評論0 收藏0

  • 前端非常有意思的小技巧

    摘要：這是我在工作和學習中總結的一些平時不怎么常用但是很實用的方法技巧部分盒子實際大小設置超過兩行就出現省略號強制換行文字溢出隱藏鼠標設置為移動效果鼠標設置為小手效果段落中的文本不換行平面轉立體移動端取消點擊效果用繪制三角形使用來控這是我在工作和學習中總結的一些平時不怎么常用但是很實用的方法技巧: CSS部分: 　　1.盒子實際大小設置 　　 ? 　　2.超過兩行就出現省略號 　　 ? 　　3.強...

    hiyang 評論0 收藏0

  • 「前端早讀君006」移動開發必備：那些玩轉H5的小技巧

    摘要：今日勵志語錄有志者自有千計萬計，無志者只感千難萬難。三動畫技術越來越不陌生，使用門檻也漸漸降低，而且動畫還可以使用控制。掃一掃查看效果打開微掃一掃關注早讀君，每天早晨為你推送前端知識，度過擠地鐵坐公交的時光 今日勵志語錄有志者自有千計萬計，無志者只感千難萬難。 文章原出處：騰訊ISUX 開始閱讀之前你可以先掃一掃體驗demoshowImg(https://segmentfault.co...

    LittleLiByte 評論0 收藏0

  • 「前端早讀君006」移動開發必備：那些玩轉H5的小技巧

    摘要：今日勵志語錄有志者自有千計萬計，無志者只感千難萬難。三動畫技術越來越不陌生，使用門檻也漸漸降低，而且動畫還可以使用控制。掃一掃查看效果打開微掃一掃關注早讀君，每天早晨為你推送前端知識，度過擠地鐵坐公交的時光 今日勵志語錄有志者自有千計萬計，無志者只感千難萬難。 文章原出處：騰訊ISUX 開始閱讀之前你可以先掃一掃體驗demoshowImg(https://segmentfault.co...

    liuyix 評論0 收藏0

發表評論

0條評論

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