2023-07-18 前端面试题 - 3 年前端基础 1
当然，下面是我作为资深前端工程师在面试一个有三年工作经验的候选人时可能会提出的 30 个问题，这些问题覆盖了 HTML, CSS, JavaScript,框架知识（如 React 和 Vue）以及一些通用的前端技术问题：
- 请解释 HTML5 和 HTML4 的主要区别是什么？
1.结构不同
2.H4的兼容性比H5的好，H5主要用于webapp的开发
3.增加了许多特性
4.H5新增的语义化标签:header ,nav ,footer ,address,article ,section,aside等
5.表单中input标签新增了type属性请详述一下 CSS 的盒模型。
如何使用 JavaScript 来复制一个对象？
如何解决跨域请求问题？
请解释一下事件冒泡和事件捕获的概念，并举例说明它们的应用场景。
如何实现页面的懒加载？
请解释一下 ES6 中的 Promises 以及它的应用场景。
在 React 中，类组件和函数组件有什么区别？
Vue 中的双向绑定是如何实现的？
什么是响应式设计？你是如何实现响应式设计的？
如何优化前端性能？
请解释一下 AJAX 的工作原理。
在 JavaScript 中，==和===有什么区别？
请解释一下闭包的概念，并给出一个实例。
如何处理 JavaScript 中的异常？
在 React 中，当父组件的 state 改变时，会发生什么？
请解释一下 Vue 中的虚拟 DOM。
描述一个你在项目中使用过的最有趣或最复杂的 CSS 动画效果。
你如何看待前端安全问题，你在开发过程中是如何防止 XSS 攻击和 CSRF 攻击的？
请描述你理解的前端工程化。
请解释一下 HTTP 和 HTTPS 的区别。
如何使用 JavaScript 实现继承？
Webpack 在项目中有什么作用？并简述其工作原理。
请解释一下 React 的生命周期方法。
Vue 的计算属性和侦听器有什么区别？
如何使用 CSS 创建一个三角形？
请解释一下在 JavaScript 中“this”的工作原理。
在 React 中，什么时候使用状态提升？
描述一下你对浏览器渲染过程的理解。
在项目中，你是如何进行前后端交互的？
这些问题涵盖了候选人的基础知识、问题解决能力、框架使用经验以及他们的工作流程和思考方式。