前端面试每日31周汇总20190818

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

项目地址：https://github.com/haizlin/fe…

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

微信公众号

欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个 Star, 同时欢迎微信扫码关注 前端剑解 公众号，并加入 “前端学习每日 3 +1” 微信群相互交流（点击公众号的菜单：进群交流）。

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

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

html

• HTML5 规范将元素分为哪几个大类？分别说说它们的特点
• 使用 canvas 画出一个矩形
• 说说 form-data、x-www-form-urlencoded、raw、binary 的区别是什么？
• 请描述下 application cache 的更新过程？
• 你知道富文本编辑器的实现原理吗？
• 说说你对富文本的理解，你有用过哪些富文本编辑器呢？
• 有使用过 HTML5 的跟踪元素吗？说说你对它的理解

css

• 举例说明伪类:nth-child、:first-child 与:first-of-type 这三者有什么不同？
• 什么是 zoom？它有什么作用？
• 举例说明微信端兼容问题有哪些？
• 请举例说明伪元素 (pseudo-elements) 有哪些用途？
• 设置字体时为什么建议设置替换字体？
• 你有没有自己写过一套 UI 库？说下遇到哪些难点？
• 说说你对 GPU 的理解，举例说明哪些元素能触发 GPU 硬件加速？

js

• 如何实现文件拖动上传？
• 分析 ('b' + 'a' + +'a' + 'a').toLowerCase() 返回的结果
• 能否正确获取本地上传的文件路径？如果可以怎么做？如果不可以解释下为什么？
• 请说说 escape、encodeURI、decodeURI、encodeURIComponent 和 decodeURIComponent 的区别？
• 如何终止 WebWork？
• 写一个方法把多维数组降维
• 使用正则去掉 html 中标签与标签之间的空格

软技能

• 你有开发过弹幕吗？知道它的原理吗？说说看
• 你了解雅虎前端优化的 35 条军规吗？你能说上几条？
• 如果一个项目要你重构成前后端分离，你的方法论是什么？
• 用哪种格式可以存储包含 Alpha 通道的图像？Alpha 通道是指什么？
• 你有签过保密协议吗？说说你对保密协议的理解
• 你对 jsfuck 有了解吗？它的原理是什么？请举例说明
• 你有做过骨架屏吗？它的原理是什么知道吗？

全部

所有

交流讨论

项目地址：https://github.com/haizlin/fe…