導航:首頁 > 知識科普 > 前端開發方法有哪些

前端開發方法有哪些

發布時間:2023-06-02 09:30:24

A. 前端開發的基本方法

CSS部分

盒子邊傾斜

clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);

禁止點擊事件/滑鼠事件「穿透」

div * { pointer-events: none; /*鏈接啊,點擊事件啊,都沒有效果了*/ }

用來控制元素在移動設備上使用滾動回彈效果

.main{
-webkit-overflow-scrolling: touch;
}

可解決在IOS中使用overflow:auto 形成的滾動條,滾動不流暢的情況

文字漸變效果

.text-gradient{ background-image: linear-gradient(135deg, deeppink, deepskyblue);
-webkit-background-clip: text; color: transparent;
}

css三角形

#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;

}

實現圓弧

clip-path: ellipse(80%60% at50%40%);

JS部分

JavaScript中檢測數組的方法

(1)、typeof操作符

這種方法對一些常用的類型檢查沒有問題,但對array和null 都判斷為object
(2)、instanceof操作符

這個操作符是檢測對象的原型鏈是否指向構造函數的prototype對象的
(3)、對象的constructor屬性

const arr = []

console.log(arr.constructor === Array) // true

(4)、Object.prototype.toString

constarr=[]console.log(Object.prototype.toString.call(arr)==='[objectArray]')//true

(5)、Array.isArray()

常用的字元串操作

閱讀全文

與前端開發方法有哪些相關的資料

熱點內容
怎麼樣做香腸的製作方法 瀏覽:615
阿瑪尼粉底液使用方法步驟 瀏覽:357
海洋魔術師採用了哪些說明方法 瀏覽:420
6米高頂棚夾膠玻璃安裝方法 瀏覽:437
靈眸藍牙連接方法 瀏覽:365
呼吸37度面膜使用方法 瀏覽:508
淮安如何防潮方法 瀏覽:435
手機保持架製作方法 瀏覽:623
排水魚漂的使用方法 瀏覽:750
基本功的鍛煉方法視頻 瀏覽:77
滴蟲病最好治療方法 瀏覽:810
辨別鑽戒最簡單方法 瀏覽:854
連接小米耳機耳機模式在哪裡設置方法 瀏覽:706
快速止住鼻血的方法 瀏覽:170
25984用簡便方法計算 瀏覽:810
列數字的方法怎麼用 瀏覽:871
真假太監的鑒別方法 瀏覽:282
炸雞翅好吃又簡單的方法 瀏覽:906
濕氣怎麼祛除最快方法 瀏覽:806
心包積氣治療方法 瀏覽:516