【117页】前端面试题大全，web前端开发零基础

• flex 布局以及常用属性

• 请解释一下 CSS3 的flexbox(弹性盒布局模型),以及适用场景?

• CSS 打造三角形?

• 满屏品字布局?

• li 与 li 之间有看不见的空白间隙是什么原因引起来的?

• 为什么要初始化css 样式?

• CSS 中的 visibility 属性的 collapse 属性是干嘛的?

• 外边距合并是指的什么意思?

• 移动端的布局用过媒体查询吗?

• 响应式页面?

• CSS 媒体查询的原理是什么？

• 使用CSS 预处理的优缺点分别是什么？

• CSS 优化/提高性能的方法有哪些?

• 浏览器是怎么解析CSS 选择器的?

• Margin 与 padding 的区别?

• CSS 如何实现横向滚动与竖向滚动?

• …

JavaScript相关

• JS 是一种什么样的语言?

• JS 数据类型有哪些?

• 介绍JS 有哪些内置对象？

• 栈与堆的区别?

• js 中的作用域与变量声明提升

• console.log（a）何时会打印 1？

• 如何转化类型?

• 什么是面向对象编程及面向过程编程，他们的异同和优缺点

• 面向对象编程思想

• 如何解释 this 在js 中起的作用?

• js 中 this 的用法

• 说说JS 原型和原型链

• call 和 apply 的区别和作用?

• 继承的方法有哪些？

• 什么是闭包？闭包有什么作用？

• 事件代理（事件委托）:

• 事件的各个阶段

• new 操作符在创建实例的时候经历了哪几个阶段

• 异步编程的实现方式

• 对原生JS 了解程度

• js 延迟加载的方法有哪些？

• 数组从小到大排序？

• 如何实现数组的随机排序？

• 图片懒加载

• js 中常见的内存泄漏：

• 深拷贝和浅拷贝的问题：

• 显示转换与隐式转换

• …

JQuery相关

• jQuery 或 zepto 源码有哪些写的好的地方

• jQuery 的实现原理？

• jQuery.fn 的init 方法返回的这指的是什么对象？为什么要返回这个？

• jQuery.extend 与jQuery.fn.extend 的区别？

• jQuery 的属性拷贝（extend）的实现原理是什么，如何实现深拷贝？

• JQuery 的队列是如何实现的？队列可以用在哪些地方?

• …

数据请求相关

• http 请求方式有哪些？

• http 的状态码有哪些？分别说下它们的含义

• 请描述一下 get 与 post 的区别

• get 请求传参长度的误区

• get 和post 请求在缓存方面的区别

• http 和https 有何区别？如何灵活使用？

• 什么是AJax?为什么使用Ajax?

• 简述ajax 的过程

• Ajax 优缺点？

• XMLHttpRequest 通用属性和方法

• Ajax 请求跨域接口，发送了几次请求？

• web 应用从服务器端主动推送data 大客户端有哪些方式?

• 如何实现浏览器内多个标签页之间的通信?

• webSocket 如何兼容低浏览器？

• fetch、ajax、axios 之间的详细区别以及优缺点：

• …

ES6相关

• 列举常用的 ES6 特性：

• 箭头函数需要注意哪些地方？

• 箭头函数和普通函数之间的区别

• let、const、var

• var 方式定义的变量有什么样的 bug？

• Set 数据结构

• 数组去重的方法

• 箭头函数 this 的指向

• 手写ES6 class 继承

• ES5 的继承和 ES6 的继承有什么区别?

• ES6 class 的new 实例和ES5 的new 实例有什么区别?

• generator 生成器函数

• 什么是async/await 及其如何工作?

• Promise 和async await 以及它们之间的区别:

• async 函数的基本用法:

• async 与 generator 的区别?

• 简单实现 async/await 中的 async 函数

• …

Vue相关

• 什么是MVVM?

• mvvm 和mvc 的区别？它和其他框架（JQuery）的区别是什么？哪些场景适合？

• Vue 的优点是什么？

• Vue.js 的两个核心是什么?

• Vue 组件之间6. Vue-cli 中怎么使用自定义组件，又遇到过哪些问题吗?

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

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

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

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

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

[外链图片转存中…(img-2K8xNxZb-1710704889237)]

[外链图片转存中…(img-KvglmLh6-1710704889237)]

[外链图片转存中…(img-6ABl2RPY-1710704889238)]

[外链图片转存中…(img-xqVuoeTL-1710704889238)]