碎片化學習前端知識

針對對象：前端初學者，初級程序員

前言

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

後續

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