阿里云謙大佬:時間精力有限的情況下如何高效學習前端?

大家好,我是若川。最近組織了源碼共讀活動1個月,200+人,一起讀了4周源碼,歡迎加我微信 ruochuan12 進群參與。今天分享一篇阿里云謙大佬的文章。昨天在群里也有小伙伴說到:大佬們是需要什么學什么,新手一般是不會什么學什么。


1. 我每天通常會花 1-2 小時獲取前端信息,但信息實在太多,比如關注庫的 Release、業界新聞、Twitter List 信息、RSS 訂閱、公眾號、NewsLetter、群聊等,到處都在收割注意力,而我們的時間是有限的。

2. 注意力是有限的,選擇很重要,放棄也很重要。每個選擇都有機會成本,這一個小時如果看了點價值有限的八卦新聞,就意味著放棄了更優質的信息。我們需要時刻決定看什么和不看什么,輸入決定輸出。

3. 先看如何識別信息和知識。舉幾個例子,swc 作者加入 next.js 是信息,swc 如何接入 next.js 是知識;umi 發布 3.5 包含 MFSU 提速是信息,MFSU 提速原理是知識。信息容易上癮,我經常刷著刷著一小時就過去了,然后非常懊悔,因為啥都沒學到。所以多關注知識,少關注信息。

4. 有人說「我每天學那么多前端,卻為啥依舊寫不好網頁。」這就看信知比(信息知識的比例)了,如果比例是 8:2、9:1、10:0,看再多又有何用,而且那一點點的知識比可能還是「收藏即學會」的。我之前很長時間是 5:5 或 4:6 的狀態,正在努力調到 2:8。

5. 拋開信息后,前端知識點還有那么多,哪些重要?哪些優先學?哪些又沒啥用?

6. 哪些是死知識,比如 JavaScript 的作者是誰,垂直居中有多少中寫法,Java 和 JavaScript 什么關系,Umi 讀作五米還是烏米,MDH 是馬大哈還是馬德華,Event Listener 和 Event Handler 的區別等等,他們不是沒用,而是用處不大,像人類的盲腸。

7. 工作相關的知識優先學,學是為了用,不用光學太容易忘了,我深有體會。而具體學啥則因人而異,比如我現階段主要關注框架、構建工具、工程化、數據流、路由等,其次關注性能、國際化、權限管理、埋點統計、Serverless、SSR 等,較少關注圖形、低代碼、動畫、Node 框架、容器、K8S、編輯器等,這些離本職工作較遠。

8. 再把時間線拖長了看,基礎和原理性的知識相比會更重要,他們具備更強的繁殖力。比如算法、設計規范、ECMAScript 規范、HTTP 原理、瀏覽器渲染機制、模塊系統、Vue 和 React 的底層原理等,不管前端輪子造地多快,這些知識都很難過期,而且他們有延續性,還能引發思考。

9. 相同的邏輯也可以用在文章、庫、技術方向的選擇上,比如判斷文章,我通常會問問自己「三五年甚至更長時間后,這篇文章是否仍有價值?」

10. 還有是「盡量選難的知識點」,越簡單價值越小。一下就能學會得東西,價值也不會大,比如手寫一個 sleep 函數相比手寫一個 React,像是考試的基礎題和拔分題。那難的知識點讀不懂怎么辦?硬著頭皮讀,反復多讀,有毅力的人不多,所以更顯得有價值。


識別方二維碼加我微信、拉你進源碼共讀

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/275500.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275500.shtml
英文地址,請注明出處:http://en.pswp.cn/news/275500.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

JQuery小記

