迈瑞医疗前端开发

迈瑞医疗一面 2021年06月15日（一面挂）

一面技术面基本都答上了，面试官也夸我基础不错，就是vue方面的知识欠缺，项目实战比较少，可能是因为这个原因没通过一面吧，前期夯实基础的学习目标已经达到了，接下来要进入新的一轮技术提升了。下面凭借回忆总结出了部分面试题，也分享了自己的解答，希望能帮助一同在前端路上奔跑的你们。

1. 自我介绍

2. 实现垂直居中的方式

   1. 用flex布局，设置 align-items:center;
   2. 绝对定位设置 bottom:0;top:0;,margin:auto
   3. 绝对定位固定高度时设置 top:50%;margin-top:-50%
   4. 将显示方式设置为表格， display:table-cell,同时设置vertical-align:middle
   5. 如果是单行文本，则line-height:height

3. 选择器权重以及计算方式

   !important

   内嵌样式

   id选择器 0100

   类选择器/属性选择器/伪类选择器 0010

   标签选择器/伪元素选择器 0001

   相邻兄弟、子、后代、通配符选择器 0

4. 三种定位relative、absolute、fixed的区别

   三者相对的根元素不同

   relative 相对自身在标准流中的位置进行定位

   absolute 相对最近一级具有除static之外的父元素定位

   fixed 相对浏览器窗口进行定位

5. 对盒模型的理解,盒子模型用使用哪个属性定义

   盒子模型构成：内容、内边距、边框、外边距

   IE盒子模型：width包含内容、内边距、边框

   标准盒子模型：width只包含内容宽度

   通过修改 box-sizing:content-box 实现标准盒子

   box-sizing:border-box 实现IE盒子

6. 画三角形

   回答的不好

   主要用到border属性

   把元素的宽高设置为0，然后设置 border:50px solid transparent，再设置 border-top-color:red

7. 知道rem吗？

   相对根元素字体大小

8. 对图标的使用？阿里图标输出的是哪种文件类型

   没答上

   fontIcon/woff/ttf

9. 清除浮动的方法

   1. 给父级添加height属性
   2. 在最后一个