原创 input 警告[DOM] Input elements should have autocomplete attributes (suggested: "new-password")
控制檯顯示： 今天使用input是出現了這個提示，雖然無關緊要，但是在控制檯裏顯示感覺很不舒服，必須去掉它！ 經查是由於未添加autocomplete 屬性造成的 出問題的html代碼： <div class="input-group"
2019-04-05 19:10:28
316
原创 ie6-ie8不支持opacity，rgba解決方法
在IE8下，css中的opacity，rgba並不會被解析，我們就得需要換一種寫法 需要加上下面這句話： filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 或者簡寫爲
2018-11-04 11:51:36
原创 使用Jquery選擇器排除某元素
使用Jquery選擇器來排除某元素，核心的方法是使用 not 方法 #非第一個元素 $(".mainTables tr").not("tr:first").click(function(){ }); //或者 $(".somecla
2018-11-04 11:51:36
原创 button或a標籤 點擊後移開出現邊框或下劃線的移除
其實添加一下css 就可以，以button爲例 .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.f
2018-11-04 11:51:36
原创 CSS清除浮動的幾種方式
浮動對頁面的影響： 如果一個父盒子中有一個子盒子，並且父盒子沒有設置高，子盒子在父盒子中進行了浮動，那麼將來父盒子的高度爲0.由於父盒子的高度爲0， 下面的元素會自動補位，所以這個時候要進行浮動的清除(不要在浮動元素上清除
2018-08-28 10:20:36
原创 如何解除80端口被佔用
雖然本文章主要以80端口號爲例，但是其他的端口號也可以使用該方法 1、在windows下如何查看80端口占用情況?是被哪個進程佔用?如何終止等. （1）點擊"開始"--"運行"（快捷鍵：win+R）,輸入"cmd"後點擊確定按鈕
2018-08-28 10:20:36
3
原创 mui顯示加載中動畫
最近使用mui較多，每次頁面加載時希望顯示加載中的樣式，就是那種一直轉圈的，但是在mui的官方文檔中的對話框並沒有這種樣式，在網上查了一下，發現可以引入插件的形式，顯示加載中樣式，但每個頁面都要引入頗爲麻煩，仔細研究後發現mui中也有這種
2018-08-28 10:20:36
原创 css3 字體自動換行第二行縮進一格
我們知道css中text-indent屬性可以使每個段落首行開頭文字縮進，如縮進2個文字距離樣式。 p{ text-indent: 2em; /*em是相對單位*/ } 注：em是相對長度單位。相對於當前對象內文本的字體尺寸。我們中文段
2018-08-28 10:20:36
原创 vue顯示數據時，頁面閃現原始代碼解決方案
1. 首先在view中掛載的標籤上添加v-cloak 例： <div id="app" v-cloak> ... </div> 2. 在view上引用css模塊並在css中加入 [v-cloak]{
2018-08-28 10:20:36
原创 移動端手機瀏覽器頁面出現上下滑動頁面是澀的感覺，不流暢
最近在做手機端頁面時，出現了上下滑動頁面感覺很澀、不流暢的問題，經過在網上一番查找，發現添加如下代碼就好： body { -webkit-overflow-scrolling: touch; overflow-scro
2018-08-28 10:20:33
原创 naturalWidth 與 naturalHeight
在HTML 5中，新增加了兩個用來判斷圖片的寬度和高度的屬性(圖片原始大小)，分別爲 naturalWidth 和naturalHeight屬性，例子如下： 注意問題： - 圖片沒有加載的時候 值爲0，0 - 與img 設置的widt
2018-08-28 10:20:33
原创 單行文本與多行文本超出範圍隱藏並顯示省略號
在做項目時，很多時候文本內容未超出我們想讓它顯示的內容，這個時候，就需要把超出的範圍隱藏起來 /*****單行文本超出隱藏並顯示省略號*****/ .element{ width: 20em;/*不允許出現半漢字截斷*/ overflo
2018-08-28 10:20:33
原创 input選中發光效果
有時我們需要讓input選中時，有個類似發光的效果，如下圖所示 其實，這種效果很好實現，代碼如下： input:focus{ border-color: #ff962d !important; outline:
2018-08-28 10:20:33
1
原创 CSS設置行間距和字間距
行間距： CSS中通過line-height是一個比較常用的屬性，可以實現行間距的設置，line-height的值表示的是兩行文字之間基線的距離（line-height可以實現文字垂直居中效果，但我一般用flex佈局來實現，感覺fle
2018-08-28 10:20:33
原创 移動端rem佈局鏈接
之前做移動端頁面時，公司要求使用自適應佈局，所以想到了使用rem佈局，在網上也查詢了了不少介紹方案，就把一些有用的列一下： 1.手機端頁面自適應解決方案—rem佈局 鏈接：https://www.jianshu.com/p/b00cd35
2018-08-28 10:20:33