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

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

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值