5年前端仔的2023年终总结

news2024/11/15 13:53:06

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

个人简介

    我呢,万千搬砖人之一,目前就职福报厂某团队,最近一年负责小团队内大概十几个系统的中后台技术体系的设计及业务研发,偶尔团队人手不足客串支撑一下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.coloradmin.cn/o/1436305.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

计算机服务器中了locked勒索病毒怎么处理,locked勒索病毒解密数据恢复

网络技术的不断发展,为企业的生产生活提供了极大便利,但也为网络安全带来严重威胁。近期,云天数据恢复中心接到某集团企业的求助,企业的计算机服务器遭到了locked勒索病毒攻击,导致企业系统内部的金蝶账套全部被加密&a…

鸿蒙踩坑合集

各位网络中的小伙们,关于鸿蒙的踩坑陆陆续续收集中,本文章会持续更新,希望对您有所帮助 1、预览视图无法正常加载 重新编译项目,点击刷新按钮,控制台提示Build task failed. Open the Run window to view details. 解…

生物地理学算法

生物地理学优化算法 生物地理学优化算法(biogeography-based optimization,BBO)源于生物地理学理论,通过模仿栖息地之间物种迁移和变异对优化问题进行求解,由Simon于2008年提出。 BBO算法由一群可行解组成,这些可行解…

港口起重数字化解决方案:PreMaint智能化引领未来

在面对日益增加的货轮和集装箱需求的背景下,港口码头迫切需要高效、智能的解决方案来优化起重设备运行,提高生产效率。数字化技术在港口起重领域的应用,尤其是仿真和数据分析,成为解决这些挑战的重要工具。而PreMaint智能化系统的…

text-generation-webui搭建大模型运行环境与踩坑记录

text-generation-webui搭建大模型运行环境 text-generation-webui环境初始化准备模型启动项目Bug说明降低版本启动项目 text-generation-webui text-generation-webui是一个基于Gradio的LLM Web UI开源项目,可以利用其快速搭建部署各种大模型环境。 环境初始化 下载…

【芯片设计- RTL 数字逻辑设计入门 7 -- 同步复位与异步复位详细介绍】

文章目录 复位的类型和划分同步复位综合后电路优缺点 异步复位优缺点 异步复位的时序分析(recovery time/removal time)异步复位,同步释放综合后电路优缺点 转自:https://blog.csdn.net/qq_40281783/article/details/128969188 复…

2024三掌柜赠书活动第九期:Node.js从基础到项目实践(视频教学版)

目录 前言Node.js从基础到项目实践关于《Node.js从基础到项目实践(视频教学版)》编辑推荐内容简介作者简介图书目录书中前言/序言《Node.js从基础到项目实践(视频教学版)》全书速览结束语 前言 随着Web应用的快速发展,Node.js作为一种强大的JavaScript运行时环境&…

unity实现第一人称和第三人称

在角色设置两个挂载点,第一人称时,相机放在eys上面,切换第三人称时,放置到3rd节点上面,调整节点位置,达到期望效果 代码 void ThirdView(){Debug.Log("切换到第三人称");camera.SetParent(third…

闲聊电脑(5)装个 Windows(一)

​夜深人静,万籁俱寂,老郭趴在电脑桌上打盹,桌子上的小黄鸭和桌子旁的冰箱又开始窃窃私语…… 小黄鸭:冰箱大哥,上次说到硬盘分区和格式化,弄完之后,就该装系统了吧? 冰箱&#x…

AnimateDiffusion文字生成图片--入门

AnimateDiffusion文字生成图片--入门 1. 安装2. 插件2.1 汉化插件2.2 中文提示词插件2.3 模型下载插件2.4 模型下载2.5 c站helper插件2.6 c站秘钥 3. 模型4. 总结 gitio: https://a18792721831.github.io/ 下面基本上所有的操作都需要访问外网,请自行解决外网。 1. …

设备预测性维护、预防性维护、反应性维护的区别与联系

三者象一个三层金字塔: 预测性维护 预防性维护 反应性维护 底部是反应性维护,其操作理念是“等到它坏了,然后修复它”。 中间是预防性维护,即按预定的时间间隔进行维修或改造。预防性维护的目标是延长机器及其零件的使用寿命…

跟着pink老师前端入门教程-day20

二、移动WEB开发之flex布局 1、flex 布局体验 1.1 传统布局与flex布局 传统布局:兼容性好、布局繁琐、局限性、不能再移动端很好的布局 flex弹性布局:操作方便,布局极为简单,移动端应用很广泛;PC 端浏览器支持情况…

OJ_W的密码

题干 c实现 #define _CRT_SECURE_NO_WARNINGS #include<stdio.h> #include<map> #include<string> #include<vector> using namespace std;void Partition(string &str,vector<int> &vec1, vector<int>& vec2, vector<int…

如何在Linux部署Yearning并结合cpolar实现公网访问内网管理界面

文章目录 前言1. Linux 部署Yearning2. 本地访问Yearning3. Linux 安装cpolar4. 配置Yearning公网访问地址5. 公网远程访问Yearning管理界面6. 固定Yearning公网地址 前言 Yearning 简单, 高效的MYSQL 审计平台 一款MYSQL SQL语句/查询审计工具&#xff0c;为DBA与开发人员使用…

基于Vue的移动端UI框架整理

一、Vant 官方地址&#xff1a;https://youzan.github.io/vant/#/zh-CN/ 简介&#xff1a;有赞公司开发。 特性&#xff1a;60 高质量组件、90% 单元测试覆盖率、完善的中英文文档和示例、支持按需引入、支持主题定制、支持国际化、支持 TS、支持 SSR。 特别说明&#xff1…

【大模型上下文长度扩展】FlashAttention-2:比1代加速1.29倍、GPU利用率从55%上升到72%

FlashAttention-2 提出背景FlashAttention-2 改进 前向传播和反向传播对比FlashAttention前向传播FlashAttention反向传播FlashAttention-2前向传播FlashAttention-2反向传播FlashAttention-2并行性线程束之间的工作分区 总结FlashAttentionFlashAttention-2 论文&#xff1a;h…

YUM | 起源 | 发展 | 运行逻辑

介绍 YUM&#xff08;Yellowdog Updater, Modified&#xff09;起源于 Red Hat Linux 发行版 up2date 工具。 最初&#xff0c;up2date 是由 Red Hat 公司提供的用于管理系统更新的工具。然而&#xff0c;社区逐渐对 up2date 出现一些不满&#xff0c;主要是由于其使用体验和…

跟着cherno手搓游戏引擎【21】shaderLibrary(shader管理类)

前置&#xff1a; ytpch.h&#xff1a; #pragma once #include<iostream> #include<memory> #include<utility> #include<algorithm> #include<functional> #include<string> #include<vector> #include<unordered_map> #in…

SpringBoot 过滤器Filter的过滤链 多个过滤器优先级

SpringBoot 过滤器Filter 拦截请求 生命周期 什么是过滤链&#xff1f; 指的是有多个过滤器形成的过滤链&#xff0c;一个项目中可以存在多个过滤器。 优先级 根据字母排序&#xff0c;如XFilter和AFilter&#xff0c;那么按照顺序应该先到AFilter过滤器当中

2024/02/06

画出TCP三次握手和四次挥手的示意图 三次握手 四次挥手 并且总结TCP和UDP的区别 TCP: TCP提供面向连接的&#xff0c;可靠的数据传输服务传输过程中&#xff0c;数据无误、数据无丢失、数据无失序、数据无重复 TCP会给每个数据包编上编号&#xff0c;该编号称之为序列号每个序…