5年前端仔的2023年终总结

        突然发现已经有好几个月没有写过博客总结过什么,小小辩解一下,其实并不是笔者停止的学习和总结,随着在前端这个行业的逐年深入,渐渐的很多收获不再是像之前简单的技术点的确定性描述讲解了,而是某个领域的知识体系的串联和完善,这就导致想要总结一些东西并发出来耗费的精力越来越大,再加上随着在业务上的深入,有些东西发表出来并不是那么的方便(大公司的所谓安全风控还是有些限制的)。今天是年前的最后一个工作日了,简单梳理一下这一年的经历与收获~

个人简介

    我呢,万千搬砖人之一,目前就职福报厂某团队,最近一年负责小团队内大概十几个系统的中后台技术体系的设计及业务研发,偶尔团队人手不足客串支撑一下c端的业务,作为老油条“带一带”团队的新同学和实习生,偶尔客串一下横向大团队的问题排查工,最近深耕可视化搭建平台的建设。

技术体系的拓展

        入行至此,主要的业务方向还是B端的中后台领域,虽然也会有C端业务的工作,个人而言兴趣反而不大。中后台的业务其复杂点更多的在于业务的复杂繁琐,而对于服务于C端的中后台系统其开发的效率和稳定同样是比较重视的。

工程架构升级

        近一年多的时间,笔者从底层开始,将团队的中后台应用由传统机器部署推动迁移到了serverless环境,由于集团serverless环境内部资源成本的优惠,一年节约下来的资源费用够给我发好几个月的工资了(虽然省下来了也不会给我!!!),同时基于serverless的环境沉淀了相对应的项目脚手架模版,并在初始化项目时打通了远端代码平台git仓库的初始化以及应用管理平台的应用创建,做到1min内完成真正意义上的开箱即用的项目初始化,初始化完即可部署日常环境并正常访问。目前团队约30+应用已完成升级。

技术体系统一

        随着业务的逐渐深入了解,逐渐沉淀出了团队的标准项目目录规范;lint规范并集成husky自动化校验;业务通用工具库,包含了业务的通用组件、Utils、React Hooks;针对业务场景第一次做了基于module federation跨系统的技术架构设计;沉淀了基于React hooks的全局状态共享方案;基于umi的中后台权限管理方案;开发了基于后端接口文档自动化生产node controller层代码的小工具;曾经思考过后台低代码的建设,但是考量的团队业务的复杂度(产品设计的难以统一和友好迭代)遂放弃;简单跑了下微前端的demo做一下技术储备。

未知领域的拓展

    由于团队业务中后台技术及产品迭代趋于稳定,再加上我“后继有人”。所以又被安排到了搬砖的更前线,去拓展搭建领域。索性是基于基于集团的天马方案做拓展,可以减少一些堆人力的工作,可是文档是真的抽象完全是靠看源码来摸索,从项目脚手架看到构建产物,从后端Java串到前端页面。基于搭建服务、渲染服务、数据投放服务三足鼎立的技术架构和小伙伴们做上层建设。

    笔者负责的搭建服务因为node服务的低频改动,基于umi + midway 做了前后端分离设计,基于familyjs封装了schema渲染表单,并内置通用业务表单项类型的渲染及基于远端umd模块的业务自定义表单,为了提前数据请求的时机满足ssr要求,设计了基于schema的rpc接口调用协议,于投放服务发起数据调用。为了优化页面性能我们又通过手动埋点分析+performance结合分帧跑数一次次的调整,从dns解析到页面模块首屏懒加载,从cdn缓存到端容器的预加载做了一条龙的服务。。。

软实力的提升

       虽然我们都是技术人员,是码农。。但是很难值纯粹的敲代码的,所以除了技术能力的提高以外还要有个人综合软实力的提升需要的。比如表达沟通、总结汇报、传道受业解惑。。

培养校招生&实习生

        慢慢随着团队人员的变迁,不知不觉中我成了北京团队混的最久的咸鱼前端了。。。除了个人的战斗之外,开始有新人的加入需要我来分享我的经验,帮助他们融入团队,和技术成长了。

        笔者个人认为,自己的眼光和要求还是比较高的,自从入行以后我的期望的就是:我希望我是所在团队的地板线,我希望团队内所有的人都比我要厉害,我就是团队内最菜的那一个是加入团队的基本线,这样我就可以看得更高走的更远,嘿嘿~。所有对于团队内的新人我的期望还是比较高的,期望他们至少要超过同期的自己。说实话曾经是跟在别人身后赶路,到自己独自赶路,再到需要带着别人赶路,这个变化还是比较大的。

        对于新人尤其是新入行的人,最重要的是帮助他们构建属于自己的技术体系,由点到线,由线到面,再到体,是一个循序渐进的过程。同时还要自己日常工作中做出表率,让他们能够看到“活的”标准。同时还要兼顾一下心里建设工作,适当的鼓励激发其信心,适当的压力以激发潜力。曾经有人为我撑伞赶路,现在我有些许能力的话,我希望也可以帮别人少淋一些雨。还好我也还是年轻人。。比零零后也大不了几岁啊哈哈哈,还可以做朋友。

Owner

        作为一个小超级兵,当负责的内容变多时,尤其是还要带着人往前走时,便需要有意识的做规划和总结了,一方面及时给予上司团队动向的反馈,一方面基于新人方向的指引,同时还要兼顾个人的成长,这方面只能自己去有意识的发展。

