❤️工作半年前端的一些思考 | 共勉

古城微笑少年丶 2022-09-14 02:37 152阅读 0赞

对于前端开发，已经不再是过去写写页面就可以了，过去写页面后端都可以做，在现在主流前后端分离开发模式以及 Node.js 的火热下，前端涉及的领域也逐渐多了，也需要对于业务更加理解。

那么本篇和大家聊聊自己工作半年对于前端的理解与一些感想，谈谈那些卑微的经历，仅个人愚见，若与你的观点不一致，还请海纳百川有容乃大，一切以你为准。

### 工作中前端做的一些事情 ###

比较推荐大家瞧一瞧之前写的三份总结性文章，这些是正式入职之后试用期三个月的一份总结，这三个月来每个月都有不同的感受与体会，最后转正成功了。

*  [刚毕业一个月，7 月正式入职深圳互联网公司的前端月度工作汇报 ｜总结][7 _]
 *  [❤️ 21 届校招 8 月前端月度工作汇报 ｜总结][21 _ 8 _]
 *  [试用期 3 个月的总结，转正述职 | 21 届前端校招分享][3 _ _ 21]

希望这三篇文章能够对你有帮助~

有些小伙伴可能知道「修图仔」这个词，没错，在一些公司里面，前端有时候干的就是绘图画图修图的工作，由公司 UI 设计师设计好图了，然后反手一下甩给前端。

> 来，图画好了，照着这个做就行了。（本段内容虚拟场景，开个玩笑）

之后，作为人类高质量的前端，按照设计图一顿 ctrl + cv 的操作，把设计师给的图“画”完了。

为了让设计师能够看到本地实现的页面效果，这位高质量前端想了用自己 IP 加端口的方式，将网页地址甩给了设计师，毕竟咱们都是用的公司内网，你可以看到。

设计师打开一看，眉头紧凑，开始了一些 bug 记录，这里间距有问题，这里图片模糊，这里字体大小不对，移动端这里那里有问题…

高质量前端拿着 bug 文档，开始了摸鱼（加班）。

完结…

> 以上内容根据真实场景虚拟改造，带有一定娱乐效果，仅供参考。

作为一个「螺丝钉」，在工作中，我起初也是修修图，改改小 bug，做了很多个客户案例页面，平常就是和设计还有产品打交道。

此外，前端全线路使用 React 技术栈，也使用了 Vite，Antd Pro 等。

具体工作内容就不详细说了，作为一个打工人，又是干程序员开发这行业，能自己写一写随想还挺好的。

那么，总结来说的话，在工作中前端做的事情总之离不开页面，每天对着显示器切屏切来切去，还有与后端同学一起核对接口。之前有写过一篇此类文章：

[❤️ 前端如何与后端对接？当年差点和后端同学打起来了！][Link 1]

### 在工作中的一些感受 ###

那么，真的就像上述所说那么简单吗？

其实并不然，现在说说工作半年后的一些感受吧，首先先说明一下，怎么就半年了，上文才说试用期三个月，算上现在最多也就 4 个月。

之前在公司是有实习 2 个多月的时间哈，基本上任务和正式工作差不多，算上也差不多半年了。

> 以下内容仅我个人工作期间的愚见。

上文也有说最开始也是从「画图，修图」这些步骤来的，会与设计和产品沟通，而就在这个沟通过程中让人有时候焦头烂额的，具体啥情况呢，来说一说吧。

首先，要说明的是一般需求都是由产品那边定的，比如要实现某个页面，一般会有一个原型图，并且提供文案，那个原型图可以形象成草图，并没有许多设计感，就大概哪些文案放在哪块位置，用一个边框来表示。

可能上述我说的比较抽象，那我也画一张草图，如下图所示，会确认具体文案应该放在哪块，一些图片大概摆放位置。当然，可能不同公司会有不同的模式，本篇主要是以我的经历来展开讲述。  
![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LiA55m-5LiqQ2hvY29sYXRl_size_20_color_FFFFFF_t_70_g_se_x_16][]

