最新经典web前端面试题，网友：我已经准备好年后面试了！

约定不等于承诺〃 2022-04-23 06:56 272阅读 0赞

最新经典web前端面试题汇总。如果你一些基本问题答对了，那么我可以肯定的是 你面试任何公司的前端技术轮，都是没问题的。不是我吹，是真的 基础很重要。今天这套面试题也很特别，都是一些问题，没为大家准备答案，这样做的目的就是希望培养大家独立自学的能力，不要总是依靠别人的答案，这些问题网上也是能查到答案的，随着看问题随着找答案能在一定程度上巩固所学知识。

![1240][]

**「 CSS篇 」**

1. CSS 盒子模型，绝对定位和相对定位

2. 清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法

3. 如何保持浮层水平垂直居中

4. position 和 display 的取值和各自的意思和用法

5. 样式的层级关系，选择器优先级，样式冲突，以及抽离样式模块怎么写，说出思路，有无实践经验

6. css3动画效果属性，canvas、svg的区别，CSS3中新增伪类举例

7. px和em和rem的区别，CSS中link 和@import的区别是?

5. 了解过flex吗?

**「 JavaScript 篇 」**

**JavaScript 基础**

1. JavaScript 里有哪些数据类型，解释清楚 null 和 undefined，解释清楚原始数据类型和引用数据类型。比如讲一下 1 和 Number(1)的区别

2. 将一下 prototype 是什么东西，原型链的理解，什么时候用 prototype

3. 函数里的this什么含义，什么情况下，怎么用。

4. apply和 call 什么含义，什么区别?什么时候用。(我有篇文章 重点分析过)

5. 数组和对象有哪些原生方法，列举一下，分别是什么含义，比如连接两个数组用哪个方法，删除数组的指定项和重新组装数组(操作数据的重点)。

6. 怎样避免全局变量污染?ES5严格模式的作用，ES6箭头函数和ES5普通函数一样吗?

**JavaScript 的面向对象**

1. JS 模块包装格式都用过哪些，CommonJS、AMD、CMD。定义一个JS 模块代码，最精简的格式是怎样。

2. JS 怎么实现一个类。怎么实例化这个类。

3. 理解闭包吗?请讲一讲闭包在实际开发中的作用;闭包建议频繁使用吗?

4. 说一下了解的js 设计模式，解释一下单例、工厂、观察者。

5. ajax 跨域有哪些方法，jsonp 的原理是什么，如果页面编码和被请求的资源编码不一致如何处理?

**「 开源工具 」**

1)是否了解开源的架构工具 bower、npm、yeoman、gulp、webpack，有无用过，有无写过，一个 npm 的包里的 package.json 具备的必要的字段都有哪些(名称、版本号，依赖)

2)github常用不常用，关注过哪些项目

3)会不会用 ps 扣图，png、jpg、gif 这些图片格式解释一下，分别什么时候用。如何优化图像、图像格式的区别

4)说一下你常用的命令行工具

5)会不会用git，说上来几个命令，说一下git和svn的区别，有没有用git解决过冲突

**「 计算机网络基础 」**

1)说一下HTTP 协议头字段说上来几个，是否尽可能详细的掌握HTTP协议。一次完整的HTTP事务是怎样的一个过程?

2)cookies 是干嘛的，服务器和浏览器之间的 cookies 是怎么传的，httponly 的 cookies 和可读写的 cookie 有什么区别，有无长度限制

请描述一下cookies，sessionStorage和localStorage的区别

3)从敲入 URL 到渲染完成的整个过程，包括 DOM 构建的过程，说的约详细越好。

4)是否了解Web注入攻击，说下原理，最常见的两种攻击(XSS 和 CSRF)了解到什么程度。

5)是否了解公钥加密和私钥加密。如何确保表单提交里的密码字段不被泄露。验证码是干嘛的，是为了解决什么安全问题。

6)编码常识：文件编码、URL 编码、Unicode编码 什么含义。一个gbk编码的页面如何正确引

**「 前端框架 」**

1) 对 MVC、MVVM的理解

2) vue、angularjs等 相对于 jQuery在开发上有什么优点?

3)前后分离的思想了解吗?

4)你上一个项目都用到了那些方法优化js的性能?

5)angular的生命周期?

6)说一下你对vue和vuex的使用方法，vue的组件复用机制

**考察学习能力和方法**

1)你每天必须登录的网站(前端技术相关)是什么?

2)前端技术方面看过哪些书，有无笔记，都有哪些收获。

