前端開發筆記

2021-09-29 10:00:22 字數 821 閱讀 5824

1、移動端控制台

2、頁面布局calc()函式

合理的使用calc函式可以解決一些難纏的頁面布局

比如：自適應布局中空中的字需要超過一定寬度出點點，還不能擠掉後面的

使用固定值和百分比多不合理，這樣就可以使用calc() ，max-width: calc(100% - 100px)就是當前div的寬度減去其他部分的寬度

3、禁用指定元素tab鍵切換失效

元素加tabindex="-1"

4、判斷瀏覽器型號和裝置型別方法（包括可以判斷坑坑的360瀏覽器）

5、uuid生成器方法

function uuidgenerator() )


}
6、等寬布局

.ul 


.li
7、均勻分布並且可以自動換行

.ul
6、滾動條美化

/* 滾動條 */


::-webkit-scrollbar-thumb:horizontal 


::-webkit-scrollbar-track-piece 


::-webkit-scrollbar 


::-webkit-scrollbar-thumb:vertical 


::-webkit-scrollbar-thumb:hover

前端開發筆記

img a,a hover,a visited,a link,a active align center class table responsive style text align center hostth rowspan row host1 style vertical align midd...

前端開發筆記（一）

1 js判斷字串是否為空 var str if str str 2 判斷checkbox是否被選中 js判斷checkbox是否被選中 var c document.getelementbyid protocl if c.checked jquery判斷checkbox是否被選中 3 js定時器se...

開發筆記 前端優化

這篇部落格主要講在自己開發的過程中遇到的有關於前端頁面優化 的問題。1 減少http請求 1 減少請求 在開發的過程中，有時會有很多的小圖，對於這些小圖，可以使用css sprite，將多個小圖合併，這樣只需要請求一張就好了，但是在開發過程中，我發現在移動端的網頁上，使用css sprite會影響b...