2021,又是一年flag🚩

1,276 阅读2分钟

「时光不负,创作不停,本文正在参加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