阿里云谦大佬:时间精力有限的情况下如何高效学习前端?

大家好,我是若川。最近组织了源码共读活动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.mzph.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位」关注我公众…