前端知识提炼

Posted 2020-09-04 光之九月天

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端知识提炼相关的知识，希望对你有一定的参考价值。

css的知识：@media screen and ....

在这里的代码都是针对屏幕宽度做自动判断的，一般的几个media实际只会生效其中的一个

eg:@media sreen and (max_width:769px)and (min-width:481px)

.pdp-hero.hero-content-box.right-align{

texr-align:right;

display:table-cell;

vertical-align:middle;

float:none;

}

@medis screen and (max-width:769px)and(max-width:481px)

.pdp-hero .hero-content-box .right-align{

text-align:right;

disply:table-cell;

vertical-align:middle;

float:none;

}

(2)区别getElementByID,getElementsByName,getElementsByTagName

以人来举例说明，人有能标识身份的身份证，有姓名，有类别（大人，小孩，老人）等

1.ID是一个人的身份证号码，是唯一的。所以通过etElementByID获取的是指定的一个人

2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。

3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。

eg：把上面的列子转换到html中，如下：

<input type="checkbox" name="hobby" id="hobby1">  音乐

input标签就像人的类别。

name属性就像人的姓名。

id属性就像人的身份证

(3)在html中加载的连接没有直接指向视频文件怎么解决

用一段类似flash代码

以上是关于前端知识提炼的主要内容，如果未能解决你的问题，请参考以下文章