1。前言up主2019年毕业，找到了一份前端的工作，一直干到现在。疫情发生在2019年底，这三年与我的职业生涯几乎完全吻合。刚刚过去的2022年，没能避免杨的宿命（这个病毒真的很强），12月份的时候，几乎整个公司都倒下了。在我生病等待阳康的时候，不断传来某某30岁小伙子新冠病逝、某医生新冠病逝等噩耗。我有点惊慌，不是以前那种一时激动就扔掉的感觉，而是真的开始想象自己会不会有一天突然被这种病毒杀死。至此，我怀着些许忐忑的心情，开始回忆自己这一年所做的事情，工作上、生活上、情感上。今年我确实选择做更多我感兴趣的事情，结果好坏参半。生活真的就像一个无情的怪物，几乎每一寸都会夺走你所珍视的东西。但就像圣诞老人一样，他会给你带来一些意想不到的礼物。2.拥抱开源前端人一定是最重视开源的人群之一。整个前端的生产力基本都被开源项目接管了。作为前端，可能有一半以上的时间花在或者研究别人的库和框架上。换句话说，你可能有超过一半的职业生涯是在别人的开源项目上度过的。值得一提的是，2022年参与了一些自己认为比较有意义的开源项目，也帮助了一些人。MDNMDN可以说是前端工程师的百科全书，我经常在里面查一些知识点和API。一次偶然的机会，我在使用CSS属性backdrop-filter时，发现元素的层级不对。通俗点说，明明感觉应该是A元素在上面，B元素在下面，但是A被B覆盖了。所以想不通，就去MDN上查了资料，主要是级联上下文的知识点。在MDN列出的属性中，并没有表示backdrop-filter会形成级联上下文。于是只好去W3C查了一下backdrop-filter属性的内容，发现了下面这句话：Acomputedvalueofotherthannoneresultsincreationofbothastackingcontext[CSS21]andaContainingBlockforabsoluteand固定位置后代，除非它所应用的元素是当前浏览上下文中的文档根元素。注意：此规则的工作方式与过滤器属性相同。这意味着此属性与过滤器一样，将创建级联上下文。OK，至此案子应该解决了，MDN没有列出这个属性。为了验证这个说法是否真的正确，我开启了Edge的3DView功能，在其中可以清晰的看到当前页面所有元素的层叠情况。果然如我所料，与W3C的描述一致。于是我向MDN提了一个issue，告诉他们我的想法，然后提Pr提交修改后的内容。官方回复如下：内容是他们自己也测试过，确实如我所说，感谢发现并解决了这个问题。虽然贡献不是很大，但相信很多和我一样遇到过这个问题的人，再去查看一下MDN，就会明白其中的原因，解决自己的问题。Parcelparcel应该很多朋友都用过或者听说过。是一个非常简单快速的前端构建工具，其目的类似于Webpack和Vite。我在开发浏览器插件时就开始使用这个构建工具进行开发。在开发插件的过程中，我发现了一个小问题，就是parcel打包的文件总是带有一个hash值，而且无法去除。官方解释是为了更好的优化和浏览器缓存策略。但是开发过插件的朋友应该知道，在manifest.json文件中，我们需要给定一个固定的文件名，那么如果文件名中的hash值随时变化，显然是不可行的。于是翻了一下parcel的文档，发现可以自己写parcel插件，自己处理文件名。为了避免重新发明轮子，我觉得应该有别人写的插件，但是找了一圈也没找到有用的。想了想，还不如自己写一个。所以我写了一个名为parcel-namer-hashless的插件并发布在NPM上。我也写了一篇文章解释如何使用插件去除parcel2打包文件的哈希值来去除parcel文件的哈希值。果然有人遇到了和我一样的问题。慢慢的，其他人也开始用这个插件，现在github上了。已经有28个存储库使用这个插件。使用它的大多数是外国人，在中国使用包裹的人仍然很少。在这个过程中还发生了另外一件有趣的事情。在parcel官网搜索插件时，发现优天官网无法进入该页面。进去的时候报错，于是提issue，拉下parcel官网的代码，发现是请求参数错误导致页面报错无法渲染。然后我就提到了Pr，成为了Parcel官网的投稿人。这两个是我觉得最值得分享的参与开源项目的心得，也是比较有意义的。如果想想也是开源的一部分，我觉得2022年第三季度拿到TopWriter更有意义。可悲的是，Sifu送我的纪念品被偷了。3.开始创建前端。你一定很羡慕游雨溪这样的程序员，准确的说是创作者。他们创造新事物，建立自己的产品和声誉，同时赚大钱。其实我一直很羡慕那些独立开发者。他们不仅有技术和执行力，还有别人没有的想法和创造力。我只有一点点技术，也有一点想法和创意，但是执行力一般般，感觉自己可能不是独立开发者。但你不能一棍子打死自己。2022年4月，我在ChromeWebStore上发布了我编写的浏览器插件，名为VideoRoll。本来这只是一个我看视频的插件，解决一些视频体验问题，而且功能本身很小，所以应该是一个需求很小的功能。但我还是想迈出第一步，把它做成产品。思路是开源+发布到插件市场。所以我找到了一个好朋友和同事帮我设计了一个更漂亮的标志。然后我开始打磨这个小插件。从UI配色和交互，到单元测试和官网，都是我一个人完成的。发布成功后的一个月内，基本上没有人用，这也是我的预料，毕竟功能那么少。然后在7月左右，用户数量以每月200人左右的速度增长。到年底，用户已超过2000人。一开始我也觉得2000个不算多，但是直到查了下Chrome官方的统计数据，1000个以上用户的插件数量还不到10%，我有点高兴。而且插件也获得了很多好评，谷歌满分5分，我的用户让我保持在4.9左右。然后在10月获得了Chrome官方认证的精选插件，也多次进入“效率”插件的推荐页面。说实话，从我对这款小产品的期待开始，这一波确实超出了我的预期。虽然开源后githubstar不多，但作为一个浏览器插件，每周的活跃用户足以说明它是一个有意义的产品。我也写过一篇文章介绍一下：VideoRoll升级，一款小众的浏览器插件，优化你的视频观看体验。我还为它做了一个年终总结。这段经历也让我更加坚定了自己做产品的决心。2023年，我将创造一些我从大学开始就想做的事情。是音乐视频相关的东西，希望能帮助到更多的人。如果能在这个过程中赚到一些外快就更好了，以后再分享给大家。在这里跟大家分享一下B站游戏UP主描述《我的世界》中的一句话：“如果创造比竞争更有趣，那为什么创造不能成为游戏的主体呢？”Bug让人分心，满满的deadline、requirements、troubletickets等等，工作无形中给了我一些压力，让我觉得自己感兴趣的职业有时候就是那么烦人。但是2022年以后，我慢慢开始调整自己的心态，不再纠结于那些散落的bug，不再纠结于任务调度，不再纠结于需要频繁变更。这让我慢慢地从工作的泥潭中挣脱出来，把它当作一份工作，当作一份事业。在工作中，你是农民工，你是来赚钱的，所以你必须按照别人的要求去做。想通了这一点，工作中遇到的任何问题都不是问题了。如果我能解决它们，我会解决它们。如果实在解决不了，我就换个地方。5、享受生活。大学毕业后，我就不怎么玩游戏了。结婚后，居然花了几百块钱在Steam上买游戏。好吧，我开始在空闲时间玩游戏。当我再次进入游戏世界的时候，我才发现，我已经快两年没有和这样的人这么认真的玩过游戏了。那种心无旁骛，心无杂念，只想完成任务的感觉，和刚开始做前端，愿意花一晚上调整CSS样式的感觉很像。那种完成任务就想马上探索下一关的感觉。这是工作中很难带来的感觉。是打游戏、运动、旅游、看电影时才能体会到的兴奋与快乐。当我们生活在一个健康成问题的社会时，让自己快乐应该是生活的主旋律。希望看到这篇文章的朋友们也能身体健康，多多享受生活。本文参与SegmentFault年度随笔《ATechnologist's2022》，如有阅读欢迎投稿。
