京东前端一面高频面试题（附答案）

bb_xiaxia1998

已于 2022-09-16 10:32:58 修改

阅读量880

点赞数

文章标签：前端框架 javascript

于 2022-09-07 12:42:09 首次发布

本文链接：https://blog.csdn.net/bb_xiaxia1998/article/details/126743265

版权

左右居中方案

行内元素: text-align: center
定宽块状元素: 左右 margin 值为 auto
不定宽块状元素: table布局，position + transform

/* 方案1 */
.wrap {
   
  text-align: center
}
.center {
   
  display: inline;
  /* or */
  /* display: inline-block; */
}
/* 方案2 */
.center {
   
  width: 100px;
  margin: 0 auto;
}
/* 方案2 */
.wrap {
   
  position: relative;
}
.center {
   
  position: absulote;
  left: 50%;
  transform: translateX(-50%);
}

前端进阶面试题详细解答

----问题知识点分割线----

代码输出结果

function Person(name) {
   
    this.name = name
}
var p2 = new Person('king');
console.log(p2.__proto__) //Person.prototype
console.log(p2.__proto__.__proto__) //Object.prototype
console.log(p2.__proto__.__proto__.__proto__) // null
console.log(p2.__proto__.__proto__.__proto__.__proto__)//null后面没有了，报错
console.log(p2.__proto__.__proto__.__proto__.__proto__.__proto__)//null后面没有了，报错
console.log(p2.constructor)//Person
console.log(p2.prototype)//undefined p2是实例，没有prototype属性
console.log(Person.constructor)//Function 一个空函数
console.log(Person.prototype)//打印出Person.prototype这个对象里所有的方法和属性
console.log(Person.prototype.constructor)//Person
console.log(Person.prototype.__proto__)// Object.prototype
console.log(Person.__proto__) //Function.prototype
console.log(Function.prototype.__proto__)//Object.prototype
console.log(Function.__proto__)//Function.prototype
console.log(Object.__proto__)//Function.prototype
console.log(Object.prototype.__proto__)//null

这道义题目考察原型、原型链的基础，记住就可以了。

----问题知识点分割线----

介绍一下 webpack scope hosting

作用域提升，将分散的模块划分到同一个作用域中，避免了代码的重复引入，有效减少打包后的代码体积和运行时的内存损耗；

----问题知识点分割线----

原型

JavaScript中的对象都有一个特殊的 prototype 内置属性，其实就是对其他对象的引用
几乎所有的对象在创建时 prototype 属性都会被赋予一个非空的值，我们可以把这个属性当作一个备用的仓库
当试图引用对象的属性时会出发get操作，第一步时检查对象本身是否有这个属性，如果有就使用它，没有就去原型中查找。一层层向上直到Object.prototype顶层

基于原型扩展描述一下原型链，什么是原型链，原型的继承，ES5和ES6继承与不同点。

----问题知识点分割线----