2024前端面试题精选大全,web开发流程

  • 网页的三层结构有哪些
  • 请简述媒体查询
  • 三栏布局方式两边固定中间自适应
  • Doctype作用
  • CSS 预处理 sass less 是什么?为什么使用他们
  • 怎么转换less为css

JavaScript相关
  • Js基本数据类型有哪些
  • Ajax如何使用
  • 如何判断一个数据是NaN
  • 闭包是什么?有什么特性?对页面会有什么影响
  • Js中常见的内存泄漏:
  • 事件委托是什么?如何确定事件源(Event.target 谁调用谁就是事件源)
  • 什么是事件冒泡?
  • 本地存储与cookie的区别
  • ES6新特性
  • Let与var与const的区别
  • 数组方法有哪些请简述
  • 请掌握2种以上数组去重的方式
  • 什么是面向对象请简述
  • 普通函数和构造函数的区别
  • 请简述原型 / 原型链 /(原型)继承
  • Promise的理解
  • 请简述async的用法
  • 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?
  • Js中.call()与.apply()区别
  • 为什么会造成跨域/请简述同源策略
  • This指向
  • 什么是jsonp工作原理是什么?他为什么不是真正的ajax
  • 请写出一个简单的类与继承
  • 同步与异步的区别/阻塞与非阻塞区别
  • 为什么js是弱类型语言
  • 箭头函数与普通函数的区别
  • For循环与map循环有什么区别
  • 原型和继承,prototype,call和apply继承的区别
  • 深浅拷贝是什么如何实现?
  • 什么时候用深拷贝 /浅拷贝
  • 什么是js内存泄露?
  • 什么是csrf攻击
  • 预加载和懒加载的区别,预加载在什么时间加载合适
  • Js的函数节流和函数防抖的区别

jQuery相关
  • 什么是jQuery?
  • 为什么要使用jQuery?jquery有哪些好处?
  • Jquery选择器有哪些
  • Jquery插入节点的方法
  • jQuery对象和DOM对象是怎样转换的
  • jQuery中.get()提交和.post()提交的区别
  • 怎么使用jQuery中的动画
  • jQuery中如何来获取和设置属性
  • 如何来设置和获取HTML和文本的值?
  • jQuery中有哪些方法可以遍历节点?
  • $(this) 和 this 关键字在 jQuery 中有何不同?
  • jQuery 里的 each() 是什么函数?你是如何使用它的?
  • Query中的Delegate()函数有什么作用?

浏览器,HTTP相关
  • http是什么?有什么特点
  • HTTP协议和HTTPS区别
  • 请简述ajax的执行过程 以及常见的HTTP状态码
  • Get和post不同
  • 请输出三种减少页面加载时间的方式
  • 重绘和回流是什么
  • 你如何对网站的文件和资源进行优化?

Vue相关
  • Vue的核心是什么
  • 请简述你对vue的理解
  • 请简述vue的单向数据流
  • Vue常用的修饰符有哪些
  • v-text与{{}}与v-html区别
  • v-on可以绑定多个方法吗
  • Vue循环的key作用
  • 什么是计算属性
  • Vue单页面的优缺点
  • Vuex是什么?怎么使用?在那种场景下使用
  • Vue中路由跳转方式(声明式/编程式)
  • 路由中name属性有什么作用?
  • vue跨域的解决方式
  • Vue的生命周期请简述
  • Vue生命周期的作用
  • DOM渲染在那个生命周期阶段内完成
  • Vue路由的实现
  • Vue路由模式hash和history,简单讲一下
  • Vue路由传参的两种方式,params和query方式与区别
  • Vue数据绑定的几种方式
  • Vue注册一个全局组件
  • Vue的路由钩子函数/路由守卫有哪些
  • Vue中如何进行动态路由设置?有哪些方式?怎么获取传递过来的数据?
  • Elementui中的常用组件有哪些?请简述你经常使用的 并且他们的属性有哪些?
  • Vue中指令有哪些
  • Vue如何定义一个过滤器
  • 对vue 中keep-alive的理解
  • 如何让组件中的css在当前组件生效

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频**

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
[外链图片转存中…(img-coEQbTPO-1710866521321)]

  • 13
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值