【web前端面试宝典】经典10问（上篇）(web前端面试题2021及答案)

【web前端面试宝典】经典10问（上篇）

推荐整理分享【web前端面试宝典】经典10问（上篇）(web前端面试题2021及答案)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:web前端面试基础知识,web前端面试题最新,web前端面试基础知识,web前端面试基础知识,web前端面试题最新,web前端面试宝典,web前端面试基础知识,2021web前端面试,内容如对您有帮助，希望把文章链接给更多的朋友！

🐚作者简介：苏凉（专注于网络爬虫，数据分析，正在学习前端的路上） 🐳博客主页：苏凉.py的博客 🌐系列专栏：前端面试 👑名言警句：海阔凭鱼跃，天高任鸟飞。 📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！ 👉关注✨点赞👍收藏📂

经常有小伙伴问我有没有什么比较适合面试的网站，在这里我跟大家推荐一个比较适合学生党刷题，面试的网站，这里涵盖了面试题库，在线刷题，各个大厂的面试/笔试真题等，我用了很久了。非常好用。也是有一个小伙伴向我反馈，下周二要面试了，祝这位小伙伴面试顺利通过吧！！ 点击链接即可直达！=>牛客网-找工作神器

说回正题，我在这个网站内总结了一些前端面试题，希望对这个小伙伴也是对大家伙能有所帮助！！

文章目录第一问：说一说盒模型？第二问：说一说JS变量提升？第三问：说一说map和forEach的区别？第四问：说一说call apply bind的作用和区别？第五问：说一说null和undefined的区别，如何让一个属性变为null？第六问：说一说cookie sessionStorage localStorage的区别？第七问：说一说样式优先级的规则是什么？第八问：说一下浮动？第九问：说一说你对闭包的理解？第十问：说一下浏览器输入URL发生了什么？第一问：说一说盒模型？

得分点： 标准盒模型、怪异盒模型

标准回答： CSS盒模型定义了盒的每个部分包含 margin, border, padding, content 。根据盒子大小的计算方式不同盒模型分成了两种，标准盒模型和怪异盒模型。 首先，标准盒模型：给盒设置 width 和 height，实际设置的是 content box。padding 和 border 再加上设置的宽高一起决定整个盒子的大小。 其次，怪异盒模型：给盒设置 width 和 height，包含了padding和border ，设置的 width 和 height就是盒子实际的大小 设置标准盒模型：box-sizing:content-box。 设置怪异盒模型：box-sizing:border-box

第二问：说一说JS变量提升？

得分点： Var