前端面试题-2023年自己整理最新版

1、HTML面试题

• html 语义化
• canvas 相关
• svg和canvas的区别？
• html5有哪些新特性？
• 如何处理HTML5新标签的浏览器兼容问题？
• 说说 title 和 alt 属性
• HTML全局属性(global attribute)有哪些

2、CSS面试题

• 让一个元素水平垂直居中，到底有多少种方案？
• 浮动布局的优点？有什么缺点？清除浮动有哪些方式？
• 使用display:inline-block会产生什么问题？解决方法？
• 布局题：div垂直居中，左右10px，高度始终为宽度一半
• 盒模型
• CSS如何进行品字布局？
• CSS如何进行圣杯布局
• CSS如何实现双飞翼布局？
• 什么是BFC？
• 什么是 Css Hack？ie6,7,8 的 hack 分别是什么？
• 描述一个”reset”的 CSS 文件并如何使用它。知道 normalize.css 吗？你了解他们的不同之处？
• CSS 中 link 和@import 的区别是？
• 为什么要初始化样式？

…

3、JavaScript面试题

• 0.1+0.2为什么不等于0.3？
• 什么是BigInt?
• 为什么需要BigInt?
• 什么是闭包？
• 闭包产生的原因?
• 闭包有哪些表现形式?
• 原型对象和构造函数有何关系？
• 能不能描述一下原型链？
• JS如何实现继承？
• null是对象吗？为什么？
• call 和 apply 的区别
• 描述一下 V8 执行一段JS代码的过程？
• 关于JS中一些重要的api实现
• == 和 ===有什么区别？
• 如何让if(a == 1 && a == 2)条件成立？

…

4、前端框架面试题

Vue

• Vue 双向绑定原理
• 描述下 vue 从初始化页面--修改数据--刷新页面 UI 的过程？
• 你是如何理解 Vue 的响应式系统的?
• 组件中写 name 选项有什么作用？
• vue 中怎么重置 data?
• vue 首屏加载优化
• vuex是什么？怎么使用？哪种功能场景使用它？
• vuex有哪几种属性？
• 虚拟 DOM 实现原理
• Vue 中 key 值的作用？
• 什么是MVVM？
• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

React

• React有什么特点？
• 列出React的一些主要优点。
• React有哪些限制？
• 什么是JSX？
• 你了解 Virtual DOM 吗？解释一下它的工作原理。
• 与 ES5 相比，React 的 ES6 语法有何不同？
• 解释 React 中 render() 的目的。
• React中的状态是什么？它是如何使用的？
• 如何更新组件的状态？
• 如何模块化 React 中的代码？
• React中的事件是什么？
• 如何在React中创建一个事件？
• 你对 React 的 refs 有什么了解？
• 列出一些应该使用 Refs 的情况。
• 如何在 React 中创建表单
• 什么是高阶组件（HOC）？
• MVC框架的主要问题是什么？
• Redux与Flux有何不同？
• 数据如何通过 Redux 流动？
• 什么是React 路由？
• 为什么React Router v4中使用 switch 关键字 ？

…

5、浏览器面试题

• 能不能说一说浏览器缓存?
• 能不能说一说浏览器的本地存储？各自优劣如何？
• 能不能实现事件的防抖和节流？
• 浏览器缓存
• 谈谈你对重绘和回流的理解
• 能不能实现图片懒加载？
• 说一说从输入URL到页面呈现发生了什么？
• 能不能说一说XSS攻击？
• BOM对象模型

…

6、计算机网络面试题

• HTTP 缓存
• HTTP 常用的状态码及使用场景？
• HTTP 常用的请求方式，区别和用途？
• 你对计算机网络的认识怎么样
• HTTPS 是什么？具体流程
• WebSocket与Ajax的区别
• TCP 如何保证有效传输及拥塞控制原理。
• TCP 协议怎么保证可靠的，UDP 为什么不可靠？

7、一些开放性题目

1)说说最近最流行的一些东西吧？常去哪些网站？

2)自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。

3)项目介绍

4)前端开发的职业现状和前景是什么？

5)平时是如何学习前端开发的？

6)1-3年工作经验，你有信心顺利跳槽到BATJ等一线互联网大公司吗？

7)你觉得哪个框架比较好,好在哪里

8)你觉得最难得技术难点是什么