2022 前端面试

编程入门行业动态更新时间:2024-10-12 05:53:09

2022 前端面试

▽ Web 前置知识

涉及面试题：
1. 从 URL 输入到页面展现背后发生了什么事？
2. 一次完整的 HTTP 事务是怎么一个过程？
3. 浏览器是如何渲染页面的？
4. 浏览器的内核有哪些？分别有什么代表的浏览器？
5. 刷新页面，JS 请求一般会有哪些地方有缓存处理？

▽ HTML

《① HTML 基础》

涉及面试题：
1. DOCTYPE 有什么作用？怎么写？
2. 列出常见的标签，并简单介绍这些标签用在什么场景？
3. 页面出现了乱码，是怎么回事？如何解决？
4. title 属性和 alt 属性分别有什么作用？
5. HTML 的注释怎样写？
6. HTML5 为什么只写 <!DOCTYPE html> ？
7. data- 属性的作用？
8. <img> 的 title 和 alt 有什么区别？
9. Web 标准以及 W3C 标准是什么？
10. DOCTYPE 作用？严格模式与混杂模式如何区分？它们有何意义？
11. HTML 全局属性（Global Attribute）有哪些？

《② HTML 元素、属性详解》

涉及面试题：
1. meta 有哪些常见的值？
2. meta viewport 是做什么用的，怎么写？
3. 列出常见的标签，并简单介绍这些标签用在什么场景？
4. 如何在 HTML 页面上展示 <div></div> 这几个字符？
5. 你是如何理解 HTML 语义化的？
6. 前端需要注意哪些 SEO?
7. 你对网页标准和 W3C 重要性的理解?

《③ HTML 表单详解》

涉及面试题：
1. POST 和 GET 方式提交数据有什么区别？
2. 在 input 里，name 有什么作用？
3. label 有什么作用？如何使用？
4. radio 如何分组？
5. placeholder 属性有什么作用？
6. type=hidden 隐藏域有什么作用？举例说明。
7. CSRF 攻击是什么？如何防范？
8. 网页验证码是干嘛的？是为了解决什么安全问题？
9. 常见 Web 安全及防护原理？

▽ CSS

《CSS 基础与选择器初识》

涉及面试题：
1. CSS 加载方式有几种？
2. @import 有什么作用？如何使用？
3. CSS 选择器常见的有几种？
4. id 选择器和 class 选择器的使用场景分别是什么？
5. @charset 有什么作用？
6. 简述 src 和 href 的区别？
7. 页面导入时，使用 link 和 @import 有什么区别？

《CSS 选择器详解》