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

前端開發方法有哪些

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

常用的字元串操作

閱讀全文

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

熱點內容
清潔黑面膜使用方法 瀏覽:397
什麼方法在野外可以快速找到蜜蜂 瀏覽:343
站立位血壓正確測量方法 瀏覽:304
吊頂掛式空調安裝方法 瀏覽:320
快速洗衣服方法妙招 瀏覽:120
一個小時快速長頭發的方法 瀏覽:659
千金凝膠使用方法 瀏覽:912
推環的正確安裝方法 瀏覽:425
初中生拿筆的正確方法 瀏覽:877
新加坡交通堵塞解決方法 瀏覽:267
豐田威馳踩剎車空調跳解決方法 瀏覽:187
疏通廁所簡單方法 瀏覽:989
佳能700d的使用方法 瀏覽:185
橘子手機殼製作方法 瀏覽:85
如何用草當葯和綁草的方法 瀏覽:145
快速製作動態頭像的方法 瀏覽:763
狼牙套使用方法圖解 瀏覽:264
國情調研的方法包括哪些 瀏覽:869
設備缺陷檢測方法 瀏覽:812
教育實驗法的計算方法 瀏覽:578