web前端开发面试题(附答案)-3

1、用纯css创建一个三角形的原理：

.demo{
width:0;
height: 0;
border: 5px solid transparent;
border-left-color: red;
}

2、为什么要初始化css样式

不同的浏览器堆标签的默认值是不同的，如果没有对css初始化往往会出现浏览器之间的页面显示差异。
不建议使用*{padding：0；margin：0；}

3、解释为何要清除浮动？清除浮动的方式

1）、给父级div定义高度
2）、常规使用class
.clearfix::before, .clearfix::after{
content:"";
display:table;
}
.clearfix::after{
clear:both;
}
.clearfix{
*zoom:1; //ie浏览器的专有属性，设置或者检索对象的缩放比例
}
3）、sass编译的时候，浮动元素的父级div定义伪类:after
&::after, &::before{
content: "";
visibility: hidden;
display:block; //使生成的元素以块级元素显示，占满剩余空间
height:0;
clear:both; //避免生成内容破坏原有布局高度
}

4、display:none和visiblity：hidden的区别

display：none会让元素完全从渲染树消失，渲染的时候不占据任何空间；visibility：hidden不会让元素从渲染树消失，渲染时元素继续占据空间，内容不可见。

5、js的数据类型：

undefined、null、string、boolean、number、symbol（es6）、object（引用数据类型）

6、什么是闭包？有什么作用

内部函数在外部被调用的时候产生闭包，只有闭包才可以实现在外部调用和改变内部函数的属性
如果内部的函数被保存到外部，它一定生成闭包。常用于事件处理程序和回调。
缺点：闭包会导致原有作用域链不释放，造成内存泄漏
作用：

• 实现公有变量：函数累加器
• 可以做缓存：存储结构
• 可以实现封装，属性私有化
• 模块化开发，防止污染全局变量

7、简述cookie：

cookie是web浏览器存储的少量数据。cookie数据会自动在浏览器和服务器之间传输。
cookie默认有效期为浏览器会话，一旦用户关闭浏览器，数据就丢失，通过设置 >
max-age = seconds属性设置浏览器cookie的有效期。
cookie属性有名、值、max-age、path、domain、secure

8、js有哪些方法定义对象

• 对象字面量：var obj = { }
• 构造函数：var obj = new Object();
• Object.create(): var obj = Object.create(Object.prototype);

9、函数内部arguments变量有哪些特性，如何将它转化为数组

• arguments是一个对应于传递给函数的参数的类数组对象
• arguments对象是所有（非箭头）函数中都可用的局部变量
• arguments.length本次函数调用时传入函数的实参数量
  //定义一个可以加任意个数字的函数
  function adder(base, /, n2, ... /) {
  base = Number(base);
  for (var i = 0; i < arguments.length; i++) {
  base += Number(arguments[i]);
  }
  return base;
  }
• arguments.callee 属性包含当前正在执行的函数（使用这个属性进行递归调用时需注意 this 的变化）
• 转换为数组：var args = Array.prototype.slice.call(arguments, 0);

10、call和apply的作用和区别

call/apply可以改变函数运行时this指向，两者的区别是传参列表不同。

• call 需要把实参按照形参的个数传进去（就是实参个数==形参个数）
• apply 需要传一个arguments 实参列表