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

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

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

---

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

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

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

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

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

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

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

html

• 浏览器是如何解析html的？

• 举例说明图片懒加载的方案有哪些？

• 请说说input的inputmode属性有什么应用场景？

• html5的游戏引擎你了解多少？都有哪些比较好用的引擎呢？

• html5的Notification桌面通知如何请求权限？

• 使用history路由方式时，你有自己动手配置过服务器端吗？为什么要配服务器端？怎么配？

• history和hash两种路由方式的最大区别是什么？

css

• 使用css写一个红绿灯交替的动画效果

• 除了可以用js跟踪用户信息外，如果不用js，使用纯css怎么做呢？

• 当拿到一个新的项目，让你对这个项目的css做下架构设计，你该如何下手？

• 表列举一些你认为最“昂贵”的css属性并解释为什么

• 为什么说css的选择器是从右向左匹配？

• 使用css实现霓虹灯效果

• :placeholder-shown和:focus-within这两个伪类你有使用过吗？说说看

js

• 写一个获取非行间样式的方法

• 写一个获取页面中所有checkbox的方法

• XML与JSON有什么的区别？

• flash如何与js交互？

• 写一个格式化时间的方法

• 说说你对js对象生命周期的理解

• js操作节点的方法有哪些？

软技能

• 你认为企业内部协同工具最重要的功能是什么？

• 你上家公司内部用的是什么协同工具（企业微信、钉钉、QQ、RTX等）？

• 你有没有看过哪些开源项目的源码？说说你看源码的流程

• 你认为前端工程师需要很好的审美吗？

• 你知道什么是“银弹”吗？它指的是什么？

• 说说你对WASM的了解

• 如果HTTP2、5G普及了，浏览器也支持es module了，Webpack、Rollup这种打包工具还有意义吗？

交流讨论

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