原创 css3畫出六邊形
原理：利用css3的transform：rotate 屬性！旋轉三個包含關係的長方形即可，因爲子級可以繼承父級的rotate屬性所以用下面的方法就可以實現！ 方法：父級旋轉120deg，子級旋轉 -60deg，孫子級旋轉 -60
2020-06-30 09:52:53
1
原创 css3.flex項目屬性
flex-box項目屬性 order || flex-grow || flex-shrink || flex-basis order（秩序）在不改變html結構的情況下進行項目排序，默認情況下是0，從低到高排序，數值越大越靠後。 li:n
2020-06-30 08:58:38
1
原创 drawImage()方法調用問題 Canvas
在canvas中有個圖片引用的方法 drawImage（）； 首先這個方法有幾個參數context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);
2020-06-30 08:58:38
原创 純css3實現頁面平滑過渡
demo地址 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co
2020-06-30 08:58:38
原创 ES6學習之路(四) 數組拓展
數組擴展主要介紹了一些新的方法 Array.from()； 將類似數組的對象和可遍歷的對象轉換爲真正的數組 只要擁有length屬性 就可以用Array.from()來轉換成真正的數組 let arrayLike
2020-06-30 08:58:38
原创 CSS3曲線陰影與翹角陰影
曲線陰影：利用：after和：before僞類創造兩個與父級相同的元素，利用border-radius實現曲線陰影。 翹角陰影：同樣是利用上面兩個僞類創造元素，利用transform變形與旋轉實現角度陰影具體代碼： d
2020-06-30 08:58:38
原创 僞類模仿 li 前面的圓點及各種符號
項目裏有個需求就是改變li前面圓點的顏色 ，然後上網查了一下，看到知乎上有位大神提供的方法，僞類！ 代碼片 <!DOCTYPE html> <html lang="en"> <head> <meta charset
2020-06-30 08:58:38
原创 flexbox屬性總結
看了阮一峯老師的博客，自己總結一下，原文地址 flexbox 任何一個容器都可以指定爲flex佈局； flex容器（父級），flex項目（子級）； 容器存在兩根軸：
2020-06-30 08:58:38
原创 記錄一下css常用但總記不住的屬性~哈哈
鼠標變小手形狀 cursor：pointer; 鼠標變換不同形狀 cursor其他值 auto ：標準光標 default ：標準箭頭 pointer,
2020-06-30 08:58:38
原创 Canvas清空當前畫布方法
Canvas想要清空當前畫布的方法很簡單 使用 obj.clearRect(x,y,width,height); 四個參數意思是想要清空哪個座標點，寬高多少的畫布面積； Canvas時鐘demo Canva
2020-02-21 20:42:34
原创 ES6學習之路(二) 變量的解構賦值
1.數組解構賦值 什麼事解構賦值：從數組或對象中提取值，對變量進行賦值； 總結： 數組解構賦值 1.等號兩邊的模式相同，左邊的變量會被賦值上相對應的值； 2.等號右側的值多於左側變量時，變量只解構自身對應的
2020-02-21 20:42:34
原创 解決css漸變色只能渲染一屏大小方法
background: linear-gradient( #404a59,#0f1319); css背景色可以設置漸變樣式，但是這個漸變色只能渲染一屏的大小，超出一屏後會再次渲染 比如下圖 上面這個圖是打開頁面之後剛好是渲染了一
2020-02-21 20:42:34
原创 ES6學習之路(三) 字符串擴展
1.檢測字符串中是否包含着另一個字符串 indexOf（），startsWith（），endsWith（），includes（） let s='hello world!'; //檢測參數字符串是否在源字符串中，並返回參數字符串位
2020-02-21 20:42:34
原创 如何讓video寬高撐滿父級
開發中大量使用了video標籤，video標籤比較有個性，就算你設置了固定的寬高，它依然會根據其中一個屬性來自己縮放，所以總會出現空白間隙，如何使video能夠自適應的撐滿整個父級容器呢。 這裏可以給video樣式加上 objec
2020-02-21 20:42:34
原创 js判斷元素是否在可視區域內
判斷元素是否在可視區域內，在的話顯示，否則隱藏 請點擊demo地址 需求： 爲每個頁面元素添加效果，當元素滾動到可視區域內時緩慢顯示並有一定位移效果 分析： 如果想爲每個元素都添加能添加這種效果，有一個統
2020-02-21 20:42:34