前端常用方法

2021-06-20 16:27:20 字數 1692 閱讀 8204

1、設定背景為固定,這樣拉動滾動條時背景不會變化

body

2、鏈結錨點,實現鏈結到頁面頂部、到頁面底部 功能

到頁面底部

到頁面頂部

3、游標設定

style="cursor:pointer"

pointer:手式           auto/text:文字游標

crosshair:十字交叉    move:移動游標

wait:漏斗等待          help:幫助(問號)

default:預設滑鼠

e-resize:水平拉伸(東西)     ne-resize:東北方向

n-resize:上下拉伸(南北)     nw-resize:西北方向

s-resize:上下拉伸(南北)     se-resize:東南方向

w-resize:水平拉伸(東西)     sw-resize:西南方向

4、css3背景顏色

background:rgba(255,255,0,0.5) 0.5是透明度

5、字型設定

font:font-style(字型風格:正常/斜體),font-variant(字型變形:大寫/小寫),font-weight(字型粗細),fontsize/line-height,font-family(字型)

font-style:字型風格。  normal:正常   italic 斜字型   oblique:傾斜。 (若不存在斜字型italic,可使用oblique使字傾斜)

font-weight:normal bold  100-900 9級。400為正常字型, normal;   700為bold 

font-size:  100%為16px.      1em等於預設字型大小(父元素字型大小).  pt為列印樣式表尺寸,非螢幕顯示樣式尺寸

6、背景   

background:background-color,background-image,background-repeat,background-attachment,background-position;

7、文字

words-spacing:字、單詞間隔     letter-spacing:字母間隔

text-indent:首行縮排

white-space:設定空白屬性(預設多個空格回車會變顯示為乙個或忽略,可用此屬性來設定)

pre(正常顯示原有的空格,回車);nowrap:非斷行;

word-wrap:break-word;文字太長拆分,並換行。

text-align: left/right/center(居中)/justify(兩邊對齊)

text-transform:文字處理。   none/uppercase(全大寫)/lowercase(全小寫)/capitalize(每個單詞第1個字母大寫)

8、css3設圓角:

-ms-border-radius :  20px /10px   水平/豎直 

-moz-border-radius :5px        

-webkit-border-radius:5px

-o-border-radius:5px;   

border-radius:5px;

9、設定陰影:

文字 text-shadow:10px 10px 20px #f00;

元素: box-shadow:10px 10px 20px #f00;

前端常用方法

根據id去重,可改 private deweight arr any return arr 深拷貝 private deepclone obj any for const key in obj else return result 時間獲取 使用例子 獲取時間 const now new date ...

前端開發常用方法

淺拷貝和深拷貝 let arr arr 淺拷貝 object.assign arr 淺拷貝 clonedeep arr 深拷貝 json parse json stringify arr 深拷貝 不能拷貝 constructor 方法 陣列去重 uniquekey arr,key let resul...

前端解決跨域問題的常用方法

首先,跨域是什麼?只要協議 網域名稱 埠有任何乙個不同,都被當作是不同的域。為什麼三者任何乙個不同就會產生跨域呢,想想也很容易知道,要是很隨便引用什麼外部檔案,不同標籤下的頁面引用類似的彼此的檔案,瀏覽器很容易懵逼的,保障不了安全問題,但在安全限制的同時也給注入iframe或是ajax請求上帶來了不...