前端学习方法总结

之前的面经贴说点赞超过十个就写个总结，现在来啦~

前言：我的情况是，物联网工程本科，大一下加入了工作室，跟着工作室做前端项目，大二修了双学位，大二大三也在做各种项目。

学习方法仅供参考，每个人情况不同，所以建议大家还是根据自己情况调整。

分为四个方面

一、前端基础
二、计算机基础
三、算法数据结构
四、项目经验类

下面我挨个总结：

一、前端基础
分为JavaScript，HTML，Css和框架类

首先是JavaScript学习：

JavaScript我的学习方法是看红宝书（JavaScript高级程序设计第四版），我看了两遍，第一遍认认真真读，每个点读懂，勾画重点，然后读完一章就写一篇博客。
第二遍，总结重点，也就是一些比较核心的内容，比如闭包，作用域链，继承等等，专门关注一下，哪些内容是重点，就要多看面经，自己总结了。除此之外第二遍还要敲一遍代码，也就是把书上的代码实践一下。最后还有手写题，要刷一下（推荐：https://juejin.cn/post/6963167124881670152）或者（直接看loadsh里面的方法，尝试手写）。

其次是HTML，这个在看上面的书的时候，基本上就能学懂了，HTML也就是JavaScript中的DOM扩展，除了了解书上的内容，再看看网上H5方面的总结之类（哪些新标签，哪些重要的，却没怎么关注的标签如meta，html4，5声明的区别）的就行了。

然后是Css，学习常见布局方式，如各种各样的居中，两栏，三栏等等，还有就是了解一些重要概念，如层叠的概念，权重的概念，BFC等等，这里我学的书是 精通css 高级web标准解决方案，没看完，但是看了重点的部分。最后还有flex布局，flex重要的三个参数，了解一下grid，sass等等。

框架类，我学的是VUE还有微信小程序，两方面比较重要。第一是框架的使用，也就是框架的语法，一般通过官方文档来学，因为比较全，也能提升读文档能力。第二是框架的思想，比如双线程模型，虚拟dom，数据驱动，数据劫持和发布订阅者等等，这些要了解具体实现，也就是源码层面，这样能表现出你学得比较真实和深入，而不是背八股文。

最后，项目一点要做，实践上面所学的内容。


二、计算机基础

严谨地讲，算法和数据结构也是计算机基础，但是这里我把下面几点单独写，算法数据结构写在后面第三点。

分为计算机网络和操作系统

计算机网络我很后悔上课没认真学，所以有课的同学，最好认认真真好好地听课，没课的或者没认真听也没关系。

我的学习方法是背八股文，虽然我很讨厌，但是只能这样了，时间不够，去网上搜计算机网络八股文，把一些常见的八股文全背了，网络安全方面也要背，而且最好实践一下，因为面试官可能抠细节，直接问具体参数和方法。

操作系统和上面几乎无异，但能系统学最好还是系统学。最后还要结合前端，看看线程相关内容。

最好还是系统认认真真学，八股文是下下策。

三、算法数据结构

这两点很多人推荐直接刷题，但是我的方法不是这样。

我觉得第一个阶段应该先系统学习理论，包括算法理论和数据结构理论，把每种思想搞清楚，数据结构也搞清楚。然后结合自己的语言，如JavaScript实现一遍，然后再刷题提高熟练度。

刷题要多总结，刷题 总结 刷题 总结。

四、项目经验类

分为多个内容，第一是具体项目，然后是项目优化。

具体项目就是说，要具体地做一个项目，把具体做的内容认认真真总结一遍，思路、技术栈、收获等等。

优化就是说，加载性能和内存优化，安全优化，了解优化方面的内容，网上都能搜到，然后最好实践一遍，然后把优化的结果记录下来，我通过什么什么方法，优化了百分之多少的加载性能等等，提高了什么什么安全性。

还有就是比较重要的优化点，webpack的方方面面，基本原理和生产环境优化，开发环境优化等等，我上一篇面经里面的那些内容，都了解一下，最好自己配置一遍。

还有开发过程可以使用脚手架，然后总结使用经验和理解。


所以，个人理解前端是：基础＞项目经验＞算法
总体来说还是坚持，特别是JavaScript基础，内容又多又枯燥，但是啃下来了，人就变强了，加油兄弟姐妹萌！！

可以根据自己的情况调整。

有兴趣来试试字节的同学可以私我内推~~

总结完啦~  感谢您耐心看完  顺手点个赞吧😉

有什么想法问题评论区见😉😉😉







#字节跳动实习字节跳动内推字节跳动字节跳动校招字节跳动春招##学习路径##前端工程师##JavaScript#