前台面试每日3+1（周汇总2020.05.10）

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

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

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

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

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

微信公众号和微信群

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

微信公众号和微信群