砥砺前行，再接再厉！2022年终总结

大家好，我是侦探（今年的新称号）~

又到了年末，来看看今年做了哪些事吧

关于思否

截止到今天（2022-12-17），我在思否上的发文刚刚超过 100 篇

在整个 2022 年当中，相比之前还算是比较勤快的，基本维持一周一更的节奏，数据如下：

• 文章：47篇
• 回答：120 个，其中被采纳 46个
• 声望：+4487

• 其他荣誉：第三季度Top Writer

另外，在Segmentfault 思否首届「猫猫杯」线上代码共创大赛中获得最佳人气奖

其他数据不太好统计，希望官方可以有查看完整数据的中台

明年要多多参加一些活动

关于文章类型

文章都是原生技术，不涉及各大框架，简单给文章分一下类

• CSS 相关：33
• SVG 相关：4
• JS 相关：5
• HTML & DOM 相关：5
• Canvas相关：2

可以看到大部分都是 CSS 相关，包括 CSS 新特性、CSS 绘制相关、CSS动画、CSS各类奇技淫巧等等

嗯，虽然自认为比较多，但是都比较杂，通常都是写一篇，然后就没有后续了，打算明年写一些系列文章，这样会更加连贯

关于公众号

2022 年初开通了公众号，应该说是重新捡起来了（2017就注册了），名字就叫做“前端侦探”，开始在上面发表文章，目前更新了 50 篇原创，其实和各大平台基本是一致的

至于为啥叫这个名字，其实也不难猜测，我的社交头像是工藤新一，公众号头像用柯南，意味着柯南的幕后是新一，不断进行侦查和探索😂

以上源至日本动漫：名侦探柯南

数据其实不怎么样，现在大概每篇文章两三百的阅读量，当然目前并不在意这个，反而因为公众号的原因，可以让自己坚持输出，也算是有一个小品牌了

这里感谢一下chokcoco，有一半的粉丝都来自他的引流，明年要加强一下“营销”了😂

关于开源项目

2022 在github活跃比较少，主要是以下

1. XboxYan/xy-ui: 🎨面向未来的原生 web components UI组件库 (github.com)

这是一个 web-component 的 UI 组件库，其实已经有两三年了，今年基本没怎么更新，只是维护，解决一些 BUG，目前 star 数在刚刚突破 1K（新手村太难了😭），值得庆祝一下~

可能和现在web-component的发展有关，我记得前不久有个 Quark Design，也是用到了这个，三年之前可无人问津，这算是走在前列了，目前 star 数在稳步增加中...

这两年 CSS 又出了好多新特性，是时候优化一波了~

2. yued-fe/yux-storage: yux-storage

这是一个基于 HTML5 IndexedDB 封装的 Web 本地数据离线存储库，可以让操作 indexedDB 像操作 LocalStorage 一样简单。

// 回调函数
yuxStorage.getItem('key',function(err,value){
    if (err) {
        console.log('出错了')
        // 类似于 nodejs 回调格式
    } else {
        console.log(value)
    }
})

// 同样支持promise
yuxStorage.setItem('key').then(doSomethingElse)

// 如果你的环境支持async，那么
const value = await yuxStorage.getItem('key')
console.log(value)

// 如果你想监听数据的更新，那么
yuxStorage.addEventListener((type, data) => {
    console.log(type, data)
    // ‘setItem’, '{key, value}'
})

今年上半年做了一些重大更新，包括数据更新的监听、多数据库支持等

欢迎大家关注我的 github：https://github.com/XboxYan

关于新技能

2022 新添了 2 个新技能，也就是之前没有碰过的

1. Electron

今年 5 月份开始接触 Electron，产品是作家助手桌面端，虽然前端上手还是挺快的，但在初期还是碰到不少问题，好在克服了重重困难，终于在今年 11 月正式公测了~🎉

2. Chrome 插件

其实 Chrome 插件 之前是有了解的，但是发展太快，现在已经是V3版本了，很多以前学过的都废弃了，基本是重新开始，公司内部的就不介绍了，这里介绍一个我开发的 Chrome 插件

有兴趣的可以查看这篇文章：自动区分不同的开发环境？我做了一个Chrome插件

关于工作

2022年上海疫情还是挺严重的，从年后 3 月份 一直关到了 6月份，期间还有幸被拉出去隔离了两三周

运气不好，只分配到了公寓，听说有人分配到了酒店，不过整体还是挺干净的，就是太“干净”了，桌子椅子都没有，没办法，直接把折叠床搬到了厨房

到 10 月底，公司搬进了新大楼，虽然整体上更“高级”了，但是装修过于统一化，像流水线一样，反而缺少了原有特色，看下面，遮住 logo 应该分不清哪个是哪个了

好处是周边环境可能会好一点，毕竟靠近江边

现在疫情放开了，大家怎么样了呢？有种快🐑了的征兆

2023年一起加油吧

明年的计划，暂时就这些，看看能否完成

1. xy-ui 是时候优化了
2. 还是有必要系统学习一下 canvas
3. 写关于 CSS 的系统文章（或教程）

2023年一起加油吧~

本文参与了 SegmentFault 思否年度征文「一名技术人的 2022」，欢迎正在阅读的你也加入。