8个前端开发独特技巧

网友投稿 611 2022-05-30

这篇文章附带了一些开发人员的独特技巧。一些技巧可能对您的学习工作有所帮助,并提高您的效率。

1.数据清单标签

您可以通过使用标签为为元素创建autocomplete功能。

1

2

3

4

5

6

7

8

2.CSS calc()函数

8个前端开发的独特技巧

此功能允许您在指定CSS属性值时执行计算。最有用的功能calc()是它混合了单位,例如百分比和像素。

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

1

2

3

3.in 运算符

in 运算符可以检查是否在数组中存在的索引,并且将返回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()

该工具允许您通过接收数组对象以非常简洁的方式在控制台视图中显示表。

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.数学方程

利用MathML语言嵌入数值问题实际上是HTML5的基础。您可以将所有方程式放在标签之间。

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

这将选择和设置快速位于页脚ID下的所有动态连接组件的样式。它不会选择动态组件之外的任何内容,也不会选择页脚中包含的其他任何内容,类似于纯内容。这也适用于高级路由组件。

感谢您的阅读

web前端

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:[INS-30516] Please specify unique disk groups
下一篇:开源项目GVA
相关文章