「回顾2022，展望2023，我正在参与2022年终总结征文大赛活动」
序文
金虎摆尾逍遥去，银兔俯首吉庆来！2022虎年是特别的一年，疫情铺开，不少人成为“杨过”、“杨康”，甚至“王重阳”，过的并不容易。但正由于疾病与磨难让咱们都意识到身体健康的重要性~
2022年对于个人而言也是特别的一年，种种过往让我收成颇多生长，今日就从思维、日子习气、技能生长3个方面来给咱们共享下~~
过往
思维觉悟篇
心理学家马斯洛曾说过：“心若改动，你的态度跟着改动；态度改动，你的习气跟着改动；习气改动，你的性情跟着改动；性情改动，你的人生跟着改动。”
所有改动都是从思维觉悟开端的，22年里我先后读了5本提高思维认知的哲学书，其间《与内心的抵触和解》还不错，书中首要表达了以下3个向内求的中心观念，愿与君共勉~
阅己——中止玻璃心
自我改动，首要需求全面地知道读懂自己，中止玻璃心，别过分在意他人的目光和点评，由于只有你最了解你自己，只有你才干定义你自己，天赋是什么，擅长是什么，短板是什么…
悦己——中止责怪自己
自我完结，始于悦纳“真实的自己”，人无完人，金无足赤。承受现实的自己，没有做好或是做错的作业不要责怪自己，情绪化，而是需求跳出来，像旁观者冷静地剖析做的缺乏/问题之处，采纳什么方法办法去改善，避免再踩坑。
自立——学会信任自己
咱们最能成事的时候，是对自己充满信心的时候，专注于当下，不惧怕任何艰难险阻。要想真实自立，就需求有自己坚决的信念和决计，坚持走自己挑选的路，即使路上乌云密布、盘陀大雨依旧勇敢前行，由于雨过会放晴，命运不错的话还能看到美丽的彩虹！
自强——学会力所能及
“自强的人”，指的是具有内涵力的人，没有蔑视自己的4个心理现象：
- 逼迫性地拿自己和他人做比较
- 自己损伤自己
- 答应优待
- 逼迫性地寻求名声/金钱/功劳…
自强之人，会具有连绵不断的内涵自驱力，懂得力所能及，一步一个台阶地完结着”垫一垫脚“能够到的目标。
习气养成篇
许多作业都是需求时刻堆积出来的，比方提高生计技能、学习新的技能、更换新的作业岗位等等。当“想做出改动，走出舒适圈”的思维觉悟后，还需求有好的习气，周而复始地继续堆集，量堆集到必定程度才干发生质的飞跃。
22年里读了2本习气养成的书，其间对我影响最大的是《高效能人士的七个习气》，今日推荐给咱们，这本书中的7个习气，其实涵盖了作业、日子方方面面需求的思维素质和才智。我阅览完该书后，作业/日子中饯别后觉得如下3个习气让人终身获益，在此共享给咱们，愿与君共勉~~
要事榜首
咱们做作业，常常会采纳时刻办理使命，要事优先处理，但做事前更重要的是确认自己的人物（学生/职场人/导师/朋友…），清晰人物后，再采纳四象限时刻办理办法办理落实作业/使命，才干更高效地朝着正确方向推动目标。
双赢思维
借《高效能人士的七个习气》书中的少女/老妇的经典案例来做智力和情感小检验，请咱们花 10 秒观察下图1-1、1-3，并描述下所看到的形象：
不断更新
随着年代不断更新进步，咱们的身体、精力、智力、社会/情感4个方面也需求不断更新。
老人常说：“身体是革命的本钱”，可好多年青人未能真实明白，熬夜、饮食作息不规则、运动少等恶习，让身体长时间处于亚健康状况。大疫三年，22年11月忽然政府挑选铺开防疫，不少人“阳了”，导致身体受损、元气大伤，这时才恍然大悟，在身体健康面前，金钱、功名、利禄通通都是虚的。要想具有健康的体魄，获得强大的抵抗力，就要打败惰性，规则作息确保充足的睡眠；健康饮食，五谷杂粮、肉类、蔬菜、生果、水等食物科学调配，确保蛋白质、脂肪、糖类、维生素、矿物质、水、纤维素7大人体所需营养素的均衡摄取；定期运动训练，挑选1-2项自己喜好的运动每天坚持30分钟左右训练，比方跑步、快走、漫步、骑车、跳舞……
精力层面是人的本质和对价值体系的坚持，是日子中非常私家而又至关重要的范畴，它能调动人的内驱力和调整心态。要想更新提高精力层面，平时能够多阅览学习契合自己价值观的书本，参加相关的线上/线下活动。
智力，20%来源于爸爸妈妈的先天智力，80%后天智力仍能够开发更新，这首要靠教育，借此不断学习常识，磨砺心智，开阔视野。阅览文学巨著、名人自传、《国家地理》等作品，不同的文化、范畴常识能够帮助咱们拓展思维和提高智力。还有另一种有效方法是写作，能有助于咱们提高思考、推理和获得他人了解的才能。
日子中，社会层面和情感层面紧密相连，假定你是我作业/日子中必不可少的人，咱们需求沟通、共事、完结一项使命或是处理一个问题，但却存在定见不合和不同视角，这时候就需求有双赢思维、知彼解己、归纳综效来处理。这几方面属于情感方面，与咱们个人的安全感密切相关。
怎么增进内涵安全感？
- 据守原则，肯定自我
- 与人为善，信任能够寻找到“双赢”的第三种或许
- 乐于奉献，服务人群
- 焚烧自己，照亮他人
技能生长篇
前面挺多篇幅讲了思维觉悟、习气养成，是不是和技能人的生长不太相关，是不是跑偏脱轨了？其实不然，只有提高了思维认知，培养了好的习气，后边才干继续高效地学习新技能。就像盖高楼大厦前，需求先打好地基一般。好了，咱们言归正传，最后来聊聊22年收成的技能生长，看到这儿的掘友们适当有意志和耐性，在此表示感谢~~
由0-1建立项目架构
22年年中，本司准备企业数字化转型，领导委以重任，让我带领3个前端小伙伴一同建立人事服务的移动端项目，从0-1，项目交给后咱们每个人都生长了不少，下面给咱们共享我其时首要做的作业：
1. 技能栈选型
接到使命后，我首要和领导沟通，清晰了项目的布景和事务定位，需求开发新的移动端H5项目，接下来我的首要精力便聚集在技能调研作业。
结构调研：
根据团队里前端开发人员的具体情况来看，大多数vue技能栈熟练些，我便在vue2、vue3做了调研对比：
| vue2 | vue3 | |
|---|---|---|
| API风格 | 选项 options-api | 组合式 composition-api |
| 呼应式 | Object.defineProperty | Proxy |
| 打包优化 | tree-shaking需求依赖打包东西webpack/rollup | 更优的tree-shaking |
归纳考虑：终究挑选vue3 理由
1.vue3 的 composition-api组合式编程，将同一逻辑的代码写到一块，增强了代码的可读性、内聚性 2.vue2呼应式 Object.defineProperty 无法监听数组的改变，需求Vue.set监听其改变，vue3 proxy署理消除了该局限性 3.vue3有更好tree-shaking支撑，契合ES Module标准，vue程序中未使用的api也能消除，打包获得最佳文件巨细
UI结构调研：
| mint-ui | vant-ui | framework | vux | |
|---|---|---|---|---|
| 官方文档 | 文档完全（中文/EN） | 文档完全（中文/EN） | 文档完全（EN） | 文档不是特别详尽 |
| 大局引进后打包体积 | 70k | 120k | – | 只能部分引进 |
| 功能组件 | 28个 | 71个 | 55个 | 95个组件+8个东西函数+1个指令+2个CSS处理计划 |
| 最后保护时刻 | 2018.1 | 保护中 | 保护中 | 2021.10 |
| issues | 241 | 31 | 105 | 374 |
| Github start | 16.5k | 20k | 16.8k | 17.6k |
归纳考虑：终究挑选vant-ui结构
理由：
- vant-ui中英文档完全，组件较多
- 开源库代码保护中
- issues问题较少，证明ui结构bug较少
2. 项目结构规划
“vue3 + ts + vant-ui + node.js”技能栈选定后，接下来便是需求规划初始化项目结构，我其时使用了 vue-cli 脚手架初始化vue3根本项目结构，并拓展新增了node端，形成了如下的项目结构：
├─.deploy # 布置文件
│ └─ deploy.yml
├─.husky # 代码检查
├─bin # node发动入口
├─config # 配置文件
├─controllers # 服务端控制器（proxy、安全检测、日志收集）
├─dist # 打包后的资源
│ ├─css
│ ├─img
│ └─js
├─Logs # node日志文件
├─node_modules # 依赖包
├─routers # node路由
└─src
├─api # 接口api
├─assets
│ └─app
├─components # 组件
├─constant # 常量定义
├─directives # vue自定义指令
│ └─permission
├─hooks # 自定义hook函数
├─Layout
├─plugins # 扩展插件
├─router # vue-router路由
│ └─routes
├─store # 状况办理 store
│ └─modules
├─styles # 公共样式
├─typings # ts类型定义
├─utils
└─views # 前端页面
├─home-index # 主页
└─...
首屏加载性能优化
v1.0项目交给后，后边迭代便需求考虑项目性能优化，提高用户体会了。其时我首要从2个方面来做的首屏优化，计划如下：
| 问题 | 优化的计划 |
|---|---|
| 主页网络恳求进程中会呈现白屏 | 增加loading，告知用户页面正在加载中，改善用户体会 |
| 主页使用数据根本不变，但每次访问页面都会建议接口恳求 | 将第1次接口恳求数据放状况办理器store缓存，后边再进入主页直接回显store的数据 |
/** 已获取使用信息和人事公告 */
if (homeStore.quickApplicationInfo.length && homeStore.newListInfo.data.length) {
loading.value = false
return
}
loading.value = true
/** 首次获取使用信息 */
if (!homeStore.quickApplicationInfo.length) {
homeStore.updateApplication()
}
/** 首次获取人事公告 */
if (!homeStore.newListInfo.data.length) {
homeStore
.updateNewList({
pageIndex: 1,
pageSize: 15
})
.then(() => {
loading.value = false
})
.catch((err) => {
loading.value = false
console.log(err.message ?? '接口异常')
})
}
经过上述复盘，我发现首屏加载的性能优化，除了利用缓存策略，其实还能经过更多层面去做，比方网络恳求优化、编译打包优化、代码优化等。后续有时刻再补充更多的优化计划，到时候再与掘友们共享！！
未来
我是一个不完美的人，但想经过不断学习提高成为一个完好的人，展望2023，希望能平衡好作业、学习、日子，齐头并进：
- 作业：
- 保质保量地完结日常作业，积极主动探索不同处理计划
- 积极主动地做技能沉积，并共享沟通
- 学习：
- 坚持阅览，注重内容吸收
- 坚持输出，阅览笔记/技能总结/项目复盘…
- 日子：
- 坚持运动训练，规则作息
- 择善而处，择邻而交，接触更多志同道合的人
