前端工作之路

首先声明: 我是一名前端工程师，又是一个听障人士。

2017年我本人第一份工作职位是摄影师，工作内容主要是拍照茶艺，修图处理。期间看见同事敲代码，引起我好奇的心去问了解，得知是网页制作。于是我查阅相关资料，并在w3school上学习，还有幕课网看视频学习，同时使用html和css做了简单页面，令人兴奋。深度了解前端开发这个行业，下决心做前端。趁正好前端人手不足的机会，同事让我尝试做简单的页面。公司的这次项目完成，没什么东西可以学，并没啥收获。我辞职了，换工作。第二家公司是一个农业电商平台，刚没开工。我负责职务是切图，制作网页，当时原生js就很吃力了，jquery拯救了我，实现各种特效。静态网页搞好了后，我看到前端同事和后台交互、对接接口，我静静的看他们怎么交互。我上csdn、掘金等等平台学习，学习使用jquery ajax和后台交互并实现数据。期间漫长的时间，开始采用html/css/jquery实现页面的阶段，不断的取dom操作dom。

随着前端技术发展很快，行业待遇发展，我上幕课网平台学习vue基础，实现整个页面不用操作dom，改变数据会自动操作dom，这个时候感觉Vue真牛，代码也简洁了很多。再次换新工作。

现任公司面试官得知我是聋人，他考虑了一天时间就决定邀请我参加面试。面试通过，也许我人品好，又积极上进吧。他是总监兼后端，他对我很有信心，对我说：你是大姐姐，整个团队只有你一个前端，你要靠自己。

我一个人从公司的项目零做起，又是vue小白。总监一步一步指导我。开始搭建vue-cli环境，创建vue项目。下一步总监给我参照别人的pc端网页(当时没有ui设计师)，并叫我先整理该项目结构的文档。我在github平台上参考别人的项目结构并写出文档。我把这个文档给总监过目后才下一步开始写静态页面。首页和layui弹窗套用子组件以及一些第三方插件。

pc端静态页面写好，包括轮播图、导航下拉等等动画特效。期间公司新增ui设计师，总监让我写移动端项目，按照上次一样参照别人的移动端网页，整理文档，写静态页面。移动端项目使用vonic界面和组件，以及一些第三方插件。

ui设计师开始导出图片和效果图给我，我换图片和改皮肤。

对接登录接口，总监给我参考一个登录限权以及axios拦截器的链接，还给我一个文档就是有的页面需要登录，有的不需要。

对接接口期间，基本上总监一个一个整理文档一个一个给我，包括逻辑和流程，或者拿网页演示给我看，或者拿参考链接给我看。我遇到困难或问题，自行百度解决方案，实在不行才和总监沟通并换方式或者配合解决。

整两个项目，我一个人负责前端，挣扎了很多。我不仅每天学习新技术和新方法，而且还面临挑战。我天天加班到晚上十点，坐公共交通工具上用手机查看相关资料。学习webpack的使用,了解package.json，webpack.config.js文件，了解webpack打包，页面需要引入，了解组件化的意义，了解Vue Router。

最后给老板看，老板是产品经理，对产品很熟悉。老板过目后打包上线后，我感觉首屏加载时间过长，半分钟至几分钟才显出来。是网络问题还是服务器问题？我排查了这些，最后查f12并发现app.js和vendors.js这些文件体积太大。我查阅相关资料，并打包优化。终于上线了。

之后复制几个项目，换图片和皮肤，业务逻辑大同小异。我平时完善细节，发现bug并修复bug，增加新页面或新功能，还有维护前端。事情越来越多，维护越来越困难，有一次出现失误，被总监骂了一顿。总监说我要学会深度学习实用技巧，叫我回去好好想想。

稳定下来之后我觉得前几个项目的代码笨重又肿胀，有新项目我不想再复制原来的，和总监沟通我要重新编程。技术上由我自由发挥，界面布局由ui设计做，ui设计不懂业务思路，这部分需要和我沟通。

采用vue-cli3创建项目，运用Ant Design界面和组件，使用less预编译语言写样式，以及使用es6（promise、async/await 等等），不再使用layui弹窗套用子组件，改为正常跳转。从上一个项目吸收很多经验，深度学习的实用技巧，尽量优化代码，能抽出方法或函数就尽量抽出，封装公共组件，前端能实现就尽量实现，减少请求次数，同时减少服务器压力。我认真测试整个项目流程。打包dist体积比上次少好多。以后日常很好运用又很方便维护。vue3给我前端开发者带来了全新的开发体验。

总监给我一个后台管理项目的文档（pc端与移动端），里面写需求和截图说明以及参考链接。我使用vue-cli3创建项目，pc端运用element框架，移动端运用vant框架，以及用阿里矢量图标，并和新来后台同事对接接口，使用axios实现数据。

总结:

平台以及后台管理，包括pc端和移动端，那么多又那么大的项目逼迫我强起来了，学到无数的新技术，又能管理项目，高质量完成开发工作。

开始ui设计师嫌我是聋人，常常和总监说沟通不方便，好在总监协调，让团队慢慢地成熟，默契度越来越高，比如某人说简单话我们秒懂。我和总监以及同事怎么沟通？都是打字交流，以及打工作常用词的手语。有新任务基本上是总监给我需求文档，需要图片就找ui设计给的，设计师想改细节我就执行。我从事前端这个行业好几年了，和团队沟通协作，高效完成产品，我学习能力强，有较强的分析问题、解决问题能力。除了日常工作之外，剩余时间健身，看javascript高级程序设计书籍。我有保持锻炼的身体，精神饱满，能让工作效率更高。