2018阿里巴巴前端面试题,附详细答案(2)

IT就业
0 151

4.水平垂直居中 第一种 #container{ position:relative; } #center{ width:100px; height:100px; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); } 第二种 #container{ position:relative; } #center{ width:100px; height:100px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; } 第三种 #container{ position:relative; } #center{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; } 第四种 flex #container{ display:flex; justify-content:center; align-items: center; } 5.四种定位的区别 static 是默认值 relative 相对定位 相对于自身原有位置进行偏移,仍处于标准文档流中 absolute 绝对定位 相对于最近的已定位的祖先元素, 有已定位(指position不是static的元素)祖先元素, 以最近的祖先元素为参考标准。如果无已定位祖先元素, 以body元素为偏移参照基准, 完全脱离了标准文档流。 fixed 固定定位的元素会相对于视窗来定位,这意味着即便页面滚动,它还是会停留在相同的位置。一个固定定位元素不会保留它原本在页面应有的空隙。 6.Flex布局用的多吗? 因为项目考虑兼容 IE9 所以直接说用的不多 7.移动端适配怎么做的? 使用媒体查询做的响应式布局,根据不同屏幕宽度加载不同css. 8.let与var的区别? let 为 ES6 新添加申明变量的命令,它类似于 var,但是有以下不同: var 声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象 let 声明的变量,其作用域为该语句所在的代码块内,不存在变量提升 let 不允许重复声明. 内容来源于网络,如需系统学习前端知识,请戳 a(http://xue.ujiuye.com/class-36710/)[http://xue.ujiuye.com/class-36710/]

举报 回复
  • 还没有人回答..
常见问题
公务员面试过程中可以透露自己的学历、专业、籍贯等个人信息吗 6099
国家公务员考试报名费已经缴了,但由于个人原因不去参加笔试,会不会有什么不好的影响 6205
教师资格证现场确认需要哪些资料,在籍学习证明去哪开 5992
公务员报考 2812
没有取得学位证对报考公务员、事业单位、国企及银行会受到怎样的影响?? 5523
国考个人信息 2776
国考报名 2623
国考报名人事档案存放单位写错一个字怎么办 5743
公务员国考中金融学类专业包括哪些? 6037
UI设计好学吗? 749