2023年终总结与新年展望
不管怎么说,路都是在往前走,2023过去就过去了,回首向来萧瑟处,归去,也无风雨也无晴,本来是用来描述洒脱的褒义心态,但是这里确实更适合贬义的 2023 ,因为 2023 确实“无雨无晴”,只有“萧瑟”, 在过去的2023年,各种新闻怪事充斥在时间长河里,不过技术学习上的小幅成长,生活上的一些美好经历和收获,还是有的。年近末尾,2023即将过去,波澜曲折的一年中做成了些许事情,我思绪良多,趁着拖延症还没犯,赶紧写下年终总结。
年度回顾****
1、快速部署demo
某实习生三个月,我们技能储备之后,一周解决,其中涉及到目标检测,图像分类,图像分割场景。
2、前端组技术分享,保持团队技术颗粒度一致
| 时间 | 名称 | 组织人 |
|---|---|---|
| 2023/5/29 | 中译英分享 | 刘** |
| 2023/7/17 | 组件库打包和文档配置分享 | 刘** |
| 2023/11/3 | 退出当前操作弹窗提示实现方案分享 | 刘** |
| 2023/5/12 | echarts数据可视化 | 刘**慧 |
| 2023/10/27 | IDA协鑫分享 | 刘**慧 |
| 2023/12/15 | 前端分享(数据结构) | 姚** |
| 2023/8/16 | 组件库编写流程经验分享 | ** |
| 2023/3/31 | 大屏适配技术 | 李琦 |
| 2023/4/20 | layout设计思想 | 李琦 |
| 2023/4/27 | crumb设计思想 | 李琦 |
| 2023/5/6 | 动态路由及动态菜单 | 李琦 |
| 2023/5/12 | canvas事件系统-目标检测 | 李琦 |
| 2023/6/7 | 模型效果快速Demo讲解 | 李琦 |
| 2023/7/12 | vue3中pinia基本使用及持久化接口处理 | 李琦 |
| 2023/7/28 | 树形数据的基本处理 | 李琦 |
| 2023/8/4 | 组件库基本架构 | 李琦 |
| 2023/8/24 | 组件库commlint规范化 | 李琦 |
| 2023/9/1 | 头像上传、裁剪、预览组合组件 | 李琦 |
| 2023/9/8 | theme-chalk主题基类的基本使用 | 李琦 |
| 2023/9/15 | hongpu-ui组件库自身的样式基类 | 李琦 |
| 2023/9/22 | rullup基本使用及源码解读 | 李琦 |
| 2023/9/28 | steps组件封装 | 李琦 |
| 2023/10/20 | slider基本思想 | 李琦 |
| 2023/10/27 | Date-picker组件基本思想 | 李琦 |
| 2023/12/8 | popover弹窗组件的基本使用 | 李琦 |
3、组件库beta版初步构建
| UI 组件 | name | 负责人 | 状态 |
|---|---|---|---|
| ClickOutside | 基础指令 | 李琦 | 完成 |
| infiniteScroll | infiniteScroll | 李琦 | 完成 |
| watermark | watermark | 李琦 | 完成 |
| space | space | 李琦 | 完成 |
| 色值 | 李琦 | 完成 | |
| 字体 | 完成 | ||
| icon | 图标 | 李琦 | 完成 |
| spin | 加载动画 | 李琦 | 完成 |
| 选择器 | select | 刘** | 完成 |
| 弹窗 | messageBox | 刘** | 完成 |
| 通知 | notification | 刘** | 完成 |
| 标签页 | tabs | 刘**云 | 完成 |
| 单选框 | radio | 刘**慧 | 完成 |
| 多选框 | checkbox | 刘**慧 | 完成 |
| 标签 | tag | 刘**慧 | 完成 |
| 警告 | alert | 刘**慧 | 完成 |
| 消息提示 | message | 刘**慧 | 完成 |
| 计数器 | inputNumber | 刘**慧 | 完成 |
| 分页 | pagination | 刘**慧 | 完成 |
| 开关 | switch | ** | 完成 |
| 头像 | avatar | ** | 完成 |
| 文字气泡 | tooltip | ** | 完成 |
| 滚动数字 | countto | 李琦 | 完成 |
| 滑块 | slider | 李琦 | 完成 |
| 按钮 | button | 李琦 | 完成 |
| 输入框 | input | 李琦 | 完成 |
| 面包屑 | breadcrumb | 李琦 | 完成 |
| 进度条 | progress | 李琦 | 完成 |
| 滑块 | slider | 李琦 | 完成 |
| 级联选择器 | cascader | 刘** | 完成 |
| 树形结构 | tree | 李琦 | 完成 |
| steps | 步骤条 | 李琦 | 完成 |
| popover | popover | 李琦 | 完成 |
4、结构化应用
application是一款开箱即用的中后台管理系统。使用了最新的 Vue3、Vite、Element-Plus、TypeScript、Pinia 等主流技术开发,它使用了最新的前端技术栈、动态路由,权限验证,并且有着丰富的组件,企业级中后台解决方案。
5、三层架构设计实现
cabits_** 0.7.0三层架构,前端核心难点在于,router配置分模块可独立配置,layout可扩展,可独立,不可写死,用户信息,比如自动登录等处理,在router里面进行拦截处理,可拆可合
6、技术支撑及可行性分析
6.1、中英文切换
6.2、外包项目前端技术规格要求
要求细则:
1、vue3+ts+vite打包
2、项目结构流水线话,即view或者page目录结构,同api或者store,style等接口、数据管理,样式管理等目录结构一致,便于项目开发、维护流水化
3、scss样式,可定制css样式系统,便于项目中集体使用
4、pinia进行数据状态管理,且进行模块化,不可一个ts文件满世界用
5、非必要,不建议使用第三方ui组件库,避免此项目同其他项目结合期间,存在多个第三方ui组件库的情况;如不得已,第三方ui使用 element-plus,动态引入组件,非全局引用
6、图标icon使用本地的,svg本地导入使用的方式
7、数据请求使用axios,不是fetch
8、router配置分模块可独立配置,layout可扩展,可独立,不可写死
9、用户信息,比如自动登录等处理,在router里面进行拦截处理,可拆可合
10、侧边栏等,使用动态样式计算,非写死
11、ts使用标准化,非any.js,对应的types等数据类型,按照模块封装,同views模块组件目录结构一致,方便统一修订
12、代码注释10%以上,要有效注释
13、模块组件及全局通用组件,拆开目录结构,方便统一管理及使用
14、标准化SLint + Git Hooks,实现代码高质量提测,比如代码提交前错误位置提示,git cz等hooks命令汉化展示等
15、留有国际化的位置,尽量方便后期页面数据国际化处理,比如页面进行逻辑判断时,标识清晰等
16、单页面数据,进行可以通过一个?形式拿到形参获取,方便可能存在的页面分享之后地回调等场景
7、2023年度计划的落地
2022年,我们从了解cbits_,到熟悉caits_b技术需求,从来不做三年计划,五年规划的ppt假大空,只做落地可行的真小实。
展望 2024
(具体见ppt附件)
1、cabits_**项目重构
2、组件库升级
3、元宇宙,三维技术的引入
技术反思总结****
计算机上:
计算机其实也就那些东西,计算机的素养四大件(算法数据结构、网络、编译原理、操作系统),那些东西就在那,没有什么学习路径,工作面试的无非就是八股文+场景题+算法+画饼艺术(让对方觉得你很值得)
学习上:
不要犹豫不觉,纠结于哪本书好,在样本不足的情况下,听别人说其实没什么用,直接去豆瓣关键字搜索看起来,当你看了一部分有了样本才能辨别好坏,大部分人停留纠结在哪个好而原地踏步。
从我自己的观察来看,我是一个受环境影响的人,周围的人很强,我就很想跟他们保持同一水平,超过一点点就行了,所以要认识多一些优秀的人来激励自己,作为保持学习的目标。
可视化上:
培养差异化技术竞争力,尽可能延长职业寿命。
我司目前有可视化和3D方面的需求,但限于团队和成本。
看好web3D在未来的发展,愿意投注精力和时间做一次尝试。
web应用类产品已经多如牛毛,我想做一个有表现力和交互力的东西出来。
我知道web3D领域水很深,涉及图形学、数学、算法、3D建模、C++等东西,但是我觉得学习和困难根本不是问题,问题只在于投注是否有意义和价值。
我预感到投入回报比可能并不高,但是目前来来看,也没啥更好的投注选择。
今年前端行业的变化大家也都知道,但是我觉得如果不继续拓展岗位能力,只会死得更快,而且我觉得继续投注主业,跟同时发展副业并不冲突,可以同时兼顾。
工作反思总结****
1、落地性强
2023年,吹得牛逼都是打了草稿的,基本都落实了。
2、可执行
做的计划、规划,都具备可执行,不像公司有些人,拿员工的日报做成绩,当做kpi等处理。
3、听故事
听有故事的朋友说过,他们公司部门领导怎么空降的,想一想,还真是有领导力,不服不行。听说的内容,具体大意如下:
1、起初,不刷存在感,让部门员工感觉不到你的存在;
2、观察员工状态,知道谁是干活的牛,谁是刷水的鱼,谁是墙头的草,谁是温顺的羊...
3、跟进公司战略或者部门战略,开始对于人员进行排兵布阵;
4、跟进排兵布阵的结果,梳理出达成阶段性战略需要的人员布阵,要人头、裁人头的操作;
5、指定战略的时候,其实已经知道流程、制度等存在情况,开始完善或者执行执行已有的游戏规则,即完善游戏规则;
6、根据新的游戏规则,结合现有人力,开始输出阶段性成绩,比如人均输出,人均效率等,摆出成绩,让大家知道跟着你干,真的有肉吃
4、职级
我进来的时候还是老的职级,当时我进来是**,对应的大概是1-,现在的职级体系是3-23,想申请架-师或者经-的职级。