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

前端開發方法有哪些

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

常用的字元串操作

閱讀全文

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

熱點內容
泡沫膠填縫劑使用方法 瀏覽:441
小兒尿瀦留的治療方法 瀏覽:407
雙音聽力訓練方法 瀏覽:557
海桿報警器使用方法 瀏覽:983
中醫治療感音性耳聾的方法 瀏覽:805
農葯葯效試驗數據分析方法 瀏覽:621
煙霧器使用方法 瀏覽:975
塑料三角管接頭安裝方法 瀏覽:41
暖氣片中間連接方法圖 瀏覽:582
杭州血站艾滋病檢測方法 瀏覽:130
小寶寶換奶粉正確方法 瀏覽:789
分組循環場次的計算方法 瀏覽:681
全身濕疹的治療方法 瀏覽:747
測量發光強度的方法 瀏覽:827
用什麼方法開紅酒最簡單 瀏覽:692
食用油提煉機的使用方法 瀏覽:819
如何提高運氣的幾種方法 瀏覽:644
學校的課堂教學方法 瀏覽:375
被葯品浸泡刀魚真假鑒別方法 瀏覽:49
初中與高中教學方法的區別 瀏覽:741