前端面试题摘要：基础概念：html 是一种用于创建网页内容的标记语言。css 控制网页的视觉呈现，包括字体、颜色和布局。javascript 用于创建动态和交互式网页元素。前端框架：流行的前端框架包括 react、angular 和 vue.js。react 使用基于组件的体系结构和单向数据流，而 vue.js 使用基于模板的体系结构和双向数据绑定。性能优化：使用 cdn 缓存静态内容以提升网页加载速度。懒加载只在需要时加载内容，提高性能。安全性：xss 攻击通过
2024 年前端面试题：浅入深
一、基础概念
1.什么是 HTML？
HTML (超文本标记语言) 是一种标记语言，用于创建和结构化网页的内容。
2.解释 CSS 的作用。
CSS (层叠样式表) 是一种样式表语言，用于控制网页的视觉呈现，包括字体、颜色、布局和动画。
立即学习“前端免费学习笔记（深入）”；
3.描述 JavaScript 的用途。
JavaScript 是一种编程语言，用于在网页上创建动态和交互式元素，例如表单验证、菜单和动画。
二、前端框架
1.举例说明一个流行的前端框架。
React、Angular 和 Vue.js 是当下流行的前端框架。
2.比较 React 和 Vue.js 的主要区别。
React 使用基于组件的体系结构，而 Vue.js 使用基于模板的体系结构。React 采用单向数据流，而 Vue.js 采用双向数据绑定。
三、性能优化
1.列举一种提升网页加载速度的方法。
使用内容传递网络 (CDN) 可以将静态内容（例如图像和 CSS 文件）缓存到靠近用户的位置，从而加快加载速度。
2.解释懒加载的原理。
懒加载只在需要时加载内容，通常在用户滚动页面时。这有助于减少初始页面加载时间并提高性能。
四、安全性
1.说明跨站点脚本 (XSS) 攻击的工作原理。
XSS 攻击利用网站中不受信任的输入，向用户浏览器中注入恶意脚本，从而窃取敏感信息或控制计算机。
2.列举一种防止 XSS 攻击的方法。
对用户输入进行转义或验证，可以防止恶意脚本执行。
五、移动端开发
1.解释移动端优先设计的原则。
移动端优先设计是一种方法，它从为移动设备创建最佳体验开始，然后扩展到其他设备。
2.列举用于构建响应式网页的两个媒体查询。max-width: 768px 用于针对屏幕宽度小于 768 像素的设备；min-width: 1200px 用于针对屏幕宽度大于或等于 1200 像素的设备。
