原创 Jquery 爲多個元素綁定同一個事件，最好用class（多個元素指定同一個class），非要用id的話使用$('[id=xxx]')的格式
不要用id選擇器，因爲每個元素id都是唯一的。 <script> $(function () { $('.checkall').change(function () {
2021-11-26 14:00:40
原创 jQuery判斷選中的第幾個元素：普通函數使用 $('元素對象').index(this) ，箭頭函數使用 $(e.target).index();
當調用函數爲普通函數function()｛｝時： $('ul li').mouseover(function () { var index = $('ul li').index(this);
2021-11-26 14:00:40
原创 JS的 toFixed() 方法可以選中小數點乘法結果表示保留幾位小數點（參數填幾就保留幾位）
js乘法帶小數點時顯示結果默認會有1個bug，會顯示小數點後面很多位，比如： 計算12.60 * 13結果是163.79999999999998 console.log(12.60 * 13); //輸出：163.799999999999
2021-11-26 14:00:40
原创 JS引擎運行js過程
1，預解析 js引擎會把js裏面所有的 var 還有 fuction 提升到當前作用域的最前面 2，執行代碼 按照代碼執行順序從上往下執行
2021-10-29 14:01:05
原创 clear:both可以清除浮動的原理（給子元素設置clear:both相當於給它自動設置了1個mrgin-top外邊距從而可以撐開父盒子高度）
父盒子沒有設置高度，裏面的子盒子box1由於浮動導致脫離父盒子從而無法再撐開父盒子的高度，父盒子高度因此塌陷，最終導致父盒子上下邊框貼在一起。 <style> .fabox { border: 10px solid red
2021-09-13 14:02:04
原创 flex佈局之space-evenly兼容性不好，巧用space-between實現space-evenly效果
熟悉移動佈局的程序猿都知道在彈性佈局（flexbox）和網格佈局（grid）中，都有一個屬性justify-content，space-evenly是其值之一。目的是實現如下效果： 這是什麼效果呢？？？ 子元素均分容器空間，這是spac
2021-09-09 14:01:32
5
原创 li 鼠標懸停抖動問題
li因爲本身自帶1個像素的邊框，當鼠標懸停改變它的顏色時就會出現抖動的問題，此時只需把li的邊框顏色設置爲透明即可 li { width: 199px; height: 235px; border: 1px sol
2021-08-24 14:01:00
原创 css巧用 transform的 rotate屬性得到三角形箭頭（取代iconfont的字體符號）
思路： 1，先做1個正方形，然後旋轉45°即可讓箭頭分別朝向上下左右 2，需要那個朝向的箭頭就分別設置這個箭頭兩邊邊框顏色，如下代碼可以實現箭頭朝右 div { width: 8px; height: 8px;
2021-08-24 14:01:00
1
原创 css控制同級兄弟元素以及兄弟元素的子元素的樣式
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title></head> <style>.a {color : #FFFF00;} .a:ho
2021-08-19 14:00:57
6
原创 css中文字只在一行顯示，多出的部分隱藏並且使用省略號...代替
一般適用於公告展示。 操作步驟： 1，強制性讓內容不換行只在一行內顯示 white-space: nowrap 2，把div這行內溢出的部分文字隱藏 overflow:hidden 3，再把div內顯示不全的的文字用省略號替代 text-o
2021-08-19 14:00:57
原创 小米官網首頁商品列表鼠標懸停動畫和陰影效果
li{transition: all .2s linear;} li:hover { z-index: 2; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); b
2021-08-19 14:00:57
原创 CSS實現三角形箭頭
主要原理： 1，先把盒子寬度和高度設置爲0，只剩下邊框，這樣的話每個邊框都會變成1個三角形 2，需要三角形朝向哪個方向，先把所有邊框顏色設置爲透明，然後只需設置這個方向的邊框顏色就可以了（箭頭方向和邊框方向相反，比如需要箭頭朝右就需要設置
2021-08-19 14:00:57
原创 用僞類after和before實現對CSS邊框長度的控制，做出小米商城的效果圖
主要是中間的分割線，效果圖如下： Html代碼： <div class="fuwu"> <ul> <li><a href=""><i class="iconfon
2021-08-19 14:00:57
原创 iconfont使用說明
iconfont使用說明： 1，下載對應的字體包 2，解壓得到iconfont.css，在網頁文件中引入iconfont.css 3，使用<i class="iconfont icon-sousuo"></i>顯示字體，其中iconfon
2021-08-17 14:00:51
原创 CSS不再佔用原先位置的幾種情形總結
1，元素爲浮動時（float） 2，元素被設置爲絕對定位時（absolute） 3，元素被設置爲固定定位時（fixed） 4，元素的display屬性爲設置爲none隱藏時（display:none）
2021-08-17 14:00:51