碎片化學習前端知識

針對物件：前端初學者，初級程式設計師

前言

• 既要完成工作又想在工作中得到提升，初期的時候進步很快。但是慢慢的就會進入舒適區，怎麼才能不在舒適區中陷入泥潭。
• 想學習，但是時間不夠，時間太散，專案一個接一個，而且做的都是重複複用的工作，沒時間造輪子，只有一個一個的讀人家的 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
• 專案
  • 熟悉和使用公司專案是學習技術和成長的最好的方案之一
  • 看看大牛是怎麼架構和程式碼的

後續

• 以上是自己的一點感悟和學習經驗，初級萌新，大佬們輕拍。