前言

本文将分享我的个人工作经历，介绍自己选择前端行业的考虑以及近四年的职业发展和技术规划。在自己专业不佳的情况下，自己获得了自己比较满意的一个现状。

个人简介

我毕业的大学不是985、211，就普通的一本，专业是信息管理与系统系下电子商务专业，，于2014年毕业，毕业后在一家创业公司一直从事前端，直到2017年7月离职。

薪资变化 ：从4.5k-16k;

职位变化： 从基层前端到下属19人的前端技术团队

备注：第一家公司薪资水平偏低，所以不建议与当前前端行业做同等比较。

个人线上技术手册

作为个人技术积累以及学习的过程，我吧印象笔记里记录的几千篇笔记慢慢的整理到了几本技术手册上，形成自己的知识拓扑图，几本在参加面试或者自己持续学习中起到了无法比拟的作用，对一些问题的认识以及积累超过一般中小公司前端leader的眼界。尤其在综合能力涉及到管理，产品认知，团队管理等角度。

• 前端技术指南
• 前端工程化指南
• 兵哥干货铺
• ued规范手册
• 职场进阶指南

技术栈

第一阶段： 2014-2015年

背景：2014年前端的三大框架还没普及，众多中小公司的技术栈还是传统的java-mvc模式，所以自己的技术栈也为了这方面做了充足的准备和学习。

技术栈内容：

• js基础（js权威指南），前端基础（w3c）,基本的浏览器兼容--ie8（项目实践）,移动端布局基础（百分比流式布局），jq熟练使用，less预处理器的深度使用与推广，css命名思想与规范的推广
• javaee项目开发能力（脚手架基础上无障碍开发），java接口设计以及开发，jeecms开发以及部署
• axure设计修改能力，ps基础设计以及抠图
• bootstrap（ui框架），easyui
• 微信公众号配置以及开发
• 员工的任务分发与指导

第二阶段： 2015-2016年

背景：
此时前后端分离已经变成趋势，在我大力倡导的情况下，公司的重点项目做了技术重构，实现了前后端分离，并开始着重调研以及实践前后端分离的技术栈。

技术栈内容：

• gulp/webpack构建流程以及优化
• 基于restful的接口化设计与分析
• 前端路由拆分与设计，模板引擎选型
• 前端ui组件与业务组件分析与设计
• 前端、设计、产品ued联合推进
• 参与开发公司app内h5解决框架：rubik-x
• 着重公司级别的前端技术解决方案
• es6推广
• vue技术栈
• web性能优化与策略
• 敏捷开发
• 员工的技术普及与宣教

第三阶段： 2016-2017年

背景：
此时vue已经很成熟的呗使用，甚至react已经变成必备的技术栈，构建工具也从初始的不确定变成wapack一家独大。

技术栈内容：

• ci持续集成
• nginx部署与配置
• 后端框架koa技术栈
• elmentui与mintui项目实践
• linux常识
• nodejs基础
• npm使用以及cnpm企业仓库模块的管理与运维
• react技术栈
• 前端工程化体系设计
• js编程模式
• 员工职业发展

重点来了

如何做的职业规划，又如何实现的职位和薪资的上升呢？

重点一 ：职业规划

职业规划需要在自己大三上拟出自己的大概3-5年的职业规划，那还没毕业你能规划出什么呢，下面给一些可行的建议。

• 将要从事的职业
• 将要从事或者有兴趣的行业
• 近3-5年考虑的工作地点
• 意向公司
• 技术学习的曲线和内容
• 薪资&&职位的上升曲线

重点二 :性格测试与自我执行

很多人可能认为性格与自我职业选择没有关系，但这实际不对的。有人喜欢静，喜欢出去结交朋友；有人喜欢宅，听歌看电影，家里宅一天；有人喜欢销售，可以展现自己风采与口才；有人喜欢静下来做匠心，比如文娱创作；当然也有很多人真的喜欢写代码。

个人建议针对自己喜欢做的，而且执行下来卓有成效的方式进行记录，在之后这将指引自己如何工作。

给大家举个例子，我个人非常喜欢分享，而且喜欢和大家讨论问题，帮别人解决问题。所以在自己做主管的过程中，将这点进行放大，同时也一定程度的执行自己的管理职责，这样操作下来，自己觉得管理并不是压力，而是自己得心应手的事情。

重点三 ：如何在职业中学习与展现自己

• 如何工作的时候学习相信很多人都非常苦恼？

因为大多数情况下，领导都在一致派给我们任务，我们一会在赶项目，无从学习，无从进步。
那么建议你可以这样试下：
1 分析自己完成一项工作的时间，所用的技能
2 横向，纵向对比分析自己的进步，优点，缺点
3 与其他人分享，讨论，其中记录有效的工作技能和问题点和技术点
4 在自己的职业规划中，抽出可以零碎时间学习并实践的知识点
5 你需要印象笔记来记录每天的日程，另推荐番茄工作法来指导分析自己。

• 入职之后你可能疑惑或者迷茫自己该做什么 ？看下图

image

• 如何展现自己？

image

重点四 ：如何学习前端

• 参考我另一篇文章：我是这样学习前端的

更多

掘金技术征文活动链接: https://juejin.im/post/5aaf2a95f265da239b413aa1