【117页】前端面试题大全！（包含 HTML、CSS、JavaScript、Vue、React

CSS相关

• 浏览器盒模型?

• 清除浮动的方式

• CSS 选择器有哪些?

• 伪类选择器和伪元素的区别:

• ::after/:after 与::before/:before 的区别?

• CSS 样式优先级计算法:

• CSS3 新特性和伪类有哪些?

• less 的一些优势。

• 如何居中 div?

• Display 有哪些哪些值？说明他们的作用

• Position 的值?

• 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 中怎么使用自定义组件，又遇到过哪些问题吗?

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

• Vue 如何实现按需加载配合webpack 设置

• v-show 和v-if 指令的共同点和不同点

• 如何让CSS 只在当前组件中起作用

• <keep-alive></keep-alive> 的作用是什么？

• 聊聊Keep-alive 的实现原理和缓存策略

• Vue 中引入组件的步骤

• Vue 常用的修饰符？

• 什么是Vue 的计算属性?

• Vue 等单页面应用及其优缺点？

• 指令v-el 的作用是什么?

• 在Vue 中使用插件的步骤

• active-class 是哪个组件的属性？

• 说出至少 4 中 vue 当中的指令和它的用法？

• 生命周期相关

• Vue-router

• Vuex

• …

最后

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

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
转存中…(img-kVikHpDF-1715744445708)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

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