那么，设计师会根据文案以及排版进行设计，也会把文案填充到设计稿上，也是为了确认宽高比例协调，同时对于设计稿中的一些配图啥的会导出来。

而作为开发的我们，会根据设计稿来实现页面，在实现的过程中，会与产品和设计沟通，确认一下自己不清楚地地方，以及一些交互效果应该如何等等。

而就在这个沟通过程中，有时候也会让自己感觉身心疲惫。

会因设计师的经验不同，有时候设计师给的图并不是最终稿，期间会有一些调整，如果只是简单的间距调整，那倒还好，跟着改一改数值就好了，但如果有大的布局改动的话，就挺费时间了，可能大家觉得布局改一改好像也还好。

但是我想说的是，如果你要做适配呢？

PC 端按照新的布局方式做好了，然后切回移动端再看，你会发现之前好不容易适配好的页面又要调整一下了。

这其实还是小问题，真正让我有时候感觉疲惫的是文案的改动，设计稿的大改动，就举个例子说说这个场景。

就好比建房子一样，需求方提了 xxx 需求，然后请了设计师来设计图纸，图纸设计差不多之后给到一些专业团队师傅来码砖（搬砖，写代码），当这个房间设计差不多的时候，包括布局已经定下来的时候，突然需求方觉得不太满意，需要设计改下 xxx 地方，然后这里设计应该布局这样等等。

比如已经建好了一面墙，现在因为布局问题，需求方不太想要，需要推掉重做，此时作为搬砖工心态有一点点的变化…

不过这种场景发生几率会比较少，不过我倒是经历过，作为一个卑微的打工人，工作可能就是这样，一方面就是违背自己向往自由的感觉做事，总会经历一些压力与风雨。

但是现在当我回顾这半年的一些对接沟通工作的时候，当初觉得很难受，甚至有时候觉得心态发生变化，也许会觉得与产品和设计沟通太难了。

现在看来，这些都是小事了，犹记得当初因为这件事弄的自己心情不好时，和组长谈过一次话，说了一下最近的状况，当初提了一句话我印象很深刻：‘大家都是为老板打工，打工人何苦为难打工人’。

确实，产品和设计和我其实并没有很大区别，大家都是作为打工人来到这里，各自有各自的想法，我想他们也不想改来改去，也想早点交付，写到这里又回想起当时大学一门课程了，《IT 项目管理》。

当时老师给我们提了几句话：

【认识自我、超越自我 】是沟通的最高境界

*  当你在项目中感觉所要学习的人和事越来越多时，说明你在 **成长** 。
 *  当你感觉要责怪的人和事越来越少时，说明你在 **成熟** 。
 *  当你在项目中不断获得了友谊和朋友时，说明你将取得项目的 **成功** 。

> 虽然还有许多想要说的，但是今天就写到这吧，希望能够在今后的工作中从**成长**到**成熟**，最后取得**成功**，保持这份热情。

### 结尾 ###

本篇文章就到此结束啦，每隔一段时间写写随笔，如果你有触动的话，可以帮我**点点赞**，这样我就知道有一批默默关注着我的小伙伴啦。

喜欢我的文章可以点点关注，下次我们还能遇见，下期会聊聊对于前端的一些理解，比如在自己公司未来发展的考虑，或许会聊一聊过去一段卑微的经历等等，**关注**就是最大的动力啦。

我是「一百个Chocolate」，一位狮子座的程序员，带着热情面对生活，好好生活，好好学习。

[7 _]: https://chocolate.blog.csdn.net/article/details/119178845
[21 _ 8 _]: https://chocolate.blog.csdn.net/article/details/119990231
[3 _ _ 21]: https://chocolate.blog.csdn.net/article/details/120560777
[Link 1]: https://blog.csdn.net/weixin_42429718/article/details/120547894
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LiA55m-5LiqQ2hvY29sYXRl_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/d3178ba0f87148cfbc4ba3b65fc28730.png