面试
rainbowdiary
这个作者很懒,什么都没留下…
展开
-
CSS面试相关问题
CSS的盒子理解:元素被一个一个盒子包围着;盒子分为: 块级盒子 block box 内联盒子 inline box控制盒子属于显示哪种类型:控制盒子外部显示类型:display: block display: inline-block 控制盒子内部显示类型:display: flexJS获取盒子宽高clientHeight : 盒子可视区域的宽高;heigh+paddingoffsetHeight: 加上了盒子边框 (一般使用offsetHight/offsetWid原创 2020-11-16 19:09:19 · 839 阅读 · 0 评论 -
前端监控
性能监控performance.getEntriesByType('navigation')connectEnd:47.04500000025291connectStart:17.65999999952328decodedBodySize:1641domComplete:51934.715000000324domContentLoadedEventEnd:1627.744999999777domContentLoadedEventStart:1601.740...原创 2020-11-12 17:03:34 · 115 阅读 · 0 评论 -
JS面试知识点10-手写代码
call、apply、bind函数内部实现是怎么样的 /* 参数, 调用函数, 返回值, */ Function.prototype.myCall = function (obj, ...args) { if (typeof this !== 'function') { throw new Error('not a function') } const that = obj || window; ..原创 2020-10-20 15:58:45 · 131 阅读 · 0 评论 -
JS面试知识点8-继承
/* 创建对象 */function createCar(color, passengers, brand) {var car = new Object();car.color = color;car.passengers = color;car.brand = brand;car.outBrand = function () {console.log(this.brand)}return car;}/* 方法1: 构造函数和原型的:组合继承优点是:构.原创 2020-10-16 16:44:38 · 188 阅读 · 0 评论 -
JS面试知识点5-浅拷贝&深拷贝
因为对象赋值的时候,复制的是地址值,所以会出现一方修改了,其他都被修改的问题。浅拷贝就是为了解决这个问题。let a = {age: 22};let b = a;a.age = 11;console.log(b.age); //11 浅拷贝的方法: 1、 方法1: Object.assign()let a = {age:22}let b = Object.assign({},a);a.age = 11;console.log(b.age); //222、方法2:三点原创 2020-10-11 16:56:02 · 166 阅读 · 0 评论 -
JS面试知识点3-==vs===
==如果数据类型相同,则等同于===,就对比值是否相等 如果数据类型不相同,会进行数据类型的转换。判断x,y是否相等的流程:如果双方数据类型相等, 就对比值,等同于=== 如果不相同,则进行数据类型的转换 判断是否对比null和undefined,是则返回true 判断两则类型是否string和number,是则将string转number 判断其中一方是否为boolean,是则将boolean转number 判断其中一方是否为object,且另一方为string/number/原创 2020-10-10 15:54:20 · 215 阅读 · 0 评论 -
JS面试知识点2-this
function foo(){ console.log(this.a)}var a = 1;const obj = { a: 2, foo: foo}obj.foo();const c = new foo();function a(){ return ()=>{ return ()=>{ console.log(this) } }}a()()();let a = {};let f.原创 2020-10-10 15:15:53 · 225 阅读 · 0 评论 -
JS面试知识点1-JS类型转换
JS类型转换原创 2020-09-27 10:47:42 · 120 阅读 · 0 评论