3)收藏了哪些代码片段?有想过开源自己的代码嘛?

4)怎么理解前端技术的大趋势?自己再做哪方面的知识储备?

5)是否了解或精通其他(后端)的编程语言?

6)做项目有没有遇到哪些印象深刻的技术攻关，具体遇到什么问题，怎么找答案的，最后怎么解的。

7)对以后自己的前端职业路线，怎么规划？

**开放性问题(重要)**

这些问题往往决定你是否最终被录用或者等到终轮面试，技术点回答错了不要紧，人脑不是机器，是可以恶补的。

但如果你没有思想和独到的思路，基础挖的再深，可能也打动不了面试官，因为比你基础好的一大堆，但每个人的个性思想却是不同的。

1. 如果需要你加班，你会加吗，抵触吗?

其实你肯定抵触，但你肯定要回答如果项目需要肯定会加。

2. 一个小项目让你自己负责搭建底层一些架构，你能胜任吗?

回答例如：我肯定愿意尝试，并做到最优的选择方案出来。

3. 如果项目拖太久，你情绪低落或者厌烦了怎么调节?

回答就是， 你结合自身挑着好听的说就行，就像聊天。

4. 你建议自己造轮子，还是利用开源的轮子?

回答：根据实际情况而定，如果开源完全满足 可以自己二次开发就好，大大缩短开发周期，

如果实在没有契合度很高的，可以花费几个工作日尝试造轮

> **自己整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS \[炫酷特效，游戏，插件封装，设计模式\]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴, 有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。**
> 
> **加Q 裙：777093078（招募中）**

[1240]: /images/20220323/8e02e0b0238849cfb604a3443d6d20a7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

相关 2021年最新Web前端面试题精选大全及答案

目录 HTML、CSS相关 Javascript相关三者的异同 Vue相关 55.Vue路由懒加载（按需加载路由） React相关 react 生命周期函数

比眉伴天荒/ 2023年01月03日 04:22/ 0 赞/ 194 阅读

相关前端面试题准备完毕

目录 1、箭头函数和普通函数的区别 2、一道JS综合面试题 3、CSS盒子模型和IE盒子模型 4、DOM事件 5、HTTP协议 6、通信类 -----------

我就是我/ 2023年01月01日 13:51/ 0 赞/ 147 阅读

相关 web前端面试题

欢迎转载，但请注明出处： http://blog.csdn.net/sysuzjz/article/details/44562467 以下各问题来自于本人在各公司（主要

你的名字/ 2022年08月07日 07:44/ 0 赞/ 276 阅读

相关前端面试题（经典）

1、position的值， relative和absolute分别是相对于谁进行定位的？ `absolute` :生成绝对定位的元素，相对于最近一级的定位不是

淩亂°似流年/ 2022年06月06日 03:18/ 0 赞/ 188 阅读

相关 Web前端面试题

1. DOCTYPE 作用，标准模式与兼容模式(怪异模式)的区别？ <!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html> 标签之前。告知浏览器的解析器用

蔚落/ 2022年05月08日 15:18/ 0 赞/ 314 阅读

相关最新经典web前端面试题，网友：我已经准备好年后面试了！

最新经典web前端面试题汇总。如果你一些基本问题答对了，那么我可以肯定的是你面试任何公司的前端技术轮，都是没问题的。不是我吹，是真的基础很重要。今天这套面试题也很特别，都是

约定不等于承诺〃/ 2022年04月23日 06:56/ 0 赞/ 273 阅读

相关 WEB前端面试题

Web前端常见面试题及答案 1、盒子模型 > 盒子模型包括四部分：内容（content）、填充（padding）、边框（border）、边界（margin） >

一时失言乱红尘/ 2022年03月26日 08:07/ 0 赞/ 519 阅读

相关 web前端面试题

1.数据结构和算法 1）反转单词 ![20190811153431965.png][] export default (str) => { //

一时失言乱红尘/ 2021年11月01日 04:24/ 0 赞/ 427 阅读

相关经典前端面试题总结！！！

一、你知道多少种Doctype文档类型？该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。 HTML 4.01 规定了三种文档类

古城微笑少年丶/ 2021年09月07日 12:40/ 0 赞/ 410 阅读

相关 2019年最新经典web前端面试题

「 CSS篇」 CSS 盒子模型，绝对定位和相对定位清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法如何保持浮层水平垂直居中 position 和 di...

小灰灰/ 2021年04月28日 14:17/ 0 赞/ 540 阅读