[周汇总] 前端面试每日3+1（周汇总2020.04.26）

《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。

前端面试每日3+1题，以面试题来驱动学习，每天进步一点！
让努力成为一种习惯，让奋斗成为一种享受！
相信 坚持 的力量！！！

---

• 学习不打烊，充电加油只为遇到更好的自己，365天无节假日，每天早上5点纯手工发布面试题（死磕自己，愉悦大家）。

• 希望大家在这浮夸的前端圈里，保持冷静，坚持每天花20分钟来学习与思考。

• 在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡每日学习！（不忘初心，html、css、javascript才是基石！）

希望大家每日去学习与思考，这才达到来这里的目的！！！（不要为了谁而来，要为自己而来！）

【推荐】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正在折腾 LeetCode，打算打通算法与数据结构的任督二脉。GitHub 地址：

https://github.com/LiangJunrong/document-library

html

• 字体图标加载出来成了小方块，是什么原因呢？如何解决？

• 当网页放大或者缩小后如何让页面布局不乱？

• 实现一个全屏布局

• 你有使用过IE的条件注释吗？

• 实现九宫格布局

• 说说元素上下层叠关系及七阶层叠关系

• 说说你对这几个概念的理解：层叠上下文、层叠等级、层叠顺序

css

• 说说position:sticky有什么应用场景？

• 如何使用css给一个正方形添加一条对角斜线？

• 举例说明CSS特性检测的方式有哪些？

• 你们团队中css的class命名采用的是什么方式呢？下划线还是横线还是驼峰？

• 使用纯css画出一个右侧滚动顶部进度条的效果

• 一个项目中有很多无用的css代码，怎么找到并清除这些无用的代码？

• 写出在不固定宽高的元素在固定高度的情况下水平垂直居中的方法

js

• AudioContext有什么应用场景？

• 如何按回车自动提交表单

• 写一个方法获取图片的exif信息

• 写一个方法获取图片的方向

• 在设置keyup监听事件后按F5刷新和按浏览器中刷新键刷新有什么区别？

• 用js写一个方法检测浏览器是否支持css3的属性

• 对a == ('1'||'2'||'3') ? false : true写法进行改进，写出你优化后的方法

软技能

• 你一般用什么工具测试前端代码的性能？

• 请解释下http请求头中Referer的含义和作用是什么？

• 说说你对版权的理解，前端开发的过程中应该注意哪些版权相关的问题呢？

• 你认为做为前端开发是要自己切图好还是让美工来切图好呢？

• 你会自己切图吗？还是让设计员给你切呢？

• 怎么禁止爬虫对网站信息的抓取？

• 要你写一个手机端的图形解锁的工具，你的思路是什么？