2024最新Web前端经典面试题及答案,web开发技术包括哪些

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

37.js的各种位置,比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别?

38.js拖拽功能的实现

39.异步加载js的方法

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

41.js的防抖

42.js节流

43.JS中的垃圾回收机制

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

框架Vue篇


1.vue.js的两个核心是什么

2.vue 的双向绑定的原理是什么?

3.vue生命周期钩子函数有哪些?

4.请问 v-if 和 v-show 有什么区别?

5.vue常用的修饰符

6.nextTick

7.什么是vue生命周期

8.数据响应(数据劫持)

9.virtual dom 原理实现

10.Proxy 相比于 defineProperty 的优势

11.vuex
最后

最后写上我自己一直喜欢的一句名言:世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值