作为一个有所沉淀的前端，如何构建自己的前端知识体系？

Question

从事前端快2年了，收获了丰富的经验，但这还不够。

我希望能把自己的技能点整理出来，并能随时查阅某个技能点的细节。

之前考虑过脑图工具，感觉还是太笼统了，希望能在细化一些。

所以急切的想了解下有这方面经验的人是怎么做这件事情的。

网上也找了些知识体系 例如 http://ecomfe.duapp.com/
还有下面这张脑图

希望大家给我一些意见与建议。

补充：我想要的是方法，而不是结果。

Answer 1

如果所谓的沉淀是指留下点东西 秀给别人看，那么请学习楼上那个图最多的答案，他做到了。

不过我觉得这种沉淀对个人练内功来说意义很小，这些东西就是典型的“能谷歌来的”知识，它们不是真的沉淀，只是一种笔记罢了。笔记是很容易忘记的，试问题主是否还记得自己高中上课做笔记的内容？我猜应该是忘得一干二净了吧。

能让自己长久记忆的，真正沉淀在心里的，是那些经常去用且经常去思考的东西。无非就是，多用这些技能点做事，并且从多维度来看同一事物，等各个维度都清楚了，也就沉淀了。

比如 js。

如果题主精通了浏览器的 js 开发，不妨尝试一下 node.js 的服务器开发，用 express 写个小网站玩玩吧，看看服务器端 js 的用法、设计思路和注意事项与浏览器端有什么不同。

什么，node.js 已经玩腻了？那就继续看看 mongodb，这玩意用 js 操纵数据，还可以直接存储 js 对象（BSON），搞清楚它的用法、设计思路和注意事项与其他的有什么不同。

什么，mongodb 的 js 也都搞明白了，感觉就那样？嗯，可以考虑用 C++ 写个 node.js 的 module，看看那传说中的 v8 引擎长什么样，从实现层面了解 js 的用法……（省略）……什么不同。

光是 js 还有很多可以玩的，什么 asm.js 啊、SpiderMonkey 啊……有空慢慢来~

就这样不断用不断学，知识点自然就沉淀下来了，这是会跟着自己一辈子的那种沉淀。所以与其花时间画个漂亮的脑图，不如大胆走出舒适圈多学点相关东西呢。

Answer 2

作为一个没沉淀的前端，我觉得眼界可能比沉淀重要。我觉得“整理知识方便随时查阅”这件事情，至少在前端的多数范围内，google已经帮我们做到最好了。我要做的只是知道有这么回事，然后知道这件事的行话／术语叫啥，如何搜索到靠谱的资料和文章

我的心得大概有

• 解决完问题以后，有空向“原理”方向多找一些资料看看，力争举一反三
• 有手痒的新技术不妨找机会在自己的业余小项目里试玩
• 中文资料数量姑且不论，平均质量远远低于英文资料，优先找英文资料看
• 维护自己的信息渠道，高质量的渠道可以主动去看看乃至订阅，不靠谱的渠道少去少看

Answer 3

IT这玩意,包括现在一句话要有很强的学习能力，遇到困难能很快学习并解决，掌握基本原理能够举一反三就可以了。

Answer 4

知识只是工具 重要的是如何使用它们解决实际问题

Answer 5

目前最全的前端知识结构图，
http://html5ify.com/fks/

Answer 6

前端知识更新很快。作为一名前端，已经工作了6年。时代的变迁，很多以前掌握的技巧不再有效。而一些新的挑战，以前又没有接触到，现在需要重新学习。

重要的是不断的学习吧。以前需要很多IE6兼容方面的技巧，但是现在却需要很多CSS3方面的技巧，Mobile端也有很多东西需要探索。

所以我认为，不停的学习新的内容，不停的抛弃旧有的东西，维持知识体系，或者说一直不断的在构建。

Answer 7

我来提供一个可选项：多看书、多记笔记。

记笔记的习惯我是从今年年初开始的。到现在收益颇多。

我会把看的前端相关的书，选取要点记到笔记里，好处是：
一则记的过程会促使我进行深度思考，是不是理解作者的知识点、意思、思路；
二则可以加深印象；
三则，等用到的时候，找起来会非常快。
记笔记当然不是仅仅记书本知识点，还有自己平时看的技术相关文章都可以把要点汇总一下计入笔记。

还有并不是要大量记笔记（太浪费时间），要记的是关键点。比如：
能5分钟Google出来的知识点就不用记了；
摸索新技术过程中踩过的坑，就是重点要记的东西；
解决问题中遇到的思维盲点、跟同事共同讨论解决的问题、深受启发的方法，这些都可以总结起来（总结的过程就是思考提高的过程）记入笔记，下次再解决类似问题就会驾轻就熟。
包括跟业务相关的逻辑推理、从需求到技术点的转化，这些过程中遇到的问题总结下原因，记下来，也是很有用的。

看书、记笔记的目的就是大牛们所说的遇到问题快速分析问题、解决问题的能力。

看书的过程我最大的感受就是前端的一些经典书籍非常值得看，原因有二：

1. 知识点系统，全面。很多平时在网上看到的一些最佳实践在书里都有，而且会讲到为什么这样写是更好的；
2. 作者的思路、逻辑性都很强，有助于我们提高逻辑推理能力、总结自己的学习方法。

---

推荐两个云笔记：【印象笔记】、【有道云笔记】。
我自己用的【有道云笔记】，因为刚开始用【印象笔记】的时候，它上面字体很少、样式不好调，所以果断放弃。不知道它现在有没有改进。

Answer 8

这个不错.以前就见过,现在还经常看看~