前言
前几天跟我一个大学同学聊了一会，他向我透露了薪资，得知薪资的我赶紧向他请教，他给了我一个学习清单，在征得他的同意之后，我把他给我的建议以及学习资源分享给大家。我们两都是电信专业的，算是无话不谈的好朋友。他也是通过自己的努力，从3k月薪的冲到了15k，我和他都是患难兄弟，大学一起挂科一起补考，他是毕业后才从硬件转为前端的，算是半路出家，而我是还没毕业就开始做前端了，而我的薪资还没有他的一半高。。。可以看出，他付出的努力是我的多少倍。。他平时喜欢看掘金，B站，并记笔记。接下来我就整理一下他的学习资料吧。
基础篇
对于刚开始学前端的同学，建议是先不看文档，先看视频，因为文档是死的，视频是活的，初学者往往能从视频中学到更多，理解的更透彻。
建议：每看完一个视频，根据回忆去敲代码，记不起来就再看一遍，这样能使自己记忆深刻 学习HTML,CSS时候要多敲，最好是写几个静态页面。你就懂了。
- 视频：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版
- 视频：全新_JavaScript_基础+高级_JavaScript教程_javascript视频_js
- 文章：1.5 万字 CSS 基础拾遗（核心知识、常见需求）
- 文章：html篇--这可能是目前较为全面的html面试知识点了吧
JavaScript进阶
JavaScript进阶涉及到闭包，原型，作用域，ES6，要学会做笔记，并实践，通过大量的敲代码，形成肌肉记忆，这样才能知道，在什么情况下，使用哪种语法去解决哪种问题
Vue框架的学习
Vue框架很方便，学起来也很容易，跟着视频学，很快就上手了，然后跟着视频做个项目，基本就能正常开发了。
算法的学习
算法是没办法速成的，只能靠自己持之以恒的学习，可以选择刷leetcode题，也可以看视频学（讲解比较生动）这里也给大家推荐一个JavaScript刷算法题的视频（JavaScript刷算法的视频比较少）
Node的学习
学习了Node，能同时学到后端和服务器的知识
框架原理
框架这里，建议刚开始的时候，先看文章，敲几遍，后面再去看文章，会理解的更透
面试
懂得都懂，在当今这个社会，面试对于找工作来说真的太重要了。
建议：看面试文章可以，但是不能光靠背，得从文章里学到什么。举个例子，我看了一篇
解决浮动坍塌的文章，那么我就应该去了解一下这些解决的方案原理是什么，这样你顺势也能学到BFC这个概念，这在以后的面试中也是很有用的。例如，面试官问你清除浮动怎么做，一个只回答解决解决方案，一个回答解决方案+BFC，面试官肯定选后者。
1.HTML,CSS,JS的面试题
- 文章：HTML与CSS基础总结
- 文章：一名【合格】前端工程师的自检清单
- 文章：面试题：说说事件循环机制(满分答案来了)
- 文章：写给女朋友的中级前端面试秘籍（含详细答案，15k级别）
- 文章：死磕 36 个 JS 手写题（搞懂后，提升真的大）
- ES6面试、复习干货知识点汇总（全）
2.Vue面试题
- 文章：最全的 Vue 面试题+详解答案
- 文章：「百毒不侵」懂了这十五个Vue冷门知识，再也不怕面试官刁难了
- 文章：详解vue的diff算法
- 文章：VUE 自定义指令合集
- 文章：这 10 个技巧让你成为一个更好的 Vue 开发者
3.算法面试题
4.webpack面试题
5.性能优化面试题
- 文章：Vue 项目性能优化 — 实践指南（网上最全 / 详细）
- 文章：揭秘 Vue.js 九个性能优化技巧
- 文章：我优化了进度条，页面性能竟提高了70%
- 文章：你知道的前端优化手段
- 文章：Webpack优化总会让你不得不爱
- 文章：「前端进阶」高性能渲染十万条数据(虚拟列表)
6.http以及浏览器面试题
结语
我的专栏已更新：
如果你觉得此文对你有一丁点帮助，点个赞，鼓励一下林三心哈哈。或者加入我的群哈哈，咱们一起摸鱼一起学习 : meron857287645
