作为中级前端工程师,每天都做些什么?

2024-09-04 18:04

本文主要是介绍作为中级前端工程师,每天都做些什么?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一直以来都没有记录或总结过自己每天工作模式和状态,以至于说回想起刚毕业参加工作的时候,作为一个初级开发,做事凭借着满腔热情,花的时间多,但成长是否成正比呢?

今天分享一下自己当前的工作状态,其一是能够在不久后跟自己对比是否有所长进,其二也想看看JYM的工作方式,顺便偷师🐶!

顺带吆喝一句,技术大厂,前后端测试机会,捞人。

通勤

现在住的地方离公司比较远,前前后后需要40min,反而我比较享受这段路程,可以给我独立思考的时间,留意到路上大部分人都会刷微博、短视频,但我上午是不会刷的,一方面是早上经过这种快餐文化的侵蚀,人一天当中的注意力是有限的,它会消耗人的精力,让我们大脑会变得浮躁,从而影响工作的专注度;二是这么长的时间是能够发挥它的杠杆的,去做一些对自己有利的事情,比如最近用来刷算法,腻了就看微信读书,可能不一定用得上,但我相信有些思维的改变是潜移默化的。

下班通勤一般会听听音乐,学学英语,有时候一天下来精神消耗太大,眼睛干涩,就不要求自己一定要做某件事情,刷刷自己感兴趣的博主,甚至有时候连视频都没精力刷,那我会冥想10-20min,这可是我恢复精力的一大法宝啊。

做计划

去到公司,首先是放空大脑,如何放空呢?

把所有今天需要做的事情放入待办清单。

周一把整周做的事情进行计划,细分到每一天需要做什么,而到了那一天就把已经做好的计划再进行确认轻重缓急。

那应该如何做计划呢?

我常用的方法是PDCA闭环模型,简单实用。

Plan,定好计划或目标🎯,即我们需要完成的事情
Do,要完成定好的目标,这一步需要对目标进行拆分,落实到每一步能够执行的行动计划
Check,审查每一步计划的执行结果是否达到预期,如果没有,分析导致该结果的原因;相反达到了预期结果,思考是否还有更好的方式和解决方案,这个是对上上策思维的训练。
Action,根据第三步复盘的结果,重新对下一次PDCA进行改进,同时避免犯重复的错误

你可以尝试一下它的威力,具体表格如下:

番茄工作模式

工作任务已经有了方向之后,我不会一股脑埋头就开撸,因为不合理时间和精力分配太容易让自己很快达到疲惫状态,接下来就很难再集中注意力。我一般会采用番茄APP来辅助分配时间,再者番茄工作法也是公认的高效率工作模式,它可以很容易让我进入心流模式,完全无视外在因素的干扰,效率嘎嘎起飞🛫。

复盘

每天收工之前必须经过完成PDCA闭环,这个环节是对一天的行动计划进行Check和提出Action,同时添加到第二天的PDCA中,完成收尾。

难道一天就这样草草结束了吗,当然不是啦,学习输入应该也有输出,才能形成闭环,那就是写作。

写作

我从大三就开始写技术文章了,很早就注册掘金,不过当时主要在CSDN更新,后来就分散到其他渠道上,如个人公众号,公司内部wiki等等,现在转到掘金的原因是其一这个社区还是比较专一,不会参杂太多商业性的元素在里面,其二是更多想把自己的想法保留下来,给几年后的自己看到曾经的模样,同时在不久后的将来,孩子能够更加全面了解他爸爸的过去以及给予他一些启发。(似乎有点扯远了~哈哈哈)

回到正题,一天当中我会在中午或晚上的时候进行写作,记录当天遇到的问题和想法。虽然这个时间节点都不太适合写东西,在饭食过后身体会将大部分能量用于消化食物从而减少了其他功能的能量损耗,所以吃完饭会反犯困也就是这个原因,但却是我能够自由分配的时间。

总结

这里没有细化到每天一天的工作内容,目前工作任务还是比较简单,大部分都能够提前完成,除此之外也承担团队前端基建的任务,如文档规范定制、业务脚手架开发和参与开源贡献。更多的是自主探索感兴趣的板块,并记录和分享出来。

作为程序员,持续学习和充电非常重要,作为开发者,我们需要保持好奇心和学习热情,不断探索新的技术,只有这样,我们才能在这个快速发展的时代中立于不败之地,推荐一个低代码工具。

应用地址:www.jnpfsoft.com

开发语言:Java/.net

这是一个基于Flowable引擎(java服务),已支持MySQL、SqlServer、Oracle、PostgreSQL、DM(达梦)、 KingbaseES(人大金仓)6个数据库,支持私有化部署,前后端封装了上千个常用类,方便扩展,框架集成了表单、报表、图表、大屏等各种常用的 Demo 方便直接使用。

至少包含表单建模、流程设计、报表可视化、代码生成器、系统管理、前端 UI 等组件,这种情况下我们避免了重复造轮子,已内置大量的成熟组件,选择合适的组件进行集成或二次开发复杂功能,即可自主开发一个属于自己的应用系统。

这篇关于作为中级前端工程师,每天都做些什么?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1136639

相关文章

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo

CSS Padding 和 Margin 区别全解析

《CSSPadding和Margin区别全解析》CSS中的padding和margin是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍padding和... 目录css Padding 和 Margin 全解析1. Padding: 内边距2. Margin: 外边距3. Padd