什麼是高效率學習？
一：追求學習的性價比
學習性價比 = 所學到的有用的知識 ÷ 花費的時間
ps：如果你用了一年時間，還不能仿站，顯然效率是低的。
想要學習性價比高，就盡力向這兩點努力：
1. 儘量學有用的知識，暫時用不到的可以放在後面學。
2. 保證學習速度，能一下午學完的知識點就堅決不要拖兩個下午
我們來看看前端哪些知識是有用的。而且我們要精簡。
1. 英語
2. HTML + CSS + JS
3. HTTP
4. 瀏覽器 API 這四個是必然要學的，沒法再精簡了。
爲什麼英語要放在這裏？
因爲編程全都用英文，“if” “else” “while” “for” “var” “new”之類。 HTML 中的 標籤的全稱是 “anchor” ，很多人並不記得，這個 a 好記，不記得全稱不要緊。
但有些標籤你不記得全稱就不行，比如：<abbr> <aside> <blockquote> 。
CSS 裏英語就更重要了，比如 transition、transform、translate，你在不瞭解英語含義的情況下，很難把這些記下來。
1. 對於英語，我的建議是：
a) 設備上可以裝翻譯工具，哪裏不會點哪裏。
b) 抓住可以學英語的機會。比如多用英文軟件，少用漢化版。比如用英文操作系統，不用中文版。這樣你每天都在記單詞了。
2.HTML + CSS + JS 怎麼學？
HTML CSS整理筆記zhuanlan.zhihu.com
2019學習學到失戀但是還要繼續|2019 與我的技術之路
看完你就入門了；你成功的前提是你能「堅持得下去」。
ps：工作中有很多前端並不怎麼會 CSS（在阿里和騰訊都有這樣的前端），所以如果你想更快，那麼CSS可以稍微“人性化”一點，就直接實踐吧！實踐是解決坑的唯一辦法。
3.HTTP 怎麼學？
看書推薦下《圖解HTTP》但是看書就慢了是不是
該書的.pdf 咱們的web學習交流羣裏有【點擊此處907694362】
還是堅持看教程吧
4.瀏覽器 API
比較重要的：文檔對象模型 (DOM) 和 Window（BOM）。如果你想直接學 React / Vue，DOM 也可以不用看。
學了上面四個，然後呢？
如果你堅持下來了，就去做出些東西吧！
面試官總喜歡問 你開發中遇到過什麼挑戰？
知道爲什麼嗎？？？
因爲他自己工作中時不時就遇到一些奇怪挑戰（坑）啊。
所以儘管多踩坑吧，你面試的時候就越能談笑風生。
更多實戰技術分享也在咱們的web學習交流羣【點擊此處907694362】
京東女裝商品頁面核心實戰技術
0基礎手把手教你暗黑破壞神遊戲網頁開發
例如：新手也可以開發的熱門網遊-夢幻西遊特效頁
例如：手把手教你開發浪漫愛心飄落特效（學會以後做一個送給專屬的他/她，是不是會驚喜哦）
二：儘量學點難學的東西。
有很多新人說「webpack 好難啊，看不懂」
知道爲什麼你覺得難麼？一因爲你基礎不好；二因爲你沒見過更難的東西。
有兩種編輯器叫做 vim 和 Emacs。很多極客都在使用這倆。（ vim）。
去學學這倆，回頭看 webpack——像個兒童玩具。
所以，別老是學習一些簡單的東西，多挑戰難一點的東西。
三：你需要導師。
不知道你有沒有受人指導過，反正我在學編程的路上有很多位導師。
導師的作用：
1. 防止你走偏。甚至告訴你捷徑。
2. 幫你理清知識脈絡。
3. 解答你的疑問，比如在你有多個方案但是不確定哪個是最好的的時候，教你怎麼權衡。
當然，走偏也會有走偏的好處，每條路有每條路的別樣風情。但是如果你想要高性價比/高效率學習的話，還是別走偏。
看到這兒了，小可愛們不如點個贊再走？