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

前端開發方法有哪些

發布時間: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()

常用的字元串操作

閱讀全文

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

熱點內容
奇門預測的分析判斷方法 瀏覽:777
鋼筋閃光對焊最常用的一種方法 瀏覽:222
江蘇選調生簡單方法 瀏覽:1001
模具製造的研究方法 瀏覽:65
七步絕殺正確方法 瀏覽:327
間接測量方法的局限性 瀏覽:527
如何記住模塊的方法 瀏覽:870
人類學進化論學派的研究方法 瀏覽:878
女孩子用什麼方法去除鬍子 瀏覽:887
手機殼排線方法 瀏覽:56
測量儀器的使用方法圖文 瀏覽:251
膠體金標記免疫試紙條檢測方法 瀏覽:326
轎車鋪車底最佳方法 瀏覽:126
速啪洗鞋神器使用方法 瀏覽:983
車頂裝座椅安裝方法 瀏覽:919
光貓路由器交換機的正確連接方法 瀏覽:901
四川泡菜方法視頻 瀏覽:280
家裡如何殺幽門螺桿菌新方法 瀏覽:498
大寶口才訓練方法 瀏覽:359
如何戒掉遺精最快方法 瀏覽:526