最新2024最新Web前端经典面试题及答案,万字总结

您所在的位置:网站首页 前端面经及答案 最新2024最新Web前端经典面试题及答案,万字总结

最新2024最新Web前端经典面试题及答案,万字总结

2024-07-13 20:55| 来源: 网络整理| 查看: 265

css

1,盒模型 2,如何实现一个最大的正方形 3,一行水平居中,多行居左 4,水平垂直居中 5,两栏布局,左边固定,右边自适应,左右不重叠 6,如何实现左右等高布局 7,画三角形 8,link @import导入css 9,BFC理解

js

1,判断 js 类型的方式 2,ES5 和 ES6 分别几种方式声明变量 3,闭包的概念?优缺点? 4,浅拷贝和深拷贝 5,数组去重的方法 6,DOM 事件有哪些阶段?谈谈对事件代理的理解 7,js 执行机制、事件循环 8,介绍下 promise.all 9,async 和 await, 10,ES6 的 class 和构造函数的区别 11,transform、translate、transition 分别是什么属性?CSS 中常用的实现动画方式, 12,介绍一下rAF(requestAnimationFrame) 13,javascript 的垃圾回收机制讲一下, 14,对前端性能优化有什么了解?一般都通过那几个方面去优化的?

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

6.行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

7.a标签中 如何禁用href 跳转页面 或 定位链接

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

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

10.iframe有哪些缺点?

11.HTML5新特性

12.HTML5离线储存

13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢

14.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

15.HTML与XHTML——二者有什么区别

CSS篇

1.页面渲染时,dom 元素所采用的 布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为:

2.ie盒模型算上border、padding及自身(不算margin),标准的只算上自身窗体的大小 css设置方法如下:

3.几种获得宽高的方式 :

4.拓展各种获得宽高的方式 :

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.优先级算法如何计算?

由于内容过多,如需获取完整面试题+解析可以【点击我】。

JavaScript篇

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的区别)

总结

为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。

内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

前端面试题汇总

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript

性能

linux

t/7796de226b373d068d8f5bef31e668ce.png)

性能

linux



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3