2021前端面试题精编.pdf_前端面试题

一线大厂面试

需积分: 50 118 浏览量更新于2023-03-16 评论 9 收藏 17.3MB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

《前端初级工程师面试题精编解析大全》

前言

历时半年，我们整理了这份市面上最全面的前端初级工程师面试题解析大全。

包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等

一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前

两轮技术面试的几率。

前端面试题集锦——

HTML

篇

........................................................................................................

你是怎么理解

HTML

语义化

..............................................................................................

你用过哪些

HTML5

标签

....................................................................................................

3. meta viewport

是做什么用的，怎么写？

.........................................................................

4.H5

是什么

..............................................................................................................................

5.label

标签的作用

...................................................................................................................

行内元素有哪些？块级元素有哪些？空

(void)

元素有那些？

........................................

7.a

标签中如何禁用

href

跳转页面或定位链接

.............................................................

8. canvas

在标签上设置宽高和在

style

中设置宽高有什么区别

.......................................

你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么

.............................

10.iframe

有哪些缺点？

..........................................................................................................

11.HTML5

新特性

.....................................................................................................................

12.HTML5

离线储存

.................................................................................................................

13.

浏览器是怎么对

HTML5

的离线储存资源进行管理和加载的呢？

...............................

14.Doctype

作用

严格模式与混杂模式如何区分？它们有何意义

.................................

15.HTML

与

XHTML

——二者有什么区别

..............................................................................

前端面试题集锦——

CSS

篇

............................................................................................................

页面渲染时，

dom

元素所采用的布局模型

可通过

box-sizing

进行设置。根据计算宽

高的区域可分为：

...................................................................................................................

2. ie

盒模型算上

border

、

padding

及自身（不算

margin

），标准的只算上自身窗体的大

小

css

设置方法如下：

...........................................................................................................

几种获得宽高的方式

.........................................................................................................

拓展各种获得宽高的方式

................................................................................................

前端交流：421374697

5.边距重叠解决方案(BFC) BFC 原理

.....................................................................................

6.css reset 和 normalize.css 有什么区别：

.............................................................................

7.居中方法：

............................................................................................................................

8.css 优先确定级：

..................................................................................................................

9.如何清除浮动：

....................................................................................................................

10.自适应布局：

......................................................................................................................

11.画三角形：

..........................................................................................................................

12.link @import 导入 css：

.....................................................................................................

13.长宽比方案：

......................................................................................................................

14.display 相关：

.....................................................................................................................

15.CSS 优化：

...........................................................................................................................

16.CSS 开启 GPU 加速

..............................................................................................................

17.开启 GPU 硬件加速可能触发的问题：

............................................................................

18.CSS 中 link 与@import 的区别：

.......................................................................................

19.CSS 选择器列表优先级及权重：

.......................................................................................

20.display:none 和 visibility:hidden 的区别：

........................................................................

21.position 的 absolute 与 fixed 共同点与不同点：

.............................................................

22.介绍一下 CSS 的盒子模型：

..............................................................................................

23.CSS 选择符有哪些？

...........................................................................................................

24.哪些属性可以继承？

..........................................................................................................

25.优先级算法如何计算？

......................................................................................................

26.CSS3 新增伪类有哪些：

.....................................................................................................

27.列出 display 的值，说明他们的作用：

............................................................................

28.position 的值，relative 和 absolute 分别是相对于谁进行定位的：

..............................

29. CSS3 有哪些新特性：

........................................................................................................

30.为什么要初始化 CSS 样式

..................................................................................................

31.canvas 在标签上设置宽高和在 style 中设置宽高有什么区别：

..................................

32. 什么是 css HACK？

............................................................................................................

33. Less/Sass/Scss 的区别

........................................................................................................

34. css 与 js 动画差异：

..........................................................................................................

35. CSS 预处理器(Sass/Less/Postcss)：

...................................................................................

36.CSS 动画：

...........................................................................................................................

37.去除浮动影响，防止父级高度塌陷：

.............................................................................

38.选择器优先级：

..................................................................................................................

39.居中布局：

..........................................................................................................................

40.层叠上下文：

......................................................................................................................

41.BFC：

....................................................................................................................................

42.介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模型有什么不同的？

............

43.box-sizing 属性？

.................................................................................................................

44.CSS 选择器有哪些？哪些属性可以继承？

.......................................................................

45.CSS 优先级算法如何计算？

...............................................................................................

46.如何居中 div？如何居中一个浮动元素？如何让绝对定位的 div 居中？

....................

47.display 有哪些值？说明他们的作用?

...............................................................................

48.position 的值？

....................................................................................................................

前端交流：421374697

49. 文字阴影：

........................................................................................................................

50.font-face 属性：

..................................................................................................................

51.圆角（边框半径）：

............................................................................................................

