年审流程前端⼯程师们，该如何规划⾃⼰的职业⽣涯？
前端是什么
⼯作流程为从UI处得到原型图或者效果图，在项⽬（⽹站、、⼩程序、WEBAPP）中还原图⽚效果，然后与后台进⾏各种数据交互。
在项⽬中充当⼀号背锅侠，项⽬出现问题第⼀个收到传唤的⼈。⼀个不受UI、后台待见，甚⾄不受协同开发的其他前端待见的岗位。
前端，
⼀个让我沉迷的岗位
前端，
⼀个将⼀张张UI效果图变成⼀个个⽣动的项⽬的岗位
⼀个将冰冷的后台数据转换为有趣的视觉享受的岗位
我感觉⽬前的前端市场整体还是处于迅速发展期，市场对于前端的需求也⼀直⽐较⼤。
但是前端存在⼀些⽐较畸形的地⽅，门槛低，随便培训上两个⽉就可以去应聘前端⼯程师，⽽培训之前⼤家从事的岗位是各式各样的，可能和计算机并没有太⼤关系，这就导致了要想进⼀步的提升⾃⼰⽐较困难。
所以市⾯上有很多这样的前端，培训出⾝，反复将⼀个技术在项⽬中使⽤，做到了某种技术的熟练，但是对于新技术的接受能⼒⼗分弱。
现在市场对于中⾼级的前端⼯程师需求更加迫切，所以⼊了前端的门，就需要不断的提升⾃⼰，⽆论你是学院派，还是培训派，还是⾃学派，都应该具有强烈的学习意识。
钟晓芹结局
⼀个项⽬的起源来⾃于甲⽅，可能是你的⽼板或者你的客户，他们会提出需求，给你们描绘出⼀个世界。
这个抽象的世界会由UI变成⼀张张实图，交给你。⽽填充这个世界的数据也有由后台为你提供好。⽽你需要做的，就是在获取到这些之后将他们变成现实。
在这之前，你获取到需求之后，你⾸先应该要做的事情就是-项⽬分析及项⽬前期准备。
项⽬前期准备
如何分析项⽬并进⾏前期准备，给⼤家分享⼀些经验：
•
获取到需求之后，⾸先确定页⾯，⽐如⾸页、登录/注册、XX活动、XX详情、XX介绍等等，往往⼀个项⽬可能由⼏⼗个页⾯组成。确认页⾯之后对页⾯功能进⾏分析；
⽐如⾸页，⾸页存在轮播、导航、分类、定位、列表、推荐等等功能。组后在确定功能使⽤的技术，如轮播，是使⽤第三⽅插件，还是⾃⼰编写。并将以上内容整理成为⼀个三级列表。如下图
•
根据需求确定技术选型，确定代码对于浏览器的版本兼容，决定使⽤什么开发 IDE，使⽤什么框架，使⽤哪些插件。
•
进⾏开发前期准备⼯作，如：第三⽅插件的了解学习（如：表格插件），某个功能模块的处理（如：轮播），全局调⽤模块的封装（如：交互）
同期进⾏的项⽬，在你做完这些准备⼯作的时候，UI及后台应该也做完了相对应的⼯作。
你拿到 UI 效果图及后台 API ⽂档之后，应该仔细核实，看其中是否存在问题。
与 UI 核实具体效果，因为⼀张图⽚，UI 表达的和你理解的可能存在误差，为了避免问题发⽣，在⼯作开展之前先需要和 UI 进⾏样式的核实。
核实完样式之后应当仔细阅读后台的 API ⽂档，看每⼀个接⼝是否是你需要的，有没有缺漏，有没有数据与你所需的不⼀致。如果发现问题及时与后台沟通协调。
在完成上述⼯作之后就准备进⼊正式开发阶段了，在我们的项⽬中，⽂件层次结构⼀定要清晰明确，便于查管理，所编写的代码也需要严格按照代码编写规范进⾏，如果书写的代码 IDE⼀直提⽰警告，那是不合格的。
每个⼈都应当结合W3标准形成⼀套⾃⼰的代码标准，下⾯给⼤家分享⼀些我⾃⼰的总结：
1. 项⽬⽂件规范
•
项⽬中的 CSS ⽂件、HTML ⽂件、JS ⽂件、其他引⼊⽂件、以及静态资源（图⽚、⾳频、视频等）都应当建⽴单独的⽂件夹存放。
2. ⽂件名命名，需要遵循以下⼏点：
•
语义化如：public.css
•
使⽤_作为连接符如：index_nav.css
3. CSS样式规范
•
少⽤内联样式
小学谚语大全•
写好浏览器兼容
•
样式名命名语义化、⼩写、使⽤‘-’或者‘_’作为连接符
4. 简写
如：
margin-top：20px;
margin-left：30px;
margin-right：30px;
margin-bottom：40px;
应当直接写为：
margin：20px 30px 40px;
姜子牙结局
5. JS中的命名，变量名注意以下⼏点：
•
语义化
•
遵循驼峰命名法
•
避免保留关键字
6. 常⽤命名单词表（附在末尾）
在项⽬的进⾏过程中，如果你做好了上述的前期⼯作，肯定会加快你的开发进度，并为你省去很多问题⿇烦。
但是每个项⽬还是会存在问题，当我们⾯临这些问题⽽⼜⽆法⾃⼰解决的时候，我们应当怎么解决这些问题呢？我常见的处理⽅式有以下集中供⼤家参考：
1.
⼤问题（如：对于如何使⽤NMP不清楚），⾯对这样的问题，⾸选的⽅案就是百度教程，类似这些在百度上都可以到各式各样的教程，基本能解决⼤家的问题。
有时度娘也⽆法为我们解决（如我进⾏⼩程序开发，百度提供的资源实在有限），这个时候可以尝试去看官⽅⽂档，官⽅⽂档中会有⼤致的讲解，但是很多⽂档都是英⽂版的，所以需要良好的英语阅读，推荐⼤家没事多学习英语。
2.
⼀般功能点技术问题，时间不急（如：怎样在VUE的列表渲染中渲染指定的下标），这类问题是对于这技术初学者可能经常出现的，⾸选肯定还是度娘。
除此之外也可以在论坛提问盖楼，在各个技术⽹站中都有⼤量的⼈⼀直在活跃，能针对性的回答你提出的问题，and，加QQ，⼀般⼤型的技术类QQ都有两千⼈，多加⼏个，肯定有能解决你问题的⼈。
⾥⾯还可以到各类⼤⽜，私聊加他，有问题还可以第⼀时间骚扰他。
3.
很急的问题，⼀般遇到这样的问题需要尽快处理，这个时候就强烈推荐你进⼊各个QQ寻求帮助了，众多⽅案中QQ是效率最⾼的。
但你需要有很多Q才⾏，⽐如我的Q上就有⼏⼗个Q，每个 2000 ⼈，⼀共近10W的前端技术⼈员，这么⼤的基数，基本能确保你的问题第⼀时间得到解决。
也给⼤家推荐些⽹站，当你遇到问题的时候可以到这些⽹站寻求帮助：
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
tips：关于前端学习的⽹站，前端内容的⽹站都可以在创造狮导航中到，就不再单独列举。
当⼀个项⽬顺利或者不顺利的结束之后，我们可能有⼀段休息时间，也可能还得继续下⼀个项⽬，甚⾄项⽬多个项⽬同时进⾏的情况。
但是每个项⽬结束之后，都希望⼤家抽出时间来整理下该项⽬的⼼得，将项⽬中遇到问题，解决⽅案，新学习的内容，整理出来分享给⼤家。
我每个⽉⼤概会在论坛发布3-6篇博客，将我遇见的和我收获的都分享给⼤家。
在⼯作之余，我不免会对未来的⼯作产⽣⼀些想法，我的未来该是怎么样的？
如果你也曾想过，那么我想你或许也需要对你的前端⽣涯进⾏⼀场规划了。
职业⽣涯规划
什么是⽣涯规划？
它是结合⾃⾝情况以及眼前的机遇和制约因素，为⾃⼰确⽴职业⽬标，选择职业道路，确定教育、培训和发展计划等，并为⾃⼰实现职业⽣涯⽬标⽽确定⾏动⽅向、⾏动时间和⾏动⽅案。
为什么要进⾏规划，两个原因？
1.
明确的职业⽣涯规划会让你知道在什么阶段你该做些什么，让⾃⼰做的事具有⽐较明确的⽬的，⽽⾮混混度⽇。
2.
⽤⼈单位需要你的职业⽣涯规划，以判断你是否符合公司的发展。
如何进⾏规划？
我在⼤学的时候与职业⽣涯规划的⽼师谈过许多，其中有⼀点句话我认为是最正确的，“你的职业不⼀
定是你100%热爱的，但它⼀定不能是你厌恶的。”
不需要有陶渊明的不为五⽃⽶折腰，但如果本⾝都对这份⼯作反感，那么它就不应该成为你职业⽣涯中的道路。
•
前端⽣涯规划的第⼀步，就是确认你对前端这份⼯作的热爱，如果前端⼯作让你⼼烦意乱，感觉到代码让你很不舒服，你开始憎恶代码，那么时候考虑下暂停下⼯作，是否要继续前端⼯作了。
•
•
Step2：正确的评估⾃⼰，了解⾃⼰的状态及能⼒。
•
Step3：制定⽬标，给⾃⼰确定⽬标，在什么时候我要达到什么样。
•
Step4：拆分⽬标，把离现在最近的⼀个⽬标拆分，清楚⾃⼰如何做才能达到这个⽬标，为这个⽬标制定⼀系列的计划。
•
Step5：PDCA循环（制定计划、执⾏计划、检查计划、调整计划）根据⾃⼰制定的计划去执⾏，然后在执⾏的过程中不断检查⾃⼰是否与计划⼀致，如果存在问题，进⾏调整，或者计划已经不在符合现有阶段，那就重新制定新计划。如此反复循环。
•
Step6：坚持-成功。坚持不⼀定会成功，但坚持⼀定是成功的要素之⼀。
最后为⼤家附上⼀些我对于前端的⼀些整理包括我接触或者了解过的技术以及对他们的看法以及⼀份娱乐性的前端等级划分：
前端各类框架/库
Q：前端框架/库如何划分？
A：前端框架/库有很多划分⽅式，我把他们分为CSS框架/库、Java框架/库以及插件类框架/库。陆树铭简历及个人资料简介
下⾯从数以百计的前端框架/库中挑选部分主流框架和⼤家分享：
⼀、CSS框架/库
•
Bootstrap
•
fontawesome
•
MUI
•
剪辫子AUI
•
Amaze UI