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

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

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

---

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

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

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

• 欢迎大家到Issues交流，鼓励PR，感谢Star，大家有啥好的建议可以加我微信一起交流讨论！

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

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

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

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” 微信群（扫个人微信号邀请入群）相互交流。