这是我知识星球的一个提问，我一直没有回答，因为这个问题不好回答，我希望思考清楚后再回答给大家。同时为了能让更多人看到，我在公众号里也发一下。
但是我不想再拿Android作为例子来分析了，因为我已经分析过很多次了。最近大前端和跨平台概念很热，我也在星球内发布了学习路线，这里我就以大前端为例分析下这个问题。
面对一个技术上的新事物，面对一个我们不熟悉的领域，如何快速抓住本质并整理出有效的学习方法和路径呢？只需要按照如下几个步骤。
面对一个陌生的领域，在正式学习之前，我们需要做充分的调研。调研的目的是对这个领域建立感性的认识，然后整理这个领域的常见知识点。
调研的方法如下：
百度搜索Web前端
关注技术公众号、阅读网上博客、看培训公司课程目录
看大公司前端工程师的招聘要求
百度搜索web前端可以让你web前端是个什么东西，然后阅读几篇前端学习路线相关的技术文章就可以知道大概的知识点，还有就是培训公司的课程目录，虽然大家觉得培训公司有点low，但是他们的课程规划是没问题的。
在这个过程中，我们可以了解到前端是有很多知识的：
基础知识：HTML、CSS、JavaScript、ECMAScript、浏览器兼容性、自定义UI和动效
JavaScript框架：jQuery、yui、extjs、vue.js、react.js、angularjs等一大堆
构建工具：npm、webpack、gulp
偏后台的开发：nodejs
经过第一个步骤，我们对前端有了一定的了解。前端里面有很多知识点，这个时候我们要去初步学习下这个知识点，如果说你对这些知识点都不懂，那你又如何能找出那些核心知识点呢？
学习方法：
通过关键字在网上搜搜技术文章
找到相关的技术图书，看它的目录
这二者结合，可以让你对这个技术有个更理性的认识：大概包含多少内容？是偏语言还是偏工具？学习完大概要多久？
基于这个认识，我们就可以得出：完整学习一遍前端技术大概需要多长时间？很显然，需要很长时间，为了让我们的学习事半功倍，也为了让整个学习更体系化，我们就需要找出核心知识点，即新技术的本质。
我给大家分析一遍。
入门必备：HTML、CSS、JavaScript属于语言层面，语言是最基本的，毫无疑问必须要学会。
入门提高：浏览器兼容性、自定义UI和动效看起来和Android中的兼容性以及UI特效很像，这类知识稍微有点难度。
完成了上面两点，你就入门了，你可以在不使用第三方框架的情况下开发一个网页了。所以这一块知识一定是前端最最本质的东西。
中级：可以看到JavaScript框架层出不穷，可以简单理解为整个前端的变革其实就是由JavaScript推动的。所以一波JavaScript框架的新起就必定伴随着另一波JavaScript框架的衰落，相信我们在调研阶段不难得出：现在是vue和react独大的时代，如果要学习的话，他们两个就是核心。
小规模开发没有协作，大规模开发要求版本管理和团队协作，所以就有了类似于包管理和模块化相关的概念，和Android的gradle类似，这些东西你最起码要会用。
高级：上面的东西都要求我们会用就行了，但是如果想成为高级工程师，还是离不开原理：研究主流JavaScript框架的源码，比如vue和react。
所以得出如下核心学习路线：HTML
掌握HTML和HTML5的常用标签和语法
CSS
熟练使用CSS和CSS3
JavaScript
熟悉JavaScript的语法，包括变量和方法定义、闭包、原型链，熟悉es6的新语法特
自动化构建
了解node.js的安装和npm命令的使用，会使用webpack
前端框架
比如vue.js或者react.js，二选一即可，推荐react，因为ReactNative用的是react
框架原理
研究vue和react源码，尝试自己写框架
任何领域，大家都可以按照这个思路来，从入门到中级再到高级，希望大家都能慢慢学会这种分析新事物的能力。
联系客服
