先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7
深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新
如果你需要这些资料，可以添加V获取：vip1024c （备注前端）
正文
因此，如果你希望把自己的真实水平展示给面试官，那么掌握一些合适的方法是非常有必要的。
面经分享
第一部分是我前端面试的经验总结，第二部分是我认为比较有思考空间的题目
⭐ 经验总结
- 一份漂亮的简历，需要包括以下部分（排版由上而下）
- 个人亮点（专精领域，个人博客，开源项目）
- 教育经历（毕业院校，在校经历、荣誉）
- 工作经历（实习）
- 项目经历
- 专业技能
- 扎实的前端基础，比如你知道
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>作用是什么？- flex:1 的 1 代表什么？
- 闭包, 作用域, 内存？
- 熟悉一门前端框架（Vue 优先）
- 勤刷《前端初级工程师面试题精编》 的算法题，熟悉掌握相应的数据结构如常见的链表、栈、队列、哈希表、树
- 熟悉网络基础、Git 命令、Linux 命令、打包工具
- 多去了解前端的新趋势（Flutter，PWA，Serveless，GraphQL，CSS Houdini）
- 要有自信，让面试官感受到你对前端的热爱
此文纯个人观点，希望读者保持自己的判断。
题外话：看完你会忍不住点个赞的，点赞再看，养成习惯 🙂
⭐ 推荐阅读：
2021前端面试题精选
老生常谈的面试题就不放出来了，大厂常规面试流程也不写了（不利于阅读，有兴趣的可以翻翻博主文章）
HTML、CSS相关
- 网络中使用最多的图片格式有哪些
- 请简述css盒子模型
- 视频/音频标签的使用
- HTML5新增的内容有哪些
- HTML5 新增的语义化标签有哪些
- CSS3新增的特性
- 清除浮动的方式有哪些？请说出各自的优点
- 定位的属性值有何区别
- 子元素如何在父元素中居中
- Border-box与content-box的区别
- 元素垂直居中
- 如何让chrome浏览器显示小于12px的文字
- CSS选择器有哪些，那些属性可以继承，优先级如何计算？
- CSS3新增的伪类有哪些？
- 网页中有大量图片加载很慢 你有什么办法进行优化？
- 行内元素/块级元素有哪些？
- 浏览器的标准模式和怪异模式区别？
- Margin和padding在什么场合下使用
- 弹性盒子布局属性有那些请简述?
- 怎么实现标签的禁用
- Flex布局原理
- px，rem，em的区别
- 网页的三层结构有哪些
- 请简述媒体查询
- 三栏布局方式两边固定中间自适应
- 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属性有什么作用？
下面是我在学习HTML和CSS的时候整理的一些笔记，有兴趣的可以看下：
进阶阶段
进阶阶段，开始攻 JS，对于刚接触 JS 的初学者，确实比学习 HTML 和 CSS 有难度，但是只要肯下功夫，这部分对于你来说，也不是什么大问题。
JS 内容涉及到的知识点较多，看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学，我是不建议的，毕竟刚接触 JS 谁能看得下去，当时我也不能，也没那样做。
我这部分的学习技巧是，增加次数，减少单次看的内容。就是说，第一遍学习 JS 走马观花的看，看个大概，去找视频以及网站学习，不建议直接看书。因为看书看不下去的时候很打击你学下去的信心。
然后通过一些网站的小例子，开始动手敲代码，一定要去实践、实践、实践，这一遍是为了更好的去熟悉 JS 的语法。别只顾着来回的看知识点，眼高手低可不是个好习惯，我在这吃过亏，你懂的。
1、JavaScript 和 ES6
在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。
2、前端框架
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。
以 Vue 为例，我整理了如下的面试题。
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
那么很难做到真正的技术提升。**
需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-geRWVIiO-1713448750477)]
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
893
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
