前端面试每日3+1（周汇总2020.03.15）

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

---

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

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

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

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

html

• html如何创建图片热区（img usemap）？
• 当img标签中的src图片加载失败时，怎么让它变得更美观呢？
• 举例说明当我们在写布局时，都有哪些边界的情况需要关注的？
• 如何去除标签<i>默认斜体？
• 怎样避免让用户看到长时间的白屏？
• 如何使用html5进行图片压缩上传？
• 你知道<a>标签的target属性规定在何处打开链接文档吗？

css

• 如何用css实现把“我不爱996”变成“699爱不我”？
• scroll-snap-align属性的应用场景是什么？
• css中Scroll-behavior属性有什么应用场景？
• 你有使用过css的writing-mode属性吗？说说它有哪些应用场景？
• 使用css实现对话气泡的效果
• 如何隐藏没有静音、自动播放的音视频？
• 怎么使用css选择空链接？

js

• 请举例说明JSON.stringify()有哪些特性？
• 用js实现typeof的功能
• 用js实现一个HashMap，不可以使用Object
• 日常开发中写JS循环时应该注意哪些情况？
• js循环的数据量很大（例如100W+）时会出现什么情况？如何进行性能优化？
• 举例说明什么是响应式编程？
• 你知道什么是纯函数吗？

软技能

• 解释下后端渲染与前端渲染有什么区别呢？
• 你们前端项目是怎么做监控（埋点）的？都监控哪些维度的数据呢？
• 你了解什么是极限编程吗？
• PWA如何改变我们的移动体验？
• 说说你对PWA的理解
• 请问单元测试和集成测试有什么区别？
• 举例说明你对时间复杂度和空间复杂度的理解

全部

所有

交流讨论

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