一篇文章搞懂前端学习方法与构建知识体系

前沿在大前端的成长路上，很多的同学都非常的迷茫，看到一座座越来越高的山。慢慢在工作中也对自己的职业发展也特别迷茫。有些粉丝也私信我问过我一些职业发展的问题，还有“我应该学习什么技术？”，“学习到什么层级才是个头”。这次我给大家带来一遍文章，给大家讲讲怎么样才是一个优秀的前端工程师，怎么做自己的职业规划，如何学习和构建知识体系。 什么是优秀的前端工程师？大家眼中的优秀工程师熟练掌握Vue ReactWeb标准会用 Webpack Babel十年经验性能优化闭包，函数式编程会写NodeJS这些其实都是错误的认知！真正优秀的工程师明确衡量的标准：领域知识不同工程师的工种有不一样的领域领域知识是互相关联的，不能只一方面很强能力和潜力能力 —— 明确的能力要求，或者角色的要求，能力达标就能进入下一个级别。潜力 —— 能力的上限，同样的层级的人，同样能写出同样的代码，但是区别在于独立解决问题的能力和出解决方案。每年都有KPI（30% - 优秀，60% - 普通，10% - 不合格），潜力评估（预计几年内可以晋升）职业规划工程师 (P5) —— 独立工作资深工程师 (P6) ——  核心和骨干，小组长的位置，能带领突破难题专家 (P7) —— 领域专家，在某一种领域成型一种权威，推动发展，在自己的领域内可以用通用的解决办法解决问题经理 (P8)如何晋升？持续提升技术能力在领域中有沉淀成就用你达到的成就来证明你的能力根据你曾经做过的东西，曾经承担过的事情职业规划 You are the owner of your career.很多人觉得职业规划是“老板”，“爸妈”，“老师”的事，其实你才是职业的主人很多同学在执行的时候就走形了，很多人觉得职业晋升是老板的意识，如果老板没有给我们晋升我们就认命了吗？不是的，你的职业你才是主人，职业发现的结果我们要为他负责，所以我们要有行动（要不就谈判，要不就离职等等）职业规划对我们自己影响是最大的，所以我们要有一个 owner 的态度，拿出一个方案来保障自己的结果明确知道自己在这个公司什么时间，要达到什么样一个级别，如果不能就要思考怎么做到所以在职场中，要保持一种危机感和紧迫感，如果我们一旦误就会止步不前了我们该投入的精力，没有去投入，是没有人可以为你负责的，职业发展也是一样的职业发展成长 - 通过学习，沉淀获得成长成就 - 成长后必定能做出一定的成就，成就可以用来证明自己的技术能力级别晋升 - 获得成就就能证明自己可以晋升到下一个级别业务型成就业务目标理解公司业务的核心目标目标转化为指标（UV，PV，页面加载时间，成交的钱）技术方案业务指标到技术指标的转化形成纸面方案、完成小规模试验实施方案确定实施目标、参与人管理实施进度结果评估数据采集、数据报表向上级汇报没有结果是不可能获得晋升的，只会落得一个“勤奋耐劳”的称号案例：业务目标 & 指标：点击率技术方案：给 tab 组件增加手势操作实施 1：在业务中加入对应功能，并上线结果：点击率提升3倍实施 2：编写通用tab组件，向所有导购业务推广，形成制度工程型成就目标质量效率方案与实施规章制度库工具系统结果线上监控案例——XSS攻击的预防：目标 & 指标：XSS攻击白帽子反馈漏洞技术方案：整理安全手册，review历史代码，代码扫码工具实施：对全体前端宣讲，整体 review 代码，更改代码发布流程结果：XSS漏洞大幅减少技术难题目标公认的技术难题能影响业务方案与实施依靠扎实的编程能力例子——爬取商品价格：背景：在某浏览器插件项目中，需要爬取各个网站价格比价，但是各个网站会采用图片价格等手段防御方案：引入JS端的数字识别技术，靠AI技术解决前端与学习方法 对学习知识体系的态度，应该不要去强求，而是去理解知识体系的完整性和框架，多面，多维度，多方面的去累积来补足，补全自己的知识体系。很多同学在质问学习的东西有没有用很多知识其实是没有用的，但是有一些微小的点可能会用上但是没有办法确切去知道它的有效性我们要知道完整的知识体系，然后抽取重要的知识点进行加固重点在于每一个知识点，看到就学一下，学不会不要紧，下次再看到时就加固学习（强扭的瓜不甜）系统化学习 + 随机性学习的结合前端技能模型领域知识不同的领域会学到不一样的知识实践中学习前端知识建立知识体系对知识体系掌握度是重点，而不是对知识体系的量级能力 —— 刻意练习编程能力架构能力工程能力前端技术不是武林秘籍，真正的能力是练出来的。学习法1. 整理法我们要追求的是一个完备性，而不是追求完整或者完美性。而我们重点是选择对的逻辑关系顺序关系记录一个体系的流程顺序关系组合关系纬度关系每一个维度单独看都是完整的东西多个维度去看是一个立体完整的东西分类关系按分类列出知识整理方式：先找线索，通过搜索，看手册，看文章搜集。先找到方向！找到多份资料进行对比，加强完整性2. 追溯法源头—— 从源头开始建立知识基础，提升可信度最早出现的论文、杂志最初的实现案例标准和文档—— 找权威性，但是不能盲目的看，要做好对比，保证准确性W3.orgDeveloper.mozilla.orgmsdn.microsoft.comDeveloper.apple.com大师—— 可以去看他们对技术的定义，公信力更高Tim Berners-LeeBrendan EichBjarne Stoustrup通过这些方法建立知识基础，可以建立我们知识的准确性，可信度，公信力。同时在面试的时候可以提出你在那个权威的地方看到这个知识，也可以体现出你的专研和深挖能力。通过时间的的延伸，知识会不停的演变和被不同的人重新定义，所以我们要知道并对这个知识点有全面认知，从而在不同的领域或者场景下更加能抽丝破茧的方式去理解复杂，繁杂的知识。面试官怎么想？面试内容三要素深度范围覆盖面区分度面试过程打断打断意味着不感兴趣打断是一种提示如果面试官不要你，直接就让你说，然后叫你走就好了争论争论与压力面试 —— 保持自己优雅仪表和态度争论的技巧 —— 用追溯法找到可信度高来表达难题展现分析过程 —— 一边想一边说缩小规模 —— 化繁为简，把问题拆解问题类型项目型针对项目询问项目中实现了什么？遇到了什么难题，又是怎么解决的？主要考量我们在项目中体现出来的能力和思维知识型体现自己的知识体系会就会，不会就不会开放性问题通常是没有标准答案的问题设计方案的能力思维活跃程度管理型问题案例性问题设计、编程类给予场景并且给出解决方案用来考验我们平时的工作状态看的是过程不是结果（结果答的是正确的，过程不一定是对的，想看的就是你平时的工作状态，遇到问题时的状态）有趣的问题一般到达这个问题，基本面试已经过了关键不是你答什么，重点是体现自己思维的活跃度不一定要给到完美答案知识体系建立自己的知识体系，确保自己体系的完整性。在学习的过程中可以补充这个体系，达到很高的完美性。而且是可以在自己的心里有这么一个完整的知识体系，而不只是在我们电脑放着就好。 Q & A 职业规划，我不知道往哪里去？每个人目标不一样有人可能喜欢深挖一个技术，有些人就想做一个伟大的项目所以你要去哪里取决于你的人生目标是什么但是没有什么选择是错的，重点是你想做什么，就找到能做你想做的地方大厂会不会对 5-6 年工作经验有顾虑大厂对工作年龄不稳定但是如果你的工龄与你的能力不成对比，那肯定是有问题的在公司学不到东西，怎么办？学不到东西是你自己的问题要有 owner 意识，学不到东西就去找东西学我们不能把学不到东西推卸给公司或者环境我年龄大了，还有可能进入大厂？如果你觉得你的年龄无法进入 P6，那就继续提升到更高的级别总有一个级别是不在乎年龄的不论是年龄还是自己的学历，都不是我们应该关注的点更应该关注的是，我们有什么亮点可以让别人忽略我们的缺点所以要持续提升自己技术的认知，这些核心竞争力不要一直盯着自己不能改变的东西我目前是在职前端开发，如果你现在也想学习前端开发技术，在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前端学习交流裙：前面：851 中间：231 最后：348。里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。 作者：三钻 链接：https://juejin.im/post/6858132023681875975 来源：掘金

本文章由javascript技术分享原创和收集