首页 > 前端学习方法总结
头像
xilong88
编辑于 2021-08-15 22:32
+ 关注

前端学习方法总结

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

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

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

分为四个方面

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

下面我挨个总结:

一、前端基础
分为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基础,内容又多又枯燥,但是啃下来了,人就变强了,加油兄弟姐妹萌!!

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

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

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

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







全部评论

(7) 回帖
加载中...
话题 回帖

推荐话题

相关热帖

近期精华帖

热门推荐