前台面试每日3+1（周汇总2020.04.26）

《论语》，曾子曰：“吾日三省吾身”（我每天屡次反省自己）。
前台面试每日3+1题，以面试题来驱动学习，每天进步一点！
让努力成为一种习惯，让奋斗成为一种享受！
相信 坚持 的力量！！！

• 学习不打烊，充电加油只为遇到更好的自己，365天无节假日，每天早上5点纯手工发布面试题（死磕自己，愉悦大家）。
• 希望大家在这浮夸的前台圈里，保持冷静，坚持每天花20分钟来学习与思考。
• 在这千变万化，类库层出不穷的前台，建议大家不要等到找工作时，才狂刷题，提倡每日学习！（不忘初心，html、css、javascript才是基石！）
• 欢迎大家到Issues交流，鼓励PR，感谢Star，大家有啥好的建议可以加我微信一起交流探讨！

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

毕竟一个人的能力有限，集体的力量才是无限的！欢迎大家一起来贡献题目，为前台面试每日3+1开源社区贡献力量！点击 我也要出题 贡献你的题目吧，让大家一起来挑战你的题目！

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

微信公众号和微信群

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的含义和作用是什么？
• 说说你对版权的了解，前台开发的过程中应该注意哪些版权相关的问题呢？
• 你认为做为前台开发是要自己切图好还是让美工来切图好呢？
• 你会自己切图吗？还是让设计员给你切呢？
• 怎样禁止爬虫对网站信息的抓取？
• 要你写一个移动端的图形解锁的工具，你的思路是什么？

一律

所有

交流探讨

欢迎大家前来探讨，假如觉得对你的学习有肯定的帮助，欢迎点个Star, 同时欢迎加入 “前台面试每日3+1” 微信群（扫个人微信号邀请入群）相互交流。

微信公众号和微信群