如何学习前端？

了解前端

首先，你要对前端的整个知识体系有一个大致的了解，要知道学习前端要学习哪些技术，对这些技术有一个最初的认识，之后才是深入学习。

信息爆炸的时代，好像什么都很有用，什么都有可能一夜暴富，我们都认为每一次的红利都近在眼前，然后，看似最终成就的事业都曾是人人平等的机会，在我们所有人身边流过，可为什么，就有的人把握了准确的点抓住了大江大河的机遇，而有的人却看着信息流过，最后眼睁睁变成了别人功成名就的“机会”呢？

为什么我们学了很多东西都会忘掉？很多时候我们学了，一时记住了，但是时间一长就会忘掉，再去重新学习又会浪费很多时间，那该怎么办呢？在学习的时候就把重要的知识点、难点都记录下来，以笔记的形式存下来，这可以说是一个程序员所必备的好习惯。

JavaScript是一个仅在一周就被发明出来的小玩意，它有着有多的缺陷，即使是这样，它已经存在了20年，全世界几乎每台电脑都至少装有一个JavaScript解释器…… 况且今天这个当初的小玩意的目标是编写大型的企业应用。

有些人会说，我不行，我起点低，我学不会，这是意识层面的问题，我听过朱虹老师的一堂组织发展课，其中提到，我们企业发展的轨迹，都是从初创到发展到成熟然后没落，而在其中的最长的发展阶段又会出现大波浪形，即从稳定舒适区到直面挑战、开始变革，稳定舒适区跳出来到直面挑战的过程，需要改变的就是人的意愿，即意识层面转化的过程。
 

那么前端开发到底是在做什么？

简单的说，前端开发人员是要在有限的业务场景中，去实现产品经理和UI设计人员的设计意图。而这些设计意图，有可能是无限发散的。

在这里如果前端开发人员不懂业务，那你就会很被动。因为你无法从业务的角度，去讨论或是修改他们的设计。网页技术嘛，说起来理论上是什么需求都可以做，但事实上总是有一些需求是不合理做不到的。

要明白，有些产品经理和UI设计的脑子里，是不管什么需求什么问题，技术人员都能搞定的，如果你说这个搞不定。他们第一反应就是，你是不是技术不OK？第二反应就是，你根本就不明白做的什么东西，你还想改？这时因为第一他们不懂技术；第二他们认为你不懂业务。

如果你想修改某个功能，那你必须能说到位，怎么说到位呢？就是从业务的角度去说明，他们的某个设计需求是不合理的，也是做不到的。否则，就变成，他们什么都想好了，就差个写程序的了。

前端开发的工作流程，这个说的范围就可大可小了。先说小的工作流程，就是产品经理出需求，UI出设计图，前端岗切图和写JS，后端同学准备好后台环境和数据接口，然后前端读取接口获取数据，生成页面DOM，并控制相关UI交互。

如果往大了说，那就前端的技术选型，工程化，包括自动构建，打包，压缩，上线，测试，发布，问题回滚，nodejs服务端渲染，前端路由等等，内容很多，这里不展开了哈。

html,css,js，这三者之间的关系，可以用一栋楼来比喻，html是楼的主体钢筋水泥；CSS是楼的外观装修；JS是电梯，开关一类的东西。当然这个比喻并不完全，它只是要说明一个大概意思，并不能教条死板的去理解。
 

前端的核心是学什么？

这个问题我个人主观的理解，其实是分成二个层面的。一是学习用JS操作HTML和CSS；二是要理解前端UI的操作流程。

第一，用JS操作CSS和HTML。怎么操作？首先就是获取DOM节点，然后就是对DOM节点的“增删改查”，这就是具体的Java知识，这是硬指标，必须搞定。

第二，要理解前端UI的操作流程，就是要懂“业务”。懂业务，才能明白“为什么”要这么做；才能明白你的JS要如何设计；才能懂得哪些个JS要单独写成模块给多个地方调用。懂业务的重要性比懂JS还要重要，因为业务决定了JS脚本的使用场景和方式。

学习前端要有自己的学习方式，有自己的学习思路和方法。