![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试
前端Jason
做一个能独立思考的人,有话可说,有事可干,歌以咏志。
展开
-
js中new关键字的实现原理
// 实现new function _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原创 2021-11-29 11:07:44 · 379 阅读 · 0 评论 -
前端面试自闭36问(三)
1. 实现水平和垂直居中的方式 使用flex display: flex; justify-content: center; align-items: center; 使用定位 // 父盒子 position: relative; // 子盒子 position:absolute; top: 50%; left: 50%; translate: tranforem(-50%, -50%); 使用grid // 父 盒子 display: grid; // 子盒子 justify-self:原创 2020-09-12 21:55:45 · 143 阅读 · 1 评论 -
前端面试自闭36问(二)
1. this 的理解(使用 --为什么要用、实际使用、绑定(显式隐式)常见方法(call apply bind) 作用域 闭包 变量提升 实际使用 、箭头函数 与函数的区别) 函数调用模式:如果一个函数不是一个对象的属性时,就是被当做一个函数来进行调用的。此时this指向了window。 方法调用模式: 当一个函数被保存为对象的一个属性时,我们称之为一个方法。当一个方法被调用时,this指向被绑定到当前对象。 构造函数调用模式:如果函数是通过new关键字进行调用的,此时this被绑定到创建出来的新原创 2020-09-11 18:23:54 · 143 阅读 · 0 评论 -
前端面试自闭36问(一)
1. (必要)布局, 如何实现自适应、定位方式 答: 定位布局,父相子绝 相对定位:position: relative 绝对定位:position: absolute 固定定位:position: fixed flex布局 display: flex 阮一峰Flex 布局教程 栅格布局 是Bootstrap实现响应式的核心所在 其底层也是媒体查询,不管在什么大小的容器里面,都将这个容器分为12份,在不同大小屏幕里面,占的份数不同,在任何大小的屏幕上 都有较好的浏览体验。 /*查询屏幕*/ @media原创 2020-09-10 18:26:53 · 183 阅读 · 0 评论