人缘

        有人的地方便有江湖,笔者并不是一个善于经营人际关系的人,但得益于笔者三观比较正,心地比较善良,还是有着不错的人缘。因为经常帮兄弟团队的人排查“疑难杂症”,所以结下了不少善缘,经常在一些老大哥口中的一句句大佬中迷失自己。同时因为自己的善缘也为自己的工作带来了不少遍历,比如在最近的搭建系统建设是,找服务端的同学帮我讲解集团内源的java代码,找客户端的同学教我排查端内页面数据的技巧,找测试的同学帮忙提供联调环境。。。还是很幸运的能得到很多人的认可。

最后

        如果您看到了这里,那非常抱歉浪费了您好几分钟,看到了一些流水账的记录,哈哈哈哈。。。放假了,脑子实在是不想动了。。。辛苦了一年还是不要费劲脑汁的写一些官方文档了,平常写的够多了。

868f55c37af141e88a1f913d42164271.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/458175.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

数智文旅:智慧文旅中的数字化转型

在数字化浪潮席卷全球的今天,旅游业作为传统服务业的代表,正面临着前所未有的转型压力与机遇。智慧文旅,作为旅游业与数字技术深度融合的产物,不仅标志着旅游业进入了全新的发展阶段,更预示着未来旅游业将朝着更加智能…

ruoyi-nbcio中xxl-job的安装与使用

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio 演示地址: http://122.227.135.243:9666 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: https://gitee.com/nbach…

单片机接收PC发出的数据

#include<reg51.h> //包含单片机寄存器的头文件 /***************************************************** 函数功能&#xff1a;接收一个字节数据 ***************************************************/ unsigned char Receive(void) { unsigned char dat; …

Android.mk 语法详解

一.Android.mk简介 Android.mk 是Android 提供的一种makefile 文件,注意用来编译生成&#xff08;exe&#xff0c;so&#xff0c;a&#xff0c;jar&#xff0c;apk&#xff09;等文件。 二.Android.mk编写 分析一个最简单的Android.mk LOCAL_PATH : $(call my-dir) //定义了…

云计算 - 弹性计算技术全解与实践

一、引言 在过去的十年里&#xff0c;云计算从一个前沿概念发展为企业和开发者的必备工具。传统的计算模型通常局限于单一的、物理的位置和有限的资源&#xff0c;而云计算则通过分布式的资源和服务&#xff0c;为计算能力带来了前所未有的"弹性"。 弹性&#xff1a;…

###C语言程序设计-----C语言学习(10)#函数再探

前言&#xff1a;感谢您的关注哦&#xff0c;我会持续更新编程相关知识&#xff0c;愿您在这里有所收获。如果有任何问题&#xff0c;欢迎沟通交流&#xff01;期待与您在学习编程的道路上共同进步。 目录 一. 基础知识的学习 1.不返回结果函数 2.局部变量 3.全局变量 4.…

盘点Java集合(容器)概览,Collection和Map在开发中谁用的最多?

写在开头 在Java的世界里万物皆对象。但我认为是万物皆数据&#xff0c;世界由各种各样数据构建起来&#xff0c;我们通过程序去实现数据的增删改查、转入转出、加减乘除等等&#xff0c;不同语言的实现方式殊途同归。由此可见&#xff0c;数据对于程序语言的重要性。 这段话…

6.electron之上下文隔离,预加载JS脚本

如果可以实现记得点赞分享&#xff0c;谢谢老铁&#xff5e; Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中&#xff0c;因此它允许你仅需一个代码仓库&#xff0c;就可以撰写支持 Windows、…

ClickHouse时区

clickhouse数据库的时间是UTC时间。服务器默认的是上海时间。 sudo vim /etc/clickhouse-server/config.xml clickhouse默认的时区是注释的就是UTC时间 %F 表示日期&#xff0c;格式为 YYYY-MM-DD。%T 表示时间&#xff0c;格式为 HH:MM:SS。 因此&#xff0c;formatDateT…

【C++】基础知识讲解(命名空间、缺省参数、重载、输入输出)

&#x1f308;个人主页&#xff1a;秦jh__https://blog.csdn.net/qinjh_?spm1010.2135.3001.5343&#x1f525; 系列专栏&#xff1a;http://t.csdnimg.cn/eCa5z 目录 命名空间 命名空间的定义 命名空间的使用 命名空间的嵌套使用 C输入&输出 std命名空间的使用惯例&…

Mysql-数据库优化-客户端连接参数

客户端参数 原文地址 # 连接池配置 # 初始化连接数 spring.datasource.druid.initial-size1 # 最小空闲连接数&#xff0c;一般设置和initial-size一致 spring.datasource.druid.min-idle1 # 最大活动连接数&#xff0c;一个数据库能够支撑最大的连接数是多少呢&#xff1f; …

互联网医院|互联网医院系统创新诊疗模式

互联网医院&#xff0c;看似简单却隐藏着复杂的操作。想要在线上开展合法合规的诊疗业务&#xff0c;并非易事。有三个关键要素不可少&#xff1a;一是符合当地政策要求的线下实体医疗机构&#xff1b;二是合法合规的互联网医院系统&#xff1b;三是通过申办获得的互联网医院牌…