2019/3/20前端面试总结

面试总结 2019/3/20

宽度不固定的定位元素如何垂直居中？

左右定宽div中间自适应如何实现？

一个盒子，左右各一个，中间平分5份，且间距为1px?

我答父级元素设置dispaly: flex; 左右定位， 中间元素设置flex: 1;

flex在ie8的兼容性怎么处理?

问还有其它的实现方式吗？

css如何实现一个半圆？

css如何实现一个箭头？

css如何实现一个三角形？

文字溢出用省略号代替？（4步）

我没说全 ，面试官说我没理解原理
步骤：给div定宽(width: 50px)——给文字设置不换行(white-space: nowrap)——给溢出的文字隐藏(overflow:hidden)——给隐藏部份用…来表示(text-overflow: ellipsis)

jquery的empty()与remove()方法区别?

null为基本数据类型吗？null与undefined区别？

null是基本数据类型
typeof (null)是个对象是个历史遗留问题

值为undefined有哪几种情况？（4种）

1. 定义变量，没赋值
2. 函数传参，没有传值
3. 函数没有返回值
4. 获取不在对象中的属性值

怎么判断一个对象是否是空对象？

1.将json对象转化为json字符串，再判断该字符串是否为"{}"
var data = {};
var b = (JSON.stringify(data) == “{}”);
alert(b);//true

2.for in 循环判断
var obj = {};
var b = function() {
for(var key in obj) {
return false;
}
return true;
}
alert(b());//true

3.jquery的isEmptyObject方法
此方法是jquery将2方法(for in)进行封装，使用时需要依赖jquery
var data = {};
var b = $.isEmptyObject(data);
alert(b);//true

4.Object.getOwnPropertyNames()方法
此方法是使用Object对象的getOwnPropertyNames方法，获取到对象中的属性名，存到一个数组中，返回数组对象，我们可以通过判断数组的length来判断此对象是否为空
注意：此方法不兼容ie8，其余浏览器没有测试
var data = {}
var arr = Object.getOwnPropertyNames(data);
alert(arr.length == 0);//true

5.使用ES6的Object.keys()方法
与4方法类似，是ES6的新方法, 返回值也是对象中属性名组成的数组
var data = {};
var arr = Object.keys(data);
alert(arr.length == 0);//true

forEach()与map()区别？

有无返回值

组合原生继承？

输出值：

(function () { var a = b = 5 }) (); console.log(b)  // 5
			
原因：	通过(function () { console.log(this}) ()打印this指向window 所以存在window.b;

子组件的props属性可以改吗？

可以改 但vue作者不建议，会发生父子组件数据相互引用

为什么vue组件中data要定义为函数，不能是一个对象吗？

因为通过闭包保存数据，防止数据污染

实现数组去重，还有其它的方式吗？用es6怎么实现？

我说了用indexOf方法实现

判断数组中某一项是否是字符串？

我说了通过Object.prototype.toString()

用es6怎么实现呢？

说下防抖与节流？应用场景？实现？

网络编码0，1，2，3，4代表什么？知道这个，就知道ajax原理。

nodejs的express 中的模板用的什么 ejs还是 jade?怎么导入css?为什么要有express?