52.边框图片：

..........................................................................................................................

53.盒阴影：

..............................................................................................................................

54.媒体查询：

..........................................................................................................................

55.请解释一下 CSS3 的 flexbox（弹性盒布局模型）,以及适用场景？

.............................

56.用纯 CSS 创建一个三角形的原理是什么？

.....................................................................

57.一个满屏品字布局如何设计?

............................................................................................

58.为什么要初始化 CSS 样式

..................................................................................................

59.absolute 的 containing block 计算方式跟正常流有什么不同？

.....................................

60.解释 css sprites ，如何使用？

..........................................................................................

61.阐述一下 CSS Sprites：

.......................................................................................................

63.style 标签写在 body 后与 body 前有什么区别

................................................................

64.png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过 webp

......

65.display:inline-block 什么时候会显示间隙？

....................................................................

66. li 与 li 之间有看不见的空白间隔是什么原因引起的？有什么解决办法？

.................

67.如果需要手动写动画，你认为最小时间间隔是多久，为什么？

.................................

68.让页面里的字体变清晰，变细用 CSS 怎么做？

.............................................................

69.你对 line-height 是如何理解的？

......................................................................................

70.::before 和 :after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用

71.视差滚动效果？

..................................................................................................................

72.什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的 IE？

.........

73.全屏滚动的原理是什么？用到了 CSS 的哪些属性？

.....................................................

74.元素竖向的百分比设定是相对于容器的高度吗？

.........................................................

75.margin 和 padding 分别适合什么场景使用？

..................................................................

76.在网页中的应该使用奇数还是偶数的字体？为什么呢？

.............................................

77.浏览器是怎样解析 CSS 选择器的？

..................................................................................

78.CSS 优化、提高性能的方法有哪些？

...............................................................................

79.使用 CSS 预处理器吗？

....................................................................................................

80.移动端的布局用过媒体查询吗？

.....................................................................................

81.设置元素浮动后，该元素的 display 值是多少？

............................................................

82.上下 margin 重合的问题

....................................................................................................

83.为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式？

.............................

84.对 BFC 规范(块级格式化上下文：block formatting context)的理解？

..........................

85.position 跟 display、overflow、float 这些特性相互叠加后会怎么样？

........................

86.CSS 里的 visibility 属性有个 collapse 属性值？在不同浏览器下以后什么区别？

........

87.absolute 的 containing block 计算方式跟正常流有什么不同？

.....................................

88.常见的兼容性问题？

..........................................................................................................

89.请解释一下 CSS3 的 flexbox（弹性盒布局模型）,以及适用场景？

.............................

90.解释下 CSS sprites,以及你要如何在页面或网站中使用它：

.........................................

91.一个页面从输入 URL 到页面加载显示完成，这个过程都发生了什么：

....................

92.哪些地方会出现 CSS 堵塞，哪些地方会出现 JS 堵塞：

................................................

前端面试题集锦——JavaScript

.......................................................................................................

前端交流：421374697

1.请你谈谈 Cookie 的优缺点

...................................................................................................

2.Array.prototype.slice.call(arr，2)方法的作用是：

..............................................................

3.以下代码执行后，控制台的输出是：

...............................................................................

4、简单说一下浏览器本地存储是怎样的

............................................................................

5.原型 / 构造函数 / 实例

.....................................................................................................

6.原型链：

................................................................................................................................

7.执行上下文(EC)

.....................................................................................................................

8.变量对象

................................................................................................................................

9.作用域链

................................................................................................................................

10.闭包

......................................................................................................................................

11.对象的拷贝

..........................................................................................................................

12.new 运算符的执行过程

......................................................................................................

13.instanceof 原理

....................................................................................................................

14.代码的复用

..........................................................................................................................

15.继承

......................................................................................................................................

16.类型转换

..............................................................................................................................

17.类型判断

..............................................................................................................................

18.模块化

..................................................................................................................................

19.防抖与节流

..........................................................................................................................

20.函数执行改变 this

...............................................................................................................

21.ES6/ES7

.................................................................................................................................

22.AST

........................................................................................................................................

23.babel 编译原理

....................................................................................................................

24.函数柯里化

..........................................................................................................................

25.get 请求传参长度的误区

...................................................................................................

26.补充 get 和 post 请求在缓存方面的区别

.........................................................................

27.说一下闭包

..........................................................................................................................

28.说一下类的创建和继承

......................................................................................................

29.如何解决异步回调地狱

......................................................................................................

30.说说前端中的事件流

..........................................................................................................

31.如何让事件先冒泡后捕获

..................................................................................................

32.说一下事件委托

..................................................................................................................

33.说一下图片的懒加载和预加载

.........................................................................................

34.mouseover 和 mouseenter 的区别

.....................................................................................

35. js 的 new 操作符做了哪些事情

