Appearance

我是如何学习的？ ​

Hello ​

大家好，我是田同学，大家可以加我微信 T2000000000000000001 一起共同学习。

为什么会有这篇文章？ ​

近期大家很多人都问我，平时是如何学习了，才知道这么多。

其实，我会的也没那么多 😂，只不过平时学习时间还是比较多的，也没事其它的爱好，所以写代码成了唯一的爱好。

那么下面就来分享一下~

基础学习 ​

在咱们前端圈，虽然有着各种各样的框架、工具包、第三方库，不管什么，都是三个语言组成的：Html、Css 和 JavaScript，基本上任何工具都是围绕着这三个语言来编写的。而其中最主要的，就是 JavaScript，因为它大约涵盖了整个项目或者框架的 95% 以上，所以有句话叫：一个前端开发工程师的薪资水平，很多时候是由他的 JavaScript 水平而决定的。这也使得 JavaScript 成为了重中之重的语言，基础尤为重要。

那么如何来学习呢？下面是我学习的一些方法：

看视频

看视频呢，大多数都是在 B 站，各种的视频，什么水平的博主都有，所以有些时候很难找到适合自己或者优质的视频，那么这里我推荐一个系列的视频，保你看起来轻松不累，而且还全部都是干货。从 Js 入门，到变量声明，到遍历循环、到函数再到 ES6，将平时开发中常用的一些知识点全部都讲解的非常到位。

这个系列教程就是：学习 JS 看这个就够了，全面打通 JAVASCRIPT 知识点，这个系列一共 395 集，我也是断断续续的看了小半年，不过这个系列的视频看起来不累。因为现在是短视频时代，所以这个系列的教程也都是以短视频的形式来展现的，每个视频一两分钟到四五分钟左右，可以像刷抖音一样刷一刷视频。

这个系列我向无数人推荐，觉得值得一看！

记笔记

我在看上面的教程中，基本上将每一期视频都做了笔记，在这里，其实大多数时候只是看视频，代码不真正手写一遍的话，真的是体会不到代码的内涵。有些时候真的是，你认为你已经记住了，可你在写的时候，就算照着写都会遇到问题。所以边看边写，将视频中的例子手写一遍是最好的，再养成多记笔记的习惯。

另外呢，这里也可以推荐一个比较不错的学习 JS 基础的仓库 50projects50days 里面是 50 多个使用 HTML、CSS 和 JS 的小型 web 项目

看书学习 ​

以前我老是以为，很多知识点不是都已经在文档中写了吗，为啥还要看书？

其实并不是。看书真的会让你学到很多你不知道的东西，你会遇到很多你从来没有见过的代码写法。比如最近我在看的 《JavaScript 设计模式与开发实践》 ，这本书我连续看了三遍，里面的一些很简单的逻辑，使用设计模式的方式来写，会让你感到惊讶，原来代码还能这么写！

有关于看书，这里可以推荐一些不错的书籍，详情可以看我 看书的分享 这篇文章。

面试学习 ​

其实在我看来，面试学习是一个非常不错的学习方法，但是有些人可能会比较恐惧面试，总是怕自己回答不好之类的，其实我的想法就说：老子就是来和你聊聊天，你问我会的，我就答，不会的就直接说不会。所以，建议大家在面试的时候一定要录音，这样你就可以回去复盘，刚才面试的时候，面试后都问你什么了，哪些你没回答上来，把你不会的回去就可以偷偷的学习一波。

另外，对于我的开源项目，有的面试官真的会去看的，所以面试的时候就会和我谈到这一点，他会给到我一些不错的建议，或者一些我没有考虑到的想法，这样回到家我就可以继续的完善了。

你要知道，面试官大多数都是在一个公司中技术水平可以得到认可的，或者算是行业专家，你去面试，就可以获得一次和专家 1 v 1的机会，不要怕他给你指出很多你的不足，他给你指出你的不足，这场面试的目的就达到了。

我近期的每一场面试都做了总结，虽然有些面试没有通过，但是我从这场面试中学到了不少的东西。所以我还是非常享受面试的过程的。对于我的面试复盘，大家可以看一下 Interview-record，欢迎 Star~

大多数时候，面试官问完你问题了，都会说：你还有什么想问的吗？ 这时候你就一定要抓住了，下面推荐我喜欢问的一些可以帮助自己学习的问题：

  • 您感觉我还有什么需要提升的？
  • 您平时都是如何获取前端最新资讯的呢？
  • 您是如何学习新技术的呢？
  • 您平时都是如何解决 Bug 的？
  • 如果给到一个你认为做不了或者很难实现的需求，您都是如何做的？

（后续欢迎评论补充）

看文档学习 ​

其实对于看书，并不会直接产生立竿见影的效果，反而看文档是可以的，如果你某个 API 忘记如何使用了，可以直接查找一下文档。

但是呢，我认为，文档你可以认为是一个电子书一样，从头到位都读一遍，虽然可能不糊全部都记住，但是会让你将里面大概的一些使用方法有所了解，下次遇到某个问题的时候，也许就会想起这个方法，顺便查一下文档就好了，如果不读一遍的话，真的是有些新的 API 你连听都没听过。

文档呢，除了那些官方的文档之外，我在这里力推一个工具文档 MDN，我认为它应该是最权威的一个文档了，基本上你见到过的，没见到过的，在上面全部都有，强大的搜索引擎帮助你更快的找到答案，github 组织在这里

解决 Bug ​

很多时候，解决 Bug 都会直接将报错信息上粘贴到百度上直接搜，其实对于这种，常见的问题还好，有些也别专业的问题，或者对于一些全新框架的 Bug，是很难搜出来的，好比是在沙漠中淘金，对于比较专业的问题，可以在 stackoverflow 上搜索，或者去官方 Github 的 Issues 中通过关键词搜索，这些基本上都是比较权威的回答。

看源码 ​

虽然这里的标题是 看源码，但不要以为看源码很难，其实可以先看一下简单的仓库来学习，如果你直接入手像 Vue 那种的源码，当然看不懂，所以下面我推荐一些比较简单的源码仓库，可以入手去看一下，比如现在刚刚起步的 Vue3 + TypeScript 的开源组件库 Fighting Design 也可以入手学习一下

最后 ​

以上就是一些我的学习方法。

大家可以根据自己的实际水平和学习方法，找到一套适合自己的学习方法，共同进步~