前端新人如何快速打好基础，分享我多年的经验

1， 要谈这个问题，就得首先定义一下什么叫“新人”？到何时就不算新人了？

新人在我这里是定义为零基础进入前端开发行业，工做不足一年的，就算新人了。一年以后，就不算新人了，至少算是有必定工做经验了。

2， 要对知识体系规定二个范围，

一是，时间范围，就是新人在一年时间以内；

二是，在一年以内要掌握哪些东西。

3，在1和2的基础之上，规划出来的一个前端知识体系，才是一个相对可执行，可操做的知识体系。

那么头一年时间内，应该掌握哪些东西才是适合的呢？

这个问题很并非很好回答，由于每一个人的进度不一样，有人每天学，有人天天学点，有人每周学点，这种状况下怎么去规定说一年内应该掌握哪些东西。因此必须有一个标准，用来抹平全部个体差别，可以统一的用来衡量同一群体里的全部人，这个标准在我看来，就是“工资”！

由于市场对全部人都是公平的。那么一个合格的一年工做经验的前端开发，应该是多少的工资呢？先明确一点，在我们这个行业，谈工资不先说城市的，都是耍流氓。北上广和我大沈阳的前端工资差的不止一个地球那么多。就暂时以北京为例吧，合格的一年工做经验的前端开发人员，工资必须一万以上。

到如今为止，这个问题就演变为，前端开发想要月薪过万，须要达到具备什么样的知识结构。

先分几个大的部分说，

一， JavaScript、框架

二， HTML，CSS

三， 开发规范

四， 业务及场景

五， 面试

这几个部分若是彻底细分的说，那就是几本书也说不完了，因此我们就是以工资一万为界来聊一聊。为何是聊聊呢，由于这几个方面具体到每一个人身上也是千差万别，因此只能就大致的方向来说，而不能下定义。

一， JavaScript

说来你们可能并不信，我我的以为JS对于初学者来讲，其实并不用太过于深究。由于一家公司可以接受你，必须是创建在对你的能力水平有清醒认识的基础上。那么确定安排给你的工做，就是你目前力所能及的。因此JS的基本语法OK就能够了，具体包括：

1， 变量

2， This

3， Prototype

4， 函数和闭包

5， 异步和ajax

6，vueJs & nodeJs

二， HTML，CSS

这个部分就是注意一下语义化和dom的结构，不要在DOM上过于嵌套。

CSS就是注意一下CSS选择器的深度，还有多平台多浏览器的兼容和适配。

没什么可多说的，都是体力活，作多了就都OK了。

三， 开发规范

这个话题可大可小，往大了说就又得搞一本书出来了，我们往小了说说。其实很简单，就是按着你的前端同事们的格式去写。刚开始时别把它想的太复杂。

人家怎么命名方式，你就怎么起名；人家怎么写JS方法，你就怎么写JS方法；

最重要的就是协同，例如SVN，Git，这些

四， 业务和场景

业务就是公司具体在作的产品，必定要记住技术是服务于产品的。好的技术未必有好的产品，但好的产品必定有好的技术。技术没有高低之分。必须 可以 作到能用笔把公司的产品的业务逻辑，用顺序图给画出来。而且在业务上要有大局观，不能以为某一块东西不是本身负责就彻底不理。要在心中有一个产品的全景图，要可以对公司的产品甚至是产品线拥有上帝视角。要明白没有业务作为结果产品，单纯的技术其实并无什么存在的价值。就比如一把铁锹，若是不能用来挖土，那么这把铁锹作的再好又有什么意义呢。

至于场景，能够说的就很少了，无非是PC和移动端，移动端又分为手机和PAD。

PC端就是一些浏览器兼容性，移动端就是各类终端的适配。但要注意，由于设备规格的不一样，PC和移动端在同一个业务上的具体实现流程是不同的。

五， 面试

这个首推面试题，把网上你能查到的面试题都过至少一遍以上，直到许多面试题你看着都面熟，基本作题这个部分就OK了。

而后就是面试时的回答，主要是把你作的项目的业务流程说清楚，而后你是负责其中哪一个部分，谁和你对接，数据是如何产生和使用的。等等

刚才提到的那些知识并无太难太深的东西，都是一些基本的知识和技能，因此也就是月薪一万吧。但如今的前端，月薪一万只是起点而已。我我的见解吧，这五个部分都基本OK，而后一年左右的工做经验，我以为工资拿不到一万不太可能。

刚才讲的五个部分，其中一，二，三都是相对成熟的，就是那些东西，必须那么写。第四部分业务和场景里，主要就是业务那块。业务流程通常会划分为组件和模块，组件我认为是无逻辑的，就是一些切换和开关、样式，强调通用性；模块是有逻辑的，强调的是对数据的处理，以及根据数据来控制网站的视图。

若是你们想从事前端不知道怎么入门的，能够在留言区评论“学习”我把我多年的经验分享给你们，还有一些学习资料（点赞+转发）