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

我的博客:http://ruizhengyun.cn/#/code/...

先啰嗦几句

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

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

我们得承认两点:

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

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

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

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

说明下面的篇幅(图谱及说明)会随着时间的流动变得越来越长,超过10篇的内容我会整理成一个目录(至于文章存放 github,这个后续再考虑),避免篇幅太长造成视觉和阅读上的压力。接下来的时间我会在1-2天里会填补(更新或展开说明)这些图谱的细小知识点。本文本质就是在做就是前端知识罗列和调度(给出文章详情链接),希望对正在学前端或者已经在前端岗位上的你有些许帮助。另外文中部分内容有和前人或后来者的文章相似、相同或相通之处还请多多包含和见谅。另外,文中所缺漏或有错的地方还请多多指出,你我共同成长(赠人玫瑰嘛)。

观点学而时习之,不亦乐乎。学习并在一定时刻应用(实践)它,不也是件快乐的事嘛。(划重点在一定时刻将它用在实践中是件快乐的事,回想一下,学过的东西在用它的时候是不是很快乐呢!!!???)

承诺本文我会持续更新,那什么时候结束呢?我现在的想法是到我退休那一刻或者说不在这行里折腾的那一刻,谢谢。

最近 图例说明

总览 -> 要做的 -> 正在做的 -> 已经完成 -> 再回到总览

前端总谱

小程序

微信公众号

前端框架

Vue.js

React.js

源码分析(react 16.8.6)

HTML

CSS

ECMAScript(Javascript)

Javascript 基础与进阶

基础篇

进阶篇

ES6

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

正则表达式

Typescript Node.js 面试之道

浏览器

网络协议 设计模式

工程化

性能优化 前端安全

自动化测试

工具调试

算法与数据结构

最后彩蛋(也不容错过)

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

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

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

本文 github 地址

原文链接:segmentfault.com

上一篇:vue.$set()原理
下一篇:为什么用vue.js,为什么前端开发46%的人都在用?

相关推荐

  • 🔥手写大厂前端知识点源码系列(上)

    如今前端攻城狮的要求越来越高,会使用常见的API已经不能满足现如今前端日益快速发展的脚步。现在大厂基本都会要求面试者手写前端常见API的原理,以此来证明你对该知识点的理解程度。

    2 个月前
  • 🔥 从最近流行的一幅 CSS 风景画中学习 2 个知识点

    最近 CodePen 流行的一张用纯 CSS 绘制的风景画令人印象深刻: (/public/upload/d250206ad61c150f0fbec8efcd474c2a) 天空的眩光,睡眠反...

    2 个月前
  • (二)各大笔试网站(牛客网、赛码网、测评网)介绍和做题技巧——以前端开发为例

    (/public/upload/3855e8b808281493dde93db067f6b1c2) 进行笔试之前,我们首先要了解的是,我们春招、秋招的时候,企业用的是什么平台。

    3 个月前
  • 高级前端知识点汇总

    高级前端知识点汇总 1.首屏加载优化 2.搜索引擎优化(SEO) 3.请求优化 4.Vue服务器端渲染 (SSR) 5.W3C标准 6.vue render优化...

    4 个月前
  • 高效前端开发 - Visual Studio Code

    本文是根据我在公司演讲(2019年8月)的高效开发主题PPT重新总结发布的一篇文章。有兴趣了解PPT的可以前往百度网盘下载:高效开发 VSCode.pptx(https://pan.baidu.c...

    8 个月前
  • 面试知识点之javascript中变量与函数重名规则

    声明 相信大家都知道变量提升,函数提升,可重名的时候又是如何处理? 试问一下2个场景的输出值分别多多少? 情景一 情景二 答案是两个场景输入都是一样的.结果都为: ...

    4 个月前
  • 面试必备!webpack 中那些最易混淆的 5 个知识点

    前两天为了优化公司的代码打包项目,恶补了很多 webpack4 的知识。要是放在几年前让我学习 webpack 我肯定是拒绝的,之前看过 webpack 的旧文档,比我们内部项目的文档还要简陋。

    1 年前
  • 面向校招 HTTP与前端缓存知识点总结

    一. 基础概念 HTTP 特点 简单快速:请求服务时,只需传送请求方法和路径 灵活:允许传输任意类型的数据对象,由 ContentType 标记 无连接:服务端处理完请求就断开连接 无状态:意味着每...

    4 个月前
  • 面向对象关键知识点汇总

    先来了解一些基础概念,才能更好的理解知识。 对象的定义 ECMA262把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数。 数据属性 4个特性 以上属性一般通过Objec...

    1 年前
  • 需要搞明白的javascript知识点-执行上下文

    前言:深入js对学习框架很重要,希望这一系列文章会对你有帮助(持续更新中) 深入系列:深入javascript之原型和原型链(/go/?target=https%3A%2F%2Fblog.csdn....

    2 年前

官方社区

扫码加入 JavaScript 社区