你现在是一名专业的前端工程师，你对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进行前端项目构建？
如何使用单元测试框架进行前端测试？
请描述一种你熟悉的前端代码质量检查工具或方法。