写给我前端同事，从事一年多应该要怎么成长的路线
写给我前端同事，从事一年多前端应该要怎么成长的路线
我知道在很多中大型公司，其实有好多领导前辈、以及师傅会给那些
校招生，以及应届生规划一定的学习成长路线，可能还会有定期的大佬分享。有这么一个领路人、环境在其实成长是飞速的。
我入职了一家新单位，这家单位的没有太多规范，没有太多的组件封装积累，还会考核每周的代码量,我发现有些阶段代码量（测试阶段、需求阶段等）不够的时候大家都是往项目中塞没用的代码，还有些同学会复制公共组件的代码进自己的模块充代码，技术栈使用的是vue3 + js + ant-design-vue，一大部分人做的都是项目。
苏洋同学（化名）工作了2年左右，换过2家公司，第一家是个小公司也是在写一些后台管理的功能，这是他的第二家公司入职这家公司也有一年左右时间了。他逻辑，工作态度都没问题，也算是个积极上进的零零后好青年。他当前项目中的代码开发没问题，项目中多是一些业务表单，工作流之类的东西，有用户权限控制。有的时候他会请教我一些问题我俩也就从问题聊了聊技术，并且我把我的博客分享给了他，他说他有空会看看学习下。
我跟他从我的博客文章中聊了下他可能需要怎么做来获得成长，当然现在这个环境下我不能跟他说你多学一点可能工资就会高一些，假如在3年前我一定会告诉他，你学完这些其实可以换个公司去试试一定会比你现在的要高一点。可能学习完假如被迫换工作（裁员）了，机会会大点吧
大佬请绕路，我可能给的建议并不是最好的，但是我觉得对他来说现阶段是最使用的
针对他的成长经历规划
他的
js基础可能没那么好，像一些数据处理上是有些问题，那么我建议他：
- 重新学习下
js针对数组,字符串等API，像字符串的cancat、includes、indexOf、lastIndexOf、endsWith、startsWith等等，像数组的forEach、map、filter、reduce、find、findIndex、some、every等等，他说他有些好像没有使用过。 学习了解用法，并且写一样的源码。例如：
解释'123'.endsWith('3'); // true
export const _endsWith = (source: string, target: string) => {
const len = target.length;
const substrValue = source.substr(source.length - len, len);
return substrValue === target;
};
_endsWith('123456', '56'); // true
- 对
堆和栈要有一定的理解，对深拷贝、浅拷贝有一定的理解。 - 对
宏任务和微任务以及事件执行的理解。 - 对
防抖和节流有一定的理解 - 对
this有一定的理解并写出apply、call、bind的实现。 - 对类型判断
instanceof、typeof、Object.prototype.toString.call等方法有理解。 - 对对象方法的使用
Object.keys、Object.values、Object.entries、Object.assign等等
- 去看下
lodash的源码，例如：throttle、debounce、cloneDeep、groupBy、get、difference等等一些常用的方法函数要会写源码，最好自己写一遍。 - 对正则表达式能对有一定的理解，并且写出一些常用的正则。
CSS中对主题适配能有一定的理解，例如使用less和Scss变量做主题适配，以及使用2套样式，或者使用css全局变量做主题适配。能区分出这几种的不同点
如果能把
js的以上都能掌握了，那么你的基础算是扎实的了，差的可能就是工作经验以及深入了解一些框架的源码了。
- 这个时候可以学习下代码规范了，其实
vue的话可以看看element ui组件代码的规范，组件的设计以及源码具体。至少能实现message组件以及按钮组件 - 学习下设计模式，例如：
单例模式、策略模式、代理模式、发布订阅模式等等。 - 可以多看看怎么写防御式编程，让你的代码更加健壮（这也就是为啥项目中bug多的问题，代码写的还不够严谨）
- 可以去学习下
TS,可能不用去特别做类型体操，基本的泛型能用，例如：Array、Record,>、Partial、Pick,>、Omit,>、Exclude,>、Extract,>等等。 - 如果你对
vue和react想深入研究，可以对比着使用看看它们之前的差异，有自己的认识。 webpack的配置，对打包优化有理解，对loader和plugin有理解，对打包工具有使用过。- 了解下
npm,对npm 发布等命令有一定的理解，并且尝试自己发布一个包。 - 对
git提交规范有理解，并且使用。可以深入了解下git规范定义以及拦截。 - 对
nginx有一定的了解，并且使用。因为现在好多项目都是多页应用了，nginx就显得很重要了。 echarts是图表库，可以学习下他的那些简单图表怎么使用canvas画出来的。
恭喜，假如你上面都能学会，我觉得你很了不起了，至少算是
中级前端工程师。
- 制定公司代码规范
eslint,git提交规范等等 git CI制定工作流是很重要的，可以学习下。- ...
- ...
- ...
结语
其实如果从事这个行业，可以把上面当作一个学习清单，然后按照顺序学习，这些都是必须且要学会的。然后把学习到的东西都记录下来。多总结，多思考，
来源：juejin.cn/post/7448899248475684899
