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

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

---

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

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

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

html

• meta的属性有哪些组成？说说它们的分别有什么作用？
• 为什么HTML5里面我们不需要DTD？
• 前端路由指的是什么？它有什么好处？它有哪些方式可以实现呢？
• xpath和dom有什么区别？
• 你有使用过HTML5的output吗？说说它的作用是什么？
• HTML5如何调用摄像头？
• 怎么检测浏览器是否支持HTML5特性？

css

• 会引起Reflow和Repaint的操作有哪些？
• 你有用过clip-path吗？说说你对它的理解和它都有哪些运用场景？
• 你是怎么选择resetting和normalizing的？为什么？
• position跟margin collapse这些特性相互叠加后会怎么样？
• 移动端的布局用过媒体查询吗？写一个试试
• 举例说明你知道的css技巧有哪些？
• [判断第一行和第二行的颜色分别是什么？并解释为什么？[代码]](https://github.com/haizlin/fe...

<style>
.red {color:red;}
.green {color:green;}
</style>

<div class="red green">第一行：颜色是什么？</div>
<div class="green red">第二行：颜色是什么？</div>

js

• 怎么下载一个zip文件？
• 举例说明如何使用WebSQL？
• 举例说明js如何拖拽排序？
• 怎样在JavaScript中创建一个worker线程？
• 写个给图片加水印的方法
• 说说你对执行上下文的理解
• 有些js库习惯在代码开头处添加分号有什么作用呢？除了分号还可以换成别的吗？

软技能

• 如何对前端资源进行优化？
• 说说你对前端工程师日常的开发流程的理解
• 你平时是如何管理项目的？
• 移动端的性能优化有哪些方法？
• 你知道什么是BLOB URL吗？为什么要使用它？
• 你知道时间四象限吗？说说你对它的理解
• 你知道什么是二、三级域名吗？举例说明下

全部

所有

交流讨论

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