碎片化学习前端知识

针对对象：前端初学者，初级程序员

前言

• 既要完成工作又想在工作中得到提升，初期的时候进步很快。但是慢慢的就会进入舒适区，怎么才能不在舒适区中陷入泥潭。
• 想学习，但是时间不够，时间太散，项目一个接一个，而且做的都是重复复用的工作，没时间造轮子，只有一个一个的读人家的 api 或者 google 解决问题，进而利用碎片化的时间进行一定的学习和补足自己啦？

作为一个前端的初学者我一直有这样的疑问和困惑，怎么能在这种环境下提高自己，怎么利用碎片化的时间学习。

要有个目的

• 学习知识的目的就是赚钱，给家人和自己带来体面的生活。很明确
• 不过很多人都是低水平的勤奋，比如在朋友圈打卡某某事情，其实暗自的并没有有效率的完成自己的事情只是为了打卡在朋友圈炫耀。

放弃一些低水平的勤奋学习

• 坚持写掘金，一年了涨了10个粉丝，多了20个赞，却没有思考为什么自己的文章为啥没人赏识？老套，逻辑不清，技术太久？
• 每天背单词，却没有一个明确的目的，是需要考雅思托福，能无障碍阅读英文 API？
• 使用碎片化时间学习 前端，确在实际工作中没有利用学习到的东西解决一个紧迫的问题，学而不用。
• .......

提高效率和有目的的学习

选择一个目标

• 目标不能太大：当你才学会 html，css 切图。你就想鼓捣一个 MVVM 框架也不太现时。
• 这个时候需要 x + 1的思想。就是在你的基础上 + 1的难度的去定制一个目标。
• 还是上面的 栗子。当你会切图的时候，现在定制一个目标，在切图的过程中，学会兼容各种屏幕大小，和一个完成弹性布局。
• 当你阅读了 vue 的源码，尝试写一个 vue 的阉割版，再加一些新特性。

提高效率

• 番茄时钟什么的就不再多说了。
• 每个人都有自己一套的方法，我觉得不错的方式的就是让自己远离舒适区，有些压力，你就能提高效率不再摸鱼。
• 远离你的沙发和床，放下手机（微信，知乎，微博，抖音，v2ex...）
• 买套按揭房，找个漂亮的女朋友？炒股，买币？

所以选择很重要，时间很重要，碎片化的时间需要利用起来。

碎片时间

• 上厕所
• 和同事吹牛逼(当然你们可以聊技术的吹牛逼，以解决 case 为目的)
  • 比如这么说：
    • 某前端，哇靠，这么多数据居然不给个排序和总数，我前端怎么展示页面啊？
    • 后端：爬虫爬的脏数据太多，不能给总数
    • 你：吹牛逼开始了...
• 项目间隔期（空余时间以项目技术需求出发）
• 回家路上，可以听听英语啥的
• team 有分享要求，真的不要复制粘贴应付了事，其实这种被迫的事情能学到很多东西。当你有压力的时候，人类的潜能就会被激发。
• ...

整理一些有用的东西

• 下面整理了一些碎片化学习的方法和媒介

书籍

• 《你不知道的JavaScript》(上中下)
• 掘金小册
• 《JavaScript 高级程序设计》
• .....

网络

• imooc、 网易☁️课堂、freeCodeCamp
• blog
  • 阮一峰、廖雪峰、张鑫旭、等等大牛 blog 或者公众号
• 30 second JavaScript/CSS
• MDN/SF/stack overflow/github
• ......

在线编程工具

• codePen
• jsFiddle
• codeSandbox
• ...

动手

• 编程
  • 实践出真知
• 写 blog 和 整理笔记
  • 很多人都觉得写东西比较麻烦，其实当你写 blog 需要给别人阐述一个自己新研究的技术的时候，你发现这是你学习这项技术最认真的时候。你会去专研其中的细节，把这项技术当做自己的孩子去打理。
• github
  • 开源你的项目，绿了你的 commit
• 项目
  • 熟悉和使用公司项目是学习技术和成长的最好的方案之一
  • 看看大牛是怎么架构和代码的

后续

• 以上是自己的一点感悟和学习经验，初级萌新，大佬们轻拍。