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

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

---

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

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

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

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

html

• 举例说明表格中如何再嵌套表格
• 你是如何组织html代码的？
• 移动端点击300ms的延迟出现的原因是什么？你的解决方案是什么？
• 你有使用过picture标签吗？说说它有哪些运用场景
• 说下你对DOM树的理解
• canvas的width与height属性的值可不可以带单位？
• 你有使用过HTML5的dialog标签吗？说说看，它有什么特点？

css

• 怎样用纯CSS实现禁止鼠标点击事件？
• 当全国哀悼日时，怎么让整个网站变成灰色呢？
• 如果给一个元素设置background-color,它的颜色会填充哪些区域呢？
• 使用css3做一个魔方旋转的效果
• 手写一个使用css3旋转硬币的效果
• height和line-height的区别是什么呢？
• 请用css写一个扫码的加载动画图

js

• js的控制台输出，平时除了用console.log外，你还知道哪些？使用console.log应该注意什么？
• 平时调试用console.log的输出结果可信吗？为什么？
• 用原生js获取DOM元素的方法有哪些？
• getElementById和querySelector方法的区别是什么？
• 举例说明document.execCommand有哪些用途
• 你平时是怎么调试js的？会断点调试吗？断点调试有什么技巧呢？
• 如何使用js获取当前的url和来源的url？

软技能

• 说说你对绩效的理解？
• 你平时有玩游戏吗？都玩什么游戏呢？玩得如何？
• 你平时熬夜吗？
• 前端如何预防SQL注入？
• 你知道什么是区块链吗？
• 前端如何防止XSS攻击？
• 你有想过创业的打算吗？

全部

所有

交流讨论

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