前端开发面试题有：一、HTML；二、CSS；三、JavaScript；四、框架和工具；五、性能优化；六、安全性；七、跨域处理；八、移动端开发；九、前端工程化。HTML是前端开发的基础，也是面试中经常涉及的一个重要知识点。
一、HTML
HTML是前端开发的基础，也是面试中经常涉及的一个重要知识点。在HTML领域，常见的面试题包括但不限于：
- 什么是HTML5？有哪些新特性？
- HTML和XHTML有什么区别？
- 什么是语义化标签？举例说明。
二、CSS
CSS用于样式设计，对页面的美观和用户体验至关重要。在CSS领域，一些常见的面试题包括：
- CSS盒模型是什么？
- CSS选择器有哪些？请列举几个例子。
- 谈谈CSS的浮动和清除浮动。
三、JavaScript
JavaScript是前端开发中最为重要的脚本语言，掌握JavaScript知识对于面试至关重要。在JavaScript领域，一些常见的面试题包括：
- 什么是闭包？如何使用闭包？
- 解释一下异步编程，有哪些解决方案？
- 什么是ES6的箭头函数？它和普通函数有什么不同？
四、框架和工具
现代前端开发往往离不开各种框架和工具的支持。在这方面，面试中可能涉及到：
- 介绍一下React/Vue/Angular框架的特点和区别。
- 有使用过Webpack吗？它的作用是什么？
- 什么是组件化开发？为什么要使用组件化？
五、性能优化
性能优化是前端开发中一个至关重要的方面，面试中常常会考察候选人对于提高网页性能的理解和实践经验。一些可能的面试题包括：
- 什么是懒加载（Lazy Loading）？有哪些实现方式？
- 如何减小页面加载时间？
- 谈谈浏览器的渲染过程，如何优化渲染性能？
六、安全性
前端开发中的安全性问题同样备受关注，保障用户信息和系统安全是开发者的责任。一些可能涉及的面试题有：
- CSRF攻击是什么？如何防范？
- 什么是XSS攻击？如何避免XSS攻击？
- 如何确保前端代码的安全性？
七、跨域处理
由于浏览器的同源策略，跨域问题是前端开发中常见的挑战。在面试中，可能会遇到以下问题：
- 什么是同源策略？它存在的原因是什么？
- 介绍一下常见的跨域解决方案。
- JSONP的原理是什么？有哪些局限性？
八、移动端开发
随着移动设备的普及，移动端开发成为前端工作中不可忽视的一部分。一些可能涉及的面试题有：
- 响应式设计和移动端适配有什么区别？
- 移动端开发中如何优化用户体验？
- 介绍一下移动端常见的触摸事件。
九、前端工程化
前端工程化是提高开发效率和代码质量的重要手段，因此在面试中也可能涉及到：
- 什么是模块化开发？有哪些常见的模块化规范？
- 如何进行前端自动化构建？
- 谈谈你对持续集成（CI）的理解。
常见问答：
- 问：什么是跨域请求，以及如何解决跨域问题？
- 答：跨域请求是指在浏览器中，由于安全原因，不同域名之间的网络请求受到限制。解决跨域问题的常见方法包括使用 JSONP、CORS（跨域资源共享）、代理服务器等。CORS是现代前端开发中最常用的解决方案，通过服务器设置响应头部来允许跨域请求。
- 问：请解释什么是闭包（Closure），以及它在 JavaScript 中的用途。
- 答：闭包是指函数和其词法环境的组合，它可以访问其自身定义时的词法作用域以及外部作用域。闭包在JavaScript中的一个常见用途是创建私有变量，通过保护变量不被外部直接访问。另外，闭包还常用于实现函数柯里化、保存函数状态等功能。
- 问：什么是单页面应用（SPA）？它有哪些优缺点？
- 答：单页面应用是指在加载页面后，通过异步更新页面内容的方式实现页面跳转，而不是通过传统的多页面刷新。优点包括用户体验好、加载速度快，但也有缺点，如SEO难度较大、初次加载时间可能较长等。
