迈瑞医疗一面 2021年06月15日(一面挂)
一面技术面基本都答上了,面试官也夸我基础不错,就是vue方面的知识欠缺,项目实战比较少,可能是因为这个原因没通过一面吧,前期夯实基础的学习目标已经达到了,接下来要进入新的一轮技术提升了。下面凭借回忆总结出了部分面试题,也分享了自己的解答,希望能帮助一同在前端路上奔跑的你们。
-
自我介绍
-
实现垂直居中的方式
- 用flex布局,设置
align-items:center;
- 绝对定位设置
bottom:0;top:0;
,margin:auto
- 绝对定位固定高度时设置
top:50%;margin-top:-50%
- 将显示方式设置为表格,
display:table-cell
,同时设置vertical-align:middle
- 如果是单行文本,则
line-height:height
- 用flex布局,设置
-
选择器权重以及计算方式
!important
内嵌样式
id选择器 0100
类选择器/属性选择器/伪类选择器 0010
标签选择器/伪元素选择器 0001
相邻兄弟、子、后代、通配符选择器 0
-
三种定位relative、absolute、fixed的区别
三者相对的根元素不同
relative 相对自身在标准流中的位置进行定位
absolute 相对最近一级具有除static之外的父元素定位
fixed 相对浏览器窗口进行定位
-
对盒模型的理解,盒子模型用使用哪个属性定义
盒子模型构成:内容、内边距、边框、外边距
IE盒子模型:width包含内容、内边距、边框
标准盒子模型:width只包含内容宽度
通过修改
box-sizing:content-box
实现标准盒子box-sizing:border-box
实现IE盒子 -
画三角形
回答的不好
主要用到border属性
把元素的宽高设置为0,然后设置
border:50px solid transparent
,再设置border-top-color:red
-
知道rem吗?
相对根元素字体大小
-
对图标的使用?阿里图标输出的是哪种文件类型
没答上
fontIcon/woff/ttf
-
清除浮动的方法
- 给父级添加height属性
- 在最后一个