2024年终总结——前端入坑四年，今年实惨，mysql高频面试题-CSDN博客

本文链接：https://blog.csdn.net/m0_61067876/article/details/137841463

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

2020，我到底干了啥？

工作

7月份之前，主要还是写业务代码，不过从年初到7月，大概面试了有小百人吧，这个对我来说收获还是蛮大的。接触了从应届到工作10年工作经验、大小厂的各种前端大小朋友。最大的感觉就是：

工作年限不等于工作能力
平台牛不代表你牛
基础任何阶段都不能拉下

7月份换工作的时候也不是我本意，本来是申请回到总部办公的。由于其他原因变成了离职。7月底的时候来了新公司（当时Scott建议我去丁香园的，考虑距离问题选择了这家），然后11月被裁了（为了融资扩招，可怜我试用期还没过呢）。内心委屈，毕竟是想好好上班的…

11月到现在，面试了9家大型互联网公司，暂时没有拿到offer，但是很有信心，我一定可以。这个月面试的感触：

基础知识要夯实
要有前端广阔的视野，后端要有一定的认知
要有某一方向的技术深度
性能优化必问
算法一定要刷

学习

这段时间刷了很多大厂面试题，做了一个整理，也是为了方便自己复习，有空就可以拿出来刷一刷。

HTML 和 CSS

你如何理解 HTML 结构的语义化？
谈谈以前端角度出发做好 SEO 需要考虑什么？
有哪项方式可以对一个 DOM 设置它的 CSS 样式？
CSS 都有哪些选择器？
CSS 中可以通过哪些属性定义，使得一个 DOM 元素不显示在浏览器可视范围内？
超链接访问过后 hover 样式就不出现的问题是什么？如何解决？
什么是 Css Hack？ie6,7,8 的 hack 分别是什么？
请用 Css 写一个简单的幻灯片效果页面
行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？
什么是外边距重叠？重叠的结果是什么

…

JS基础

call 和 apply 的区别
b 继承 a 的方法
JavaScript this 指针、闭包、作用域
事件委托是什么
闭包是什么，有什么特性，对页面有什么影响
如何阻止事件冒泡和默认事件
添加删除替换插入到某个接点的方法
javascript 的本地对象，内置对象和宿主对象
document load 和 document ready 的区别
“”和“=”的不同
javascript 的同源策略
编写一个数组去重的方法

由于内容较多，为了避免阅读体验仅展示部分面试题，完整版的面试题+解析，【点击我】免费获取,无偿分享给大家，算是一个感恩回馈吧

Ajax

Ajax 是什么? 如何创建一个 Ajax？
同步和异步的区别?
如何解决跨域问题?
页面编码和被请求的资源编码如果不一致如何处理？
简述 ajax 的过程。
阐述一下异步加载。
请解释一下 JavaScript 的同源策略。
GET 和 POST 的区别，何时使用 POST？
Ajax 的最大的特点是什么。
ajax 请求的时候 get 和 post 方式的区别
解释 jsonp 的原理，以及为什么不是真正的 ajax
http 常见的状态码有那些？分别代表是什么意思？
一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？

…

JS高级

JQuery 一个对象可以同时绑定多个事件，这是如何实现的？
知道什么是 webkit 么? 知道怎么用浏览器的各种工具来调试和 debug 代码么?
如何测试前端代码么? 知道 BDD, TDD, Unit Test 么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit…)
前端 templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?
简述一下 Handlebars 的基本用法？
简述一下 Handlerbars 的对模板的基本处理流程，如何编译的？如何缓存的？
用 js 实现千位分隔符?
检测浏览器版本版本有哪些方式？
我们给一个 dom 同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执
行几次事件，然后会先执行冒泡还是捕获

…

Vue

vuex 有哪几种属性？
vuex 的 State 特性是？
vuex 的 Getter 特性是？
vuex 的 Mutation 特性是？
Vue.js 中 ajax 请求代码应该写在组件的 methods 中还是 vuex 的 actions 中？
什么是 MVVM？
mvvm 和 mvc 区别？它和其它框架（jquery）的区别是什么？哪些场景适合？
vue 的优点是什么？
组件之间的传值？
vue.cli 中怎样使用自定义的组件？有遇到过哪些问题吗？
vue 如何实现按需加载配合 webpack 设置
Vue 中引入组件的步骤?
指令 v-el 的作用是什么?
在 Vue 中使用插件的步骤
vue 生命周期的作用是什么
vue 生命周期总共有几个阶段
第一次页面加载会触发哪几个钩子
DOM 渲染在哪个周期中就已经完成
简单描述每个周期具体适合哪些场

最后

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。