訪問dom元素 $代表整個dom tree $("#content") $("p") $("li .red") 字符串轉換為json對象 $.parseJSON ajax $.ajax({type: "post",url: "GetUser.ashx",success: function (data) {var t "";var json $.pars…

React個人整理

React基礎//ReactDOM.render(reactWhat,domWhere)在瀏覽器中渲染應用的一種途徑 //React.DOM表示預定義好的HTML元素集合 //React.DOM.h1(attributes,children)表示一個預定義的React 組件 //h1()第一個參數接收一個對象,用于指定該組件的任何屬性(比如i…

sketch鋼筆工具_Sketch和Figma,不同的工具等于不同的結果

sketch鋼筆工具We like to compare the difference between various design programs and debate about which one is the most powerful. But we often forget to reflect on how using one of these tools is impacting our product. A powerful artist would say that he ca…

程序下載

Zaxis終端前置機 版 本下 載特 性1.20.1104.102ZaxisSetup.rar 分類: 程序下載轉載于:https://www.cnblogs.com/baijinlong/archive/2011/05/13/2045263.html

提升效率的Vue組件開發和實戰技巧

大家好我是若川。現在的大前端時代,是一個動蕩紛爭的時代,江湖中已經分成了很多門派,主要以Vue,React還有Angular為首,形成前端框架三足鼎立的局勢。Vue在前端框架中的地位就像曾經的 jQuery,由于其簡單易懂…

合格linux運維人員必會的30道shell編程面試題及講解

超深度講解shell高級編程實戰,截至目前shell編程課程國內培訓機構最細的課程,不信請看學員表現的水平。課程牛不牛,不是看老師、課表,而是看培養的的學生水平,目前全免費中伙伴們趕緊看啊。http://edu.51cto.com/cours…

linux下telnet失敗怎么處理,CentOS下telnet退出失敗的解決辦法

最近有CentOS用戶反映在調試網絡程序時出現了問題,服務雖然啟動了,但客戶端卻無法連接上,用telnet連接后發現是Windows防火墻的問題,可是用telnet命令連接成功后發現退不出去了,這該怎么辦?下面小編就給大家…

poj 1990

第一道樹狀數組 代碼&#xff1a; #include<iostream> #include<fstream>using namespace std;int n;struct e{int v,x; };e a[20001];long long cnt[20001],sum[20001];int lowbit(int x){return x&(x^(x-1)); }void modify(long long a[],int s,int t){while…

figma下載_Figma中的動態內容和顏色

figma下載First off, why use dynamic data?首先&#xff0c;為什么要使用動態數據&#xff1f; It’s easy to create and manage long lists of content 創建和管理一長串內容很容易 You get a better idea of what your product will look like with actual data 通過實際…

代碼自解釋不是不寫注釋的理由

有什么比花時間寫注釋更令人感到興奮的事情嗎&#xff1f;如果我沒有猜錯&#xff0c;你可能會說&#xff1a;“不好意思&#xff0c;所有事情都比寫注釋更令人感到興奮”。如果有人要你給代碼加上注釋&#xff0c;對你來說就像是一種侮辱。你的代碼寫得如此優雅&#xff0c;它…

linux匯編中的注釋,Linux 匯編器:對照 GAS 和 NASM

Linux 匯編器&#xff1a;對比 GAS 和 NASM轉自 http://www.ibm.com/developerworks/cn/linux/l-gas-nasm.html#ibm-pcon與其他語言不同&#xff0c;匯編語言要求開發人員了解編程所用機器的處理器體系結構。匯編程序不可移植&#xff0c;維護和理解常常比較麻煩&#xff0c;通…

你可能不知道的package.json

大家好&#xff0c;我是若川。最近組織了源碼共度活動&#xff1a;1個月&#xff0c;200人&#xff0c;一起讀了4周源碼&#xff0c;參與的小伙伴都表示收獲很大。如果感興趣可以點擊鏈接掃碼加我微信 ruochuan12。今天推薦一篇相對簡單的文章。前言在上一篇npm init vitejs/ap…

基于上下文的rpn_構建事物-產品評論視頻中基于上下文的情感分析

基于上下文的rpnThe word “Social” has taken a whole new meaning in today’s digital era. Simply going out to enjoy is no longer the only “social” criteria. Social now is — giving a peek in your personal and professional life to your connections. Facebo…

可愛的 Python: 使用 mechanize 和 Beautiful Soup 輕松收集 Web 數據

可愛的 Python: 使用 mechanize 和 Beautiful Soup 輕松收集 Web 數據 使用 Python 工具簡化 Web 站點數據的提取和組織 David Mertz, Ph.D., 開發人員, Gnosis Software, Inc.從 2000 年開始&#xff0c;David Mertz 就一直在為 developerWorks 專欄 Charming Python 和 XML M…

廣西工學院c語言試題答案,廣西工學院的C語言考試試題

廣西工學院鹿山學院 2005 — 2006 學年第 2 學期課程考核試題 考核課程 《C語言程序設計》 (A卷)考核班級 學生數 印數 考核方式 閉卷 考核時間 120 分鐘一、選擇題(每題2分&#xff0c;共40分)1. 一個C語言的源程序中&#xff0c; 。A&#xff0e;必須有一個主函數2. 下列數據…

JavaScript 斷點調試技巧

大家好&#xff0c;我是若川。最近組織了源碼共度活動&#xff1a;1個月&#xff0c;200人&#xff0c;一起讀了4周源碼&#xff0c;參與的小伙伴都表示收獲很大。如果感興趣可以點擊鏈接掃碼加我微信 ruochuan12。之前推薦過很多次調試文章&#xff0c;說明調試的重要性&#…

大學生電子設計大賽案例分析_為大學生設計問答平臺—案例研究

大學生電子設計大賽案例分析Dealing with academic-related questions like picking a course, fulfilling a major requirement can be tedious and ineffective when you have to simultaneously balance school work, social activities, and focus on personal growth and …

最新最詳細最簡潔Eclipse調試PHP配置詳解(Xdebug,Zend Debugger)

搬家注&#xff1a;該日志寫于2011 年 04 月 07 日&#xff0c;Eclipse&#xff0c;PHP等版本號很多&#xff0c;更新也比較快&#xff0c;請注意文章中的版本。本文不一定幫您解決問題&#xff0c;但能給您一些解決問題的思路及一些概念。 最近開始做SRTP項目WebOS&#xff0c…

按鍵精靈易語言c,求助(把按鍵精靈的源碼轉為易語言的)

該樓層疑似違規已被系統折疊 隱藏此樓查看此樓MoveTo 1203,673IfColor 1203,673,"252489",2 ThenMoveTo 417, 242Delay 10072LeftDown 1LeftClick 1LeftUp 1MoveTo 982, 551Delay 7660LeftDoubleClick 1Delay 10Delay 30LeftUp 1LeftUp 1LeftUp 1MoveTo 1102, 709Del…

入門前端學習路線圖【送書】

大家好&#xff0c;我是若川。記得點上方音頻聽小姐姐配音&#xff0c;超級好聽。華章圖書又贊助了書籍送福利給大家。本次送4本書的抽獎方式是&#xff1a;截止到9月6日&#xff08;周一&#xff09;20:00&#xff0c;在留言區留言任意內容。我會在留言區抽取「1位」關注我公眾…