前端开发基础面试题

核心提示CSS部分什么是外边距重叠?重叠的结果是什么?外边距重叠就是margin-collapse。在CSS当中,相邻的两个盒子的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因此结合成的外边距称为折叠外边距。折叠结果遵循下

CSS部分

什么是外缘重叠?重叠的结果是什么?

边缘重叠是边缘折叠。

在CSS中,两个相邻框的外部边距可以合并成一个外部边距。这种组合外缘的方式称为折叠,因此组合后的外缘称为折叠外缘。

折叠结果遵循以下计算规则:

当两个相邻的外部边都是正值时,折叠结果是它们之间的较大值。

当两个相邻的外部边都为负值时,折叠结果是它们绝对值中较大的一个。

当两条外边缘之间的距离为正负时,折叠结果为两条边缘之和。

rgba的透明效果和不透明有什么区别?

两者都能达到通透的效果。

区别在于不透明作用于元素,元素中所有内容透明。

而rgba只作用于元素的颜色或其背景色。

显示:无和可见性:隐藏有什么区别?

Display:隐藏相应的元素,但不占用元素的原始空空间。

Visibility:隐藏相应的元素,并占用元素的原始空空间。

使用CSS display:none属性后,HTML元素的宽度、高度等属性值会“丢失”;

然而,在使用visibility:hidden属性之后,HTML元素在视觉上是不可见的。//创建具体的元素

text node//创建文本节点

2)添加、删除、替换、插入

AppendChild // Add

移除子//移除

ReplaceChild //替换

插入之前//插入

3)查找

GetElementsByTagName //按标记查找

GetElementsByName //按元素名称属性查找

GetElementById //按元素Id属性查找

用于匹配元素的QuerySelector // CSS选择器

如果我想获得页面中的所有复选框,我该怎么做?

let DOM list = document . getelementsbytagname

Letboxlist = []//All复选框

let len = domList.length

While{ // while比for更有效。

如果{

checkBoxList.push

}

}

将ID已知的DIV的html内容设置为xxxx,字体颜色设置为黑色。

设dom = document.getElementById

dom.innerHTML = 'xxxx '

dom.style.color= '#000 '

有一个现有的字符串foo = 'get-element-by-id ',写一个函数把它转换成驼峰表示法,即getElmentById。

功能切换到泵{

let arr = str.split // [get,element,by,id]

对于{

arr[I]= arr[I]. charat . toupper case+arr[I]。字符串截取函数

}

str = arr.join

返回字符串

}

稍微分析一下里面最难的字符串的意思。

Arr[i].charAt.toUpperCase的意思是获取字符串的第0个字符并将其转换为大写。

Arr[i]。substr的意思是从第一个字符提取到最后一个字符。

用“+”连接就可以得到驼峰串了~

以YYYY-MM-DD的形式输出今天的日期。

我知道有,但是我不会让你在面试的时候。这个东西会经常用到,比如用户操作后,需要把操作时间按照格式传到后端等等。如果做不到这一点,那就很不好了。

让d =新日期

年份= d.getFullYear//is全年。

设month = d.getMonth+1 // Month 0表示一月,所以+1

让= d.getDate//Yes,日期,而不是一天

//注意标题要求MM格式。如果是一月,那就是一月。

月=月< 10 '0' +月:月

日=日< 10 '0' +日:日

警报

文章来自SP学习记录。

 
友情链接
鄂ICP备19019357号-22