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

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

---

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

但愿你们 每日去学习与思考，这才达到来这里的目的！！！（不要为了谁而来，要为本身而来！）

【推荐】欢迎跟 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的了解
• 若是HTTP二、5G普及了，浏览器也支持es module了，Webpack、Rollup这种打包工具还有意义吗？

所有

全部

交流讨论

欢迎你们前来讨论，若是以为对你的学习有必定的帮助，欢迎点个Star, 同时欢迎加入 “前端面试每日3+1” 微信群（扫我的微信号邀请入群）相互交流。