原创 canvas樣式和顏色
color（顏色） fillStyle = color; // 設置圖形的填充顏色 stokeStyle = color; // 設置圖形的輪廓顏色 注： color表示css顏色字符串，可以是字符串，漸變對象或者圖像，默認情況下
2018-10-27 11:49:54
原创 canvas繪圖形狀總結
矩形 rect(x,y,width,height) // 創建矩形 fillRect(x,y,width,height); //創建填充的矩形 strokeRect(x,y,width,height); // 創建輪
2018-10-27 11:49:54
4
原创 瀏覽器渲染原理及解剖瀏覽器內部工作原理
一、瀏覽器如何工作 簡單地說，頁面渲染就是瀏覽器將html代碼根據CSS定義的規則顯示在瀏覽器窗口中的這個過程。先來大致瞭解一下瀏覽器都是怎麼工作的： 用戶輸入網址（假設是個html頁面，並且是第一次訪問），瀏覽器向服務器發出請求，
2018-10-19 22:11:46
原创 chrome瀏覽器上傳圖片卡死的解決方法
最近用chrome瀏覽器上傳圖片時，總是卡死，不管是自己的程序，還是別人家的網站，都卡死。如圖： 只有卸載重裝之後纔可以上傳，但是電腦關機重啓後，chrome瀏覽器必須重裝才行，找了很久，沒找到解決方法，始終重裝瀏覽器總是不行的。
2018-10-10 10:50:59
原创 vue-cli升級採坑記
想用vue3.0創建項目，然後參考https://cli.vuejs.org/guide/installation.html，然後按照文檔操作。 1、卸載之前安裝的vue-cli npm uninstall vue-cli -g 2、然
2018-09-05 15:20:40
原创 CSS之僞隨機背景
前面文章中有說到漸變實現條形背景，如下： div{ width: 600px; height: 200px; } .grad-03{ background: linear-gradient(90deg,orange
2018-09-03 11:37:35
2
原创 在瀏覽器的標籤頁顯示網站標誌圖標（或指定圖標）的方法
如下圖： 對於不同的瀏覽器，方法是有差別的 1.對於IE或TT瀏覽器：把需要顯示的16x16像素的ICO圖標命名爲favicon.ICO放置在網站根目錄下，瀏覽器會自動檢索 2.這大概是所有瀏覽器通用的在標籤頁加入指定圖標的方法：
2018-09-03 11:37:35
原创 tab-size屬性
tab-size 自定義製表符的寬度。 通常我們使用pre來展示，比如我們要展示帶格式的代碼塊，pre標籤是我們最好的選擇，但是在瀏覽器展示中，tab相當於8個字符，這個就很頭疼了，所以展示只能避開tab鍵了，那麼，有更好的方法解決這個問
2018-09-03 11:37:35
3
原创 CSS3之hyphens（連字符）
1、連字符 連字符分爲硬連字符和軟連字符： 硬連字符： ＆hyphen; ，即使該單詞沒有中間換行，也會顯示連字符 軟連字符： ＆shy; ，只有單詞中間換行才顯示連字符 2、hyphens 屬性 CSS3提供了 hyphens
2018-09-03 11:37:35
原创 CSS中的斑馬條紋
表格中的斑馬條紋 表格中的斑馬條紋很容易實現 你可以使用nth-child來實現： tr:nth-child(even){ background: #E9E9E9; } 也可以使用nth-of-type來實現： tr:nth-o
2018-09-03 11:37:35
原创 CSS3之沿環形路徑移動
實現環形路徑移動，我們主要利用以下兩個屬性： animation-origin rotate(1turn) 通用CSS樣式： .round{ width: 200px; height: 200px; border-
2018-09-03 11:37:35
原创 radial-gradient()的前世今生
1、radial-gradient() 原理 CSS radial-gradient()函數創建一個由原點（漸變中心）輻射開的顏色漸變的圖片，邊緣形狀只能爲爲circle或者ellipse，其結果屬於<gradient>數據類型，是一種特
2018-09-03 11:37:34
原创 純CSS實現糖果按鈕
廢話不多說，直接上代碼： 注：爲了減少代碼量，以下代碼均沒寫兼容性寫法。 <a class="button" href="#">Candy</a> .button { /* text */ text-decoration
2018-09-03 11:37:34
1
原创 清除Chrome瀏覽器下默認淺黃色背景（保存密碼時出現）
當某個登錄的頁面我們保存密碼之後，後面登錄賬戶名和密碼會自動填充，我們可以觀察到，Chrome瀏覽器自動加了一層淡黃色的背景，如下圖： 那麼我們改如何清除默認的樣式呢？ 首先我們看到它默認的代碼如下： 看到這個，是不是馬上想到如
2018-09-03 11:37:34
原创 box-shadow學習筆記整理
box-shadow不用多說，大家都知道是給元素設置陰影的，但是使用過程中有很多有意思的技巧。 定義 box-shadow是以逗號分隔列表來描述一個或者多個陰影效果。同時如果設置了border-radius，陰影同樣對圓角生效。如果同時設
2018-09-03 11:37:34