原创 修改的顏色

hr{ border-color: red; } 或者 hr{ background: red; height: 1px; border: none; }

2020-06-11 18:44:19

原创 去除inline-block元素間距

現象 ： 當使用inline-block的時候，元素間會出現4px的間距（在chrome裏面 是8px），如下圖 原因 ： 元素間留白間距出現的原因就是標籤段之間的空格 解決方法一： 既然間距是因爲標籤間的空格造成的，那麼消除空格就可

2020-02-24 09:03:36 5

原创 數組去重

1:Array.prototype.fun1 = function(){var arr = []; //一個新的臨時數組for(var i = 0;

2020-02-24 09:03:36

原创 獲取url參數

想要獲取url的參數，只要記住：url的參數是存在 window.location.search中的，然後再根據參數的個數等特點用不同的方式截取，或者匹配即可。 方法一：正則法 function getQueryString(name)

2020-02-24 09:03:36

原创 jquery中html()、text()、val()的區別

——html() 用於讀取和修改元素的HTML標籤 對應JS中的innerHTML ——text() 用於讀取或修改元素的純文本內容 對應JS中的innerText 注：可以讀取所有的後代文本，不能使用在表單元素上 ——val() 用於讀

2020-02-24 09:03:36

原创 html+css 實現文本固定長度，超出顯示省略號

——html代碼 <divid="d1"></div> ——css代碼 #d1{ width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /*兼容

2020-02-24 09:03:36

原创 css display屬性詳解

CSS display屬性用於指定在頁面上使用哪種盒模型來渲染指定的元素。通俗來講就是某個元素在頁面中的顯示方式 none：元素完全從頁面中移除。它的所有後代元素同樣被移除。文檔渲染的過程中就好像在文檔樹中這個元素不存在一樣。inlin

2020-02-24 09:03:36

原创 純html實現下載圖片

今天在網上看到一個簡單的方式實現圖片下載，而不需要任何前後端交互 <a href="xxxxx.jpg" download>下載</a> 如上所示，只需要給a標籤添加download屬性即可 同時，只要給download屬性添加值，就

2020-02-24 09:03:36

原创 數字相關知識

1、數字前面的0可以省略，數字後面的0也可以省略 42.toFixed(3) // SyntaxError （因爲42.是一個數字） 42..toFixed(3) // 正確寫法 42 .toFixed(3) // 正確寫法

2018-08-25 19:12:01

原创 數組去重

1: Array.prototype.fun1 = function(){ var arr = []; //一個新的臨時數組 for(var i = 0; i < this.length; i++) //遍歷當前數組

2018-08-25 19:11:59 1

原创 獲取url參數

想要獲取url的參數，只要記住：url的參數是存在window.location.search中的，然後再根據參數的個數等特點用不同的方式截取，或者匹配即可。 方法一：正則法 function getQueryString(name)

2018-08-25 19:11:59

原创 垂直居中的幾種方法

1、display: flex; span{ display: flex; align-items:center; } 2、display: table-cell; display: table-cell; ver

2018-08-25 19:11:58 3

原创 正則基礎

修飾符用於執行區分大小寫和全局匹配: - i 忽略大小寫 - g 全局匹配 var patt = new RegExp(/x/i/g); 方括號用於查找某個範圍內的字符： - […] 查找方括號之間的任何字符

2018-08-25 19:11:58 3

原创 修改用戶選中文本的樣式

::selection{ color: XXX; background: XXX; cursor: XXX; outline: XXX; } 注： 只能向::selection添加以上css屬性

2018-08-25 19:11:58 1

原创 修改<hr/>的顏色

hr{ border-color: red; } 或者 hr{ background: red; height: 1px; border: none; }

2018-08-25 19:11:58 3