web前端—面试题汇总（206-210）
206、画一个三角形？
这属于简单的css考查，平时在用组件库的同时，也别忘了原生的css
.a{
width: 0;
height: 0;
border-width: 100px;
border-style: solid;
border-color: transparent #0099CC transparent transparent;
transform: rotate(90deg); /*顺时针旋转90°*/
}
<div class="a"></div>
207、清除浮动的几种方式，及原理？
清除浮动简单，但这题要引出的是BFC，BFC也是必考的基础知识点
::after / <br> / clear: both
创建父级 BFC(overflow:hidden)
父级设置高度
BFC （块级格式化上下文），是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。
触发条件:
根元素
position: absolute/fixed
display: inline-block / table
float 元素
ovevflow !== visible
规则:
属于同一个 BFC 的两个相邻 Box 垂直排列
属于同一个 BFC 的两个相邻 Box 的 margin 会发生重叠
BFC 的区域不会与 float 的元素区域重叠
计算 BFC 的高度时，浮动子元素也参与计算
文字层不会被浮动层覆盖，环绕于周围
208、说一下<label>标签的用法
label标签主要是方便鼠标点击使用，扩大可点击的范围，增强用户操作体验
209、遍历A节点的父节点下的所有子节点
这题考查原生的js操作dom,属于非常简单的基础题，但长时间使用mvvm框架，可能会忘记
<script>
var b=document.getElementById("a").parentNode.children;
console.log(b)
</script>
210、用js递归的方式写1到100求和？
递归我们经常用到，vue在实现双向绑定进行数据检验的时候用的也是递归，但要我们面试的时候手写一个递归，如果对递归的概念理解不透彻，可能还是会有一些问题。
function add(num1,num2){
var num = num1+num2;
if(num2+1>100){
return num;
}else{
return add(num,num2+1)
}
}
var sum =add(1,2);