从事前端快2年了，收获了丰富的经验，但这还不够。
我希望能把自己的技能点整理出来，并能随时查阅某个技能点的细节。
之前考虑过脑图工具，感觉还是太笼统了，希望能在细化一些。
所以急切的想了解下有这方面经验的人是怎么做这件事情的。
网上也找了些知识体系 例如 http://ecomfe.duapp.com/
还有下面这张脑图
希望大家给我一些意见与建议。
补充：我想要的是方法，而不是结果。
前端知识更新很快。作为一名前端，已经工作了6年。时代的变迁，很多以前掌握的技巧不再有效。而一些新的挑战，以前又没有接触到，现在需要重新学习。
重要的是不断的学习吧。以前需要很多IE6兼容方面的技巧，但是现在却需要很多CSS3方面的技巧，Mobile端也有很多东西需要探索。
所以我认为，不停的学习新的内容，不停的抛弃旧有的东西，维持知识体系，或者说一直不断的在构建。
知识只是工具 重要的是如何使用它们解决实际问题
这个不错.以前就见过,现在还经常看看~
作为一个没沉淀的前端，我觉得眼界可能比沉淀重要。我觉得“整理知识方便随时查阅”这件事情，至少在前端的多数范围内，google已经帮我们做到最好了。我要做的只是知道有这么回事，然后知道这件事的行话／术语叫啥，如何搜索到靠谱的资料和文章
我的心得大概有
- 解决完问题以后，有空向“原理”方向多找一些资料看看，力争举一反三
- 有手痒的新技术不妨找机会在自己的业余小项目里试玩
- 中文资料数量姑且不论，平均质量远远低于英文资料，优先找英文资料看
- 维护自己的信息渠道，高质量的渠道可以主动去看看乃至订阅，不靠谱的渠道少去少看
如果所谓的沉淀是指留下点东西 秀给别人看，那么请学习楼上那个图最多的答案，他做到了。
不过我觉得这种沉淀对个人练内功来说意义很小，这些东西就是典型的“能谷歌来的”知识，它们不是真的沉淀，只是一种笔记罢了。笔记是很容易忘记的，试问题主是否还记得自己高中上课做笔记的内容？我猜应该是忘得一干二净了吧。
能让自己长久记忆的，真正沉淀在心里的，是那些经常去用且经常去思考的东西。无非就是，多用这些技能点做事，并且从多维度来看同一事物，等各个维度都清楚了，也就沉淀了。
比如 js。
如果题主精通了浏览器的 js 开发，不妨尝试一下 node.js 的服务器开发，用 express 写个小网站玩玩吧，看看服务器端 js 的用法、设计思路和注意事项与浏览器端有什么不同。
什么，node.js 已经玩腻了？那就继续看看 mongodb，这玩意用 js 操纵数据，还可以直接存储 js 对象（BSON），搞清楚它的用法、设计思路和注意事项与其他的有什么不同。
什么，mongodb 的 js 也都搞明白了，感觉就那样？嗯，可以考虑用 C++ 写个 node.js 的 module，看看那传说中的 v8 引擎长什么样，从实现层面了解 js 的用法……（省略）……什么不同。
光是 js 还有很多可以玩的，什么 asm.js 啊、SpiderMonkey 啊……有空慢慢来~
就这样不断用不断学，知识点自然就沉淀下来了，这是会跟着自己一辈子的那种沉淀。所以与其花时间画个漂亮的脑图，不如大胆走出舒适圈多学点相关东西呢。
目前最全的前端知识结构图，
http://html5ify.com/fks/
IT这玩意,包括现在一句话要有很强的学习能力，遇到困难能很快学习并解决，掌握基本原理能够举一反三就可以了。