........................................................................................

36.改变函数内部 this 指针的指向函数（bind，apply，call 的区别）

...............................

37.js 的各种位置，比如 clientHeight,scrollHeight,offsetHeight , 以及 scrollTop,

offsetTop,clientTop 的区别？

...................................................................................................

38.js 拖拽功能的实现

..............................................................................................................

39.异步加载 js 的方法

.............................................................................................................

40.Ajax 解决浏览器缓存问题

..................................................................................................

41.js 的防抖

..............................................................................................................................

42.js 节流

..................................................................................................................................

43.JS 中的垃圾回收机制

.........................................................................................................

前端交流：421374697

44.eval 是做什么的

..................................................................................................................

45. 如何理解前端模块化

........................................................................................................

46.说一下 Commonjs、AMD 和 CMD

.....................................................................................

46.对象深度克隆的简单实现

..................................................................................................

47.实现一个 once 函数，传入函数参数只执行一次

...........................................................

48.将原生的 ajax 封装成 promise

...........................................................................................

49.js 监听对象属性的改变

......................................................................................................

50.如何实现一个私有变量，用 getName 方法可以访问，不能直接访问

........................

51.setTimeout、setInterval 和 requestAnimationFrame 之间的区别

...................................

52.实现一个两列等高布局，讲讲思路

.................................................................................

53.自己实现一个 bind 函数

....................................................................................................

54.用 setTimeout()方法来模拟 setInterval()与 setInterval()之间的什么区别？

..................

55. js 怎么控制一次加载一张图片，加载完后再加载下一张

.............................................

56.如何实现 sleep 的效果（es5 或者 es6）

..........................................................................

57.Function._proto_(getPrototypeOf)是什么？

.....................................................................

58.实现 js 中所有对象的深度克隆（包装对象，Date 对象，正则对象）

........................

59.简单实现 Node 的 Events 模块

..........................................................................................

60.箭头函数中 this 指向举例

..................................................................................................

61. js 判断类型

.........................................................................................................................

62.数组常用方法

......................................................................................................................

63.数组去重

..............................................................................................................................

64.闭包有什么用

......................................................................................................................

65.事件代理在捕获阶段的实际应用

.....................................................................................

66.去除字符串首尾空格

..........................................................................................................

67.性能优化

..............................................................................................................................

68.来讲讲 JS 的闭包吧

.............................................................................................................

69.能来讲讲 JS 的语言特性吗

................................................................................................

70.如何判断一个数组(讲到 typeof 差点掉坑里)

..................................................................

71.你说到 typeof，能不能加一个限制条件达到判断条件

..................................................

72.JS 实现跨域

..........................................................................................................................

73.Js 基本数据类型

..................................................................................................................

74.js 深度拷贝一个元素的具体实现

......................................................................................

75.之前说了 ES6set 可以数组去重，是否还有数组去重的方法

........................................

76.重排和重绘，讲讲看

..........................................................................................................

77.JS 的全排列

..........................................................................................................................

78.跨域的原理

..........................................................................................................................

79.不同数据类型的值的比较，是怎么转换的，有什么规则

.............................................

80、null == undefined 为什么

.................................................................................................

81、this 的指向哪几种

..........................................................................................................

89、暂停死区

.........................................................................................................................

82、AngularJS 双向绑定原理

..................................................................................................

83、写一个深度拷贝

...............................................................................................................

84、简历中提到了 requestAnimationFrame，请问是怎么使用的

.....................................

85、有一个游戏叫做 Flappy Bird，就是一只小鸟在飞，前面是无尽的沙漠，上下不断有

前端交流：421374697

剩余228页未读，继续阅读

易烊千鹤

粉丝: 69
资源: 3

会员权益专享

2021前端面试题精编.pdf

评论0

会员权益专享

最新资源

2021前端面试题精编.pdf

评论0

自己整理的一些前端面试笔试题pdf.pdf

2022大厂前端面试题精选.pdf

2021前端面试题含答案下载 [完整版]pdf.pdf

算法面试题集锦.pdf

2021前端面试真题pdf

前端vue面试题.pdf

2022最新android基础面试题合集.pdf

2020年前端大厂面试题最全汇总.pdf

2021前端面试题docx

2023前端面试上岸手册精选.pdf

c 面试题集锦.docx(共152页)

2022Go后端开发大厂面试题.pdf

《2021测试面试题- pdf

前端基础面试题2021 pdf

2021校招面试题库c++版,很全.pdf

北理工 成电 东南——通信/信号保研面试真题.pdf

高级前端工程师面试题答案 pdf

互联网大厂java工程师面试题.pdf

2021 js 前端面试题

阿里主管面试前端面试题

会员权益专享

最新资源

北理工成电东南——通信/信号保研面试真题.pdf