「时光不负,创作不停,本文正在参加2021年终总结征文大赛」
2021年的自己,被指派到一个业务线开发,尝试了一些曾经没有的业务需求,也承担着从未有过的压力🍐,每逢上线发布or线上问题,马上standby。
2021年的新尝试
梳理组件/代码片段
设计师大大们给业务线提供了相关底层&基础的UI组件,web页面的复用性就基于组件。由于已经使用了UI组件LuluUI,所以对底层的部门样式进行了调整,再对业务线特定的组件(如面包屑、空态、标题栏等)进行梳理,相似逻辑核心代码片段进行梳理。这个工作虽然会花费一点点时间,在一定程度上提升了我的coding效率~ (PS:设计师的变动性真的很“善变”,今天这个色系/风格,明天就全推翻了,以后要考虑预留变动成本)
抓包工具——whistle
功能和Charles类似的,可以在Windows、iMac下均能使用。 在做移动端活动时,被同事安利的,很快速的定位到了时后端接口数据返回的问题。 也在一定程度上有助于,本地代码联线上环境(可以快速定位线上问题)
node
因为做性能优化时,在本地构建处理,使用了部分的node知识,学习并尝试使用了file、path等模块的知识,用起来真香啊,忽然有点相见恨晚的感觉
性能优化
下半年的主要工作亮点,就是做了性能优化,访问量top5的页面提升了20%,lighthouse的performance均85+。 主要通过gzip、图片懒加载、文件合并压缩等多种方式一起处理。
SEO
SEO只做了一些基础DTK,部分的结构的语义化调整,全站的语义化还是堪忧
ES6
自己私下学习了ES6,并且在部分非主线业务需求开发中得以尝试使用~
未完成的
- web无障碍。目前只在组内分享过相关理念,只在项目中简单处理过(alt、aria-label等),项目整站未全面推进,一方面是业务需求比较重,另一方面自下而上push比较难。
- 语义化。页面的语义化还是比较老套的div/a/p/hx/header/footer等,一些其他的语义化还暂未进行。
2022年的flag🚩
- 学会游泳🏊♀️ (flag已经立了三年了)
- 在项目中去实施无障碍
- 两个基于three.js的demo