前端面试日记（2）小米

在实习僧app投的小米实习生，拖了很长时间才进行电话面试，４月３０日下午打电话通知晚上面试，还是比较着急了。长达40分钟，基本上比较友好，没有很多奇怪的问题，是按照ｃｓｓ，ｊｓ，ｖｕｅ的顺序提问的。收录一下面试题：

**１. 说一下display有哪些属性？**分别简述一下（inline，block，inline-block，none，table，list-item）

２. 继续说明inline，block，inline-block的区别？（block： 块级元素inline： 内联元素（text-align属性有效）问题：当设置成inline后，width和height属性是无效的（只会为文字添加背景）inline-block: 行内块级元素（块级+内联）居中的一种方法）

３. 追问你知道的水平垂直居中有哪些实现方法？（transform: translate(-50%, -50%); fixed布局）然后又追问每一个具体怎末实现。

４. position属性值有哪些？（absolute，fixed，relative）

５. 相对定位和绝对定位有什莫区别，具体怎末用，都需要设置什么属性值？（绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。相对定位是相对于元素在文档中的初始位置——首先它出现在它所在的位置上（即不设置position时的位置，然后通过设置垂直或水平位置，让这个元素“相对于”它的原始起点进行移动；）

６. 说一下fixed怎末用？它有哪些属性？

７. 数组去重问题。（参考链接：https://www.cnblogs.com/guangyan/articles/6682686.html）

８. CSS3新增？（transform变形，transition过渡，animation动画）追问transition和animation区别？（Animation和transition大部分属性是相同的，他们都是随时间改变元素的属性值，他们的主要区别是transition需要触发一个事件才能改变属性，而animation不需要触发任何事件的情况下才会随时间改变属性值，并且transition为2帧，从from … to，而animation可以一帧一帧的。）

９. ES6的新特性？（let const \ var；模板字面量和类的支持  简洁；箭头函数 简化了函数的书写；Promise 处理异步操作的一种模式；字符串模板（反引号））然后就开始一系列追问

１０. let const var的区别？(const定义的变量不可以修改，而且必须初始化。.var定义的变量可以修改，如果不初始化会输出undefined，不会报错。let是块级作用域，函数内部使用let定义后，对函数外部无影响。)

１１. 箭头函数的使用？追问this的指向问题，有哪几种？（作为普通函数调用 – 返回window；使用call apply bind被调用 – 传入什么绑定什么；作为对象方法被调用 – 返回对象本身；在class方法中被调用 – 返回当前实例本身；箭头函数 – 永远会找上级作用域this的值来确定）

１２. 追问call apply bind的区别？（call 和 apply 都是为了解决改变 this 的指向。call 可以接收一个参数列表，apply 只接受一个参数数组；bind 方法会返回一个函数。bind固定某个函数的参数和this，返回原函数的拷贝）

１３.追问闭包是什莫？（函数 A 内部有一个函数 B，函数 B 可以访问到函数 A 中的变量，那么函数 B 就是闭包。闭包存在的意义就是让我们可以间接访问函数内部的变量。）再追问JS作用域有哪些？（三级作用域：全局作用域（全局都可以使用，如document对象）函数作用域（一个函数中定义的只能在当前函数使用）块级作用域（ES新增）（块：包含if while等包含大括号，在大括号外使用会报错）

１４.v-if和v-show有什莫区别，分别适用于什么情况？（渲染结果不同，对于v-if只会渲染一个dom元素；对于v-show，data是a就会显示a的dom元素，对于其他的选择会渲染display:none，只是不显示而已。对于一次选择或者数据更新不频繁时，选择v-if;如果需要频繁切换，需要v-show，用display：none控制隐藏和显示效果比较好，否则用v-if会导致dom结点频繁的销毁加载。）

１５.兄弟组件通讯的方法有哪些？（我只说了使用事件中心，这个知识点还要总结）

１６.vue生命周期简述（参考链接：https://blog.csdn.net/Sabrina_cc/article/details/105605182#3.%20v-if%E5%92%8Cv-show）

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。有需要面试题资料的朋友点击这里可以免费领取。

这里可以免费领取](https://bbs.csdn.net/topics/618191877)。

[外链图片转存中…(img-wZTeMTCw-1713730430744)]