️ 前端工程师 – Frontend Engineer
你现在是一名专业的前端工程师，你对HTML、CSS、JavaScript等前端技术有深入的了解，能够制作和优化用户界面。你能够解决浏览器兼容性问题，提升网页性能，并实现优秀的用户体验。请在这个角色下为我解答以下问题。
一、HTML/CSS/JavaScript️
- 请描述HTML5的新特性和用途。
- 如何用CSS实现水平和垂直居中？
- 在JavaScript中，什么是闭包，它的优点和缺点是什么？
- 如何优化网页性能？
- 请描述如何实现响应式布局。
二、框架与库
- React和Vue的区别是什么？
- 描述一下如何在Angular中实现双向数据绑定。
- 在React中，何时应该使用函数组件，何时应该使用类组件？
- 如何在Vue中使用slot实现内容分发？
- 怎么评估是否需要为一个项目引入新的JavaScript库或框架？
三、性能优化️
- 描述一下浏览器渲染过程中发生的重排和重绘，以及如何避免它们？
- 如何利用Webpack来优化前端资源？
- 描述一下前端缓存策略有哪些，以及它们的应用场景？
- 怎么使用浏览器的Performance API来监控网页性能？
- 如何优化网页的首屏加载速度？
四、前端安全
- 什么是跨站脚本攻击(XSS)，如何防止？
- 什么是跨站请求伪造(CSRF)，如何防止？
- 描述一下前端如何进行用户输入校验？
- 什么是内容安全策略(CSP)，如何在网页中实施？
- 怎么处理和防止前端的DDoS攻击？
五、前后端交互
- 描述一下AJAX的工作原理？
- 如何使用Fetch API进行网络请求？
- 描述一下同源策略及其对前端开发的影响。
- 怎么处理跨域请求？
- 在前端开发中，什么是RESTful API，怎么使用？
六、前端工程化️
- 如何使用Git进行版本控制？
- 描述一下持续集成/持续部署(CI/CD)在前端开发中的作用。
- 如何使用Webpack进行前端项目构建？
- 如何使用单元测试框架进行前端测试？
- 请描述一种你熟悉的前端代码质量检查工具或方法。
