8個前端開發(fā)的獨特技巧

這篇文章附帶了一些開發(fā)人員的獨特技巧。一些技巧可能對您的學習工作有所幫助，并提高您的效率。

1.數(shù)據(jù)清單標簽

您可以通過使用

1

2

3

4

5

6

7

8

2.CSS calc()函數(shù)

此功能允許您在指定CSS屬性值時執(zhí)行計算。最有用的功能calc()是它混合了單位，例如百分比和像素。

width: calc(5px + 100px) width: calc(6em * 8) width: calc(100% - 5px)

1

2

3

3.in 運算符

in 運算符可以檢查是否在數(shù)組中存在的索引，并且將返回true或false。

let cars = ['tesla', 'bentley', 'mustang', 'fortuner', 'Audi', 'BMW']; 0 in cars // returns true 2 in cars // returns true 9 in cars // returns false

1

2

3

4

5

4.console.log()

該工具允許您通過接收數(shù)組對象以非常簡潔的方式在控制臺視圖中顯示表。

let actor = {name: 'Leonardo Di Caprio', movie: "Titanic"} let actor2 = {name: "Shah Rukh Khan", movie: "DDLJ"} let actor3 = {name: "Robert Downey JR", movie: "Iron Man 2"} console.log([actor, actor2, actor3]);

1

2

3

4

5

5.Writing mode

此技巧使文本可以垂直運行。此屬性有五個可能的選項。

Subscribe to DevWriteUps

1

2

3

4

5

6

7

6.Legals or TnC

您可以在帶有標簽的頁面底部添加法律文檔，引文，條款和條件或其他印刷品。

* Please read Terms and Conditions

1

2

3

7.數(shù)學方程

利用MathML語言嵌入數(shù)值問題實際上是HTML5的基礎(chǔ)。您可以將所有方程式放在$標簽之間。$

$a^2+b^2=c^2$

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

8.直系子女

Utilizing>選擇組件的直接后代。

#footer > a

1

這將選擇和設(shè)置快速位于頁腳ID下的所有動態(tài)連接組件的樣式。它不會選擇動態(tài)組件之外的任何內(nèi)容，也不會選擇頁腳中包含的其他任何內(nèi)容，類似于純內(nèi)容。這也適用于高級路由組件。

感謝您的閱讀

web前端

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔相應(yīng)法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。