qq_44704740的博客

本文归纳了常见的前端面试手写题，后续会不断补充

本文归纳了前端开发常见的面试问答题，包括css、js、react、前端模块化等

// 实现newfunction _new() { let obj = new Object(); // 1. 创建一个空对象 let Con = [].shift.call(arguments); // 2. 获得构造函数 obj.__proto__ = Con.prototype; // 3. 链接到原型 let result = Con.apply(obj, arguments); // 4. 绑定 this，执行构造函数 return typeof result === 'ob

1. 实现水平和垂直居中的方式使用flexdisplay: flex;justify-content: center;align-items: center;使用定位// 父盒子position: relative;// 子盒子position:absolute;top: 50%;left: 50%;translate: tranforem(-50%, -50%);使用grid// 父 盒子display: grid;// 子盒子justify-self:

1. this 的理解（使用 --为什么要用、实际使用、绑定（显式隐式）常见方法（call apply bind） 作用域 闭包 变量提升 实际使用 、箭头函数 与函数的区别）函数调用模式：如果一个函数不是一个对象的属性时，就是被当做一个函数来进行调用的。此时this指向了window。方法调用模式： 当一个函数被保存为对象的一个属性时，我们称之为一个方法。当一个方法被调用时，this指向被绑定到当前对象。构造函数调用模式：如果函数是通过new关键字进行调用的，此时this被绑定到创建出来的新

1. (必要)布局， 如何实现自适应、定位方式答：定位布局，父相子绝相对定位：position: relative绝对定位：position: absolute固定定位：position: fixedflex布局display: flex阮一峰Flex 布局教程栅格布局是Bootstrap实现响应式的核心所在 其底层也是媒体查询，不管在什么大小的容器里面，都将这个容器分为12份，在不同大小屏幕里面，占的份数不同，在任何大小的屏幕上 都有较好的浏览体验。/*查询屏幕*/@media