8年前端开发的知识点沉淀(不知道会多少字,一直写下去吧...)

104,552 阅读7分钟

重新起航

再次提笔的勇气和信心来自掘金社区大家对我2年前的这篇文章,从关注和留言的数据不难分析出前端这个行业越来越受年轻人的青睐了。为了方便让语雀的小伙伴搜索到,我将文章也在语雀维护一份,以感谢大家一直以来的关注和支持。

前言

本人是从 2011 年从事前端,从一个页面的切图仔到如今还算合格的前端工程师,一路走来,我很清楚要学的很多,其中也学了很多,学的同时也丢了很多(身陷边学边丢边丢边学的状态)。尤其这 3 年,前端领域可谓是百家齐放,四面开花。

时代定义

可以说这是最好的时代也是最坏的时代

  • 说它好,这是因为前端走在了混乱且正规化的道路上,前端开发也逐渐在各家公司至少在项目或产品的开发上受到足够的重视和尊重(针对开发者)。
  • 说它不好,是因为杂乱而繁多(语言、框架、组件包等),许多同行或多或少都有点进入了学不动了和产生一种迷茫的状态。
  • 个人观点,变总比不变好,因为乱(杂)而奠定了前端在项目或产品开发中的地位。至于如何去学和学习什么,那是个人学习方法或选择问题了(并不是因为前端社区繁荣产生这问题的,只能说前端社区繁荣将这类问题扩大了,这两个问题希望能拎清)。

固本培元

我们得承认两点:

  • 领域知识是不断更新的;
  • 每个人的资质各有不同(这里资质除了天赋还有后期努力)(你可以说我不努力但是不可以说我比别人家的笨);

认清事实后,不妨学学中医里的固本培元的思想。什么意思呢?理解起来也很简单,就是现有、稳定且必须知道的知识要学好并实践好(固本),对于新的、还不普及且不必学的可以选学,如果你觉得自己很有天赋另当别论(培元)。

自我认知

很长一段时间里,我的野心比我的努力要大很多很多。Php、Python、Go、科学计算等都想学,结果你肯定也想到了,就是什么都没学会,刚入门因为业务场景很少用(就是没用)不得不丢下了,进而陷入迷茫期。也是前段时间,决定忍住诱惑,慢慢从基础沉淀,虽然慢,但是学的很扎实也很快乐。

达成共识

对于认不认同不打紧(这只是我们的认识观或方法论不同而已),重要的是找到适合自己的,你说呢?

  • 说明 下面的篇幅(图谱及说明)会随着时间的流动变得越来越长,超过 10 篇的内容我会整理成一个目录(至于文章存放 github,这个后续再考虑),避免篇幅太长造成视觉和阅读上的压力。接下来的时间我会在 1-2 天里会填补(更新或展开说明)这些图谱的细小知识点。本文本质就是在做就是前端知识罗列和调度(给出文章详情链接),希望对正在学前端或者已经在前端岗位上的你有些许帮助。另外文中部分内容有和前人或后来者的文章相似、相同或相通之处还请多多包含和见谅。另外,文中所缺漏或有错的地方还请多多指出,你我共同成长(赠人玫瑰嘛)。
  • 观点 学而时习之,不亦乐乎。学习并在一定时刻应用(实践)它,不也是件快乐的事嘛。(划重点在一定时刻将它用在实践中是件快乐的事,回想一下,学过的东西在用它的时候是不是很快乐呢!!!???)
  • 承诺 本文我会持续更新,那什么时候结束呢?我现在的想法是到我退休那一刻或者说不在这行里折腾的那一刻,谢谢。

近日更新

前端图谱

processOn 地址

欢迎 Star,感恩💕😊

语言基础

HTML

processOn 地址

CSS

processOn 地址

ECMAScript

processOn 地址

基础篇

进阶篇

ES6

关于 ES6 只是先放阮一峰老师的 ECMAScript 6 入门。后期我会整理一本 gitbook 小书,倒不是会在阮一峰老师的基础上加更牛逼的东西什么的,而是做一些减法,因为整个文档看下来需要很长时间,小书只取常用的 api(当然我会注明出处),这是我的个人喜好,选择性学习和书写(正在阅读的你也要看你喜好)。想要看详细的还是要看阮一峰老师的 ECMAScript 6 入门。

正则表达式

Typescript

processOn 地址

阅读 Typescript 小书

前端应用

小程序

processOn 地址

微信公众号

processOn 地址

前端框架

Vue

processOn 地址

React

processOn 地址

原理实现 (react 16.8.6)

前端工程化

模块化

组件化

工具化

webpack

阅读 Webpack 小书 - 连载中...

git

阅读 Git 小书连载中...

npm

自动化

设计模式

设计模式.png processOn 地址

阅读 Javascript 设计模式小书 - 连载中...

网络协议

浏览器

processOn 地址

前端性能

前端安全

processOn 地址

前端面试

前端测试

前端架构

Node.js

数据结构

processOn 地址

算法

processOn 地址

职业发展

最后彩蛋

这块主要罗列我的一些想法和看法,还有广大前端伙伴的建议与观点(包括本文评论),这里会有认可、理解、分歧等情况,但越是这样说明大家都希望在前端道路上走的更远更高,总有一些适合你的,希望对坚持在前端路上的我们都有所帮助。

发现这块篇幅慢慢增长,见她有点喧宾夺主之势,所以决定将其整理成一片文章(伴随时间流逝而持续更新)。

行走在前端路上的一些想法

联系我/公众号