「时光不负，创作不停，本文正在参加2021年终总结征文大赛」
前沿
最近再掘金上经常看见有人在年终总结。就着这几天闲了，自己也来写一下。
本人在前端领域也工作了4年+，不知不觉也从一个懵懂不知的少年变成啥也不会的老油条。
某次在和同事闲聊，有人说我这一年可以用8个字形容拨云见日，守得云开，对与我这种文学不开窍的我来说，瞬间我就去百度了一下。本成语出自于拨开云雾见天日,守得云开见月明，意思就是说只有坚持到底的人才能等到拨云见日，云散月明的一天。告诉人们只要坚持到底，彩虹就会出现。官方了一下，我知道后感觉有点受宠若惊，有点不配但心里也觉得欣喜———有人认可了我这一年的成果。
说实话，这一年也是我在京东待得第一年，虽然在卷神的路上越走越远，但似乎离它并没有太远。因为大家年终都卷不动了，处于游离状态。这似乎显得我又成了内卷路上的佼佼者。
有点跑偏了，回归正题。2021的尾声越来越近了，不知不觉中工作了也是近一年了，跟随着部门的业务和技术也是不断刷新着自己所掌控的领域。
如何成为卷王
有人说去大厂的路上，都是在不断刷新自己的认知。这里所说的其实也不是太准确，对于技术来说，在大厂工作，一些我们用的插件或者封装的组件在大厂都有自己的一套方案。
拓实产品
我已经从0到1做项目，大大小小做了10+。几乎是每个月都会有新的进来，卷不成王，只是需求不断。每个项目也是现在市面上很少用的。在此我们整几个自己觉得🐂例子来聊聊。
-
SaaS商城系统
该系统的复杂性不亚于做了一个小的京东。而且需要兼容小程序和H5，从0到1，从基础框架的搭建到业务最终的完善。前前后后就我们3个人做了2个月，是不是有点快了（封闭开发，当然快了）。可以简单的给大家说说用的什么东西，主要就是
taro+ts+react-hooks进行开发。我就喝出来分享一下细节，见下图：用的东西也不是太新，大家可以借鉴得去看看，代码是机密就不公开了。该项目中也是挑战了一下自己，带着两个大佬在这条不归路上越走越远，难点也是丰富的很，如：H5 怎么区分各个店铺的内容；小程序代第三方平台的各种配置等等。虽说难点多、时间少，但是一路走来也学到了很多，包括技术上、管理上和各个部门沟通能力都得到了一定的补充。这也是我一年来写的最复杂、难点最多的一个项目，也是收获满满。
-
装修系统
上述我们说了个很🐂的项目，这个项目并不亚于上面那个。随着业务的增加和各个商家的想要的东西各自不一，因此我们整了个装修系统让商家去维护和改造，不用我们一一去做处理，商家想要什么自己弄。
给大家整点实在的，说说实现思路和原理。
该系统分两个模块，装修设计器和组件库，我们每个商家都有自己的装修模板，每个装修模版页面由不同的组件组成，每个组件都有一个或者多个可编辑区域，每个区域都会有一个或者多个属性去配置组件内容。在编辑完所有组件后，生成固定模板，再利用脚本生成不同端的代码。
我们每个组件不可能都放进装修设计器里面，由此我们使用umd的思路，通过webpack的打包成umd存入cdn中。在装修设计器中按需加载，但是小程序不能使用umd打包方式，因此我们借鉴了taro-ui的打包方式，用rollup打包成es module 的格式生成npm包。在taro的项目编译的时候引入使用。
具体就这些了。弄这些真的是废了九牛二虎之力，将taro和taro-ui的打包过程也看了看。也是借鉴了很多项目内容。
这个项目在公司内部申请了专利，也是内部审核过了。
就说这两个吧，剩下的有些是后台管理的，有些是宣传的，这里就不多介绍了，但是也是用了很多常用的技术，比如：微前端、服务端渲染等技术方案去处理，这些大同小异跟市面上很多文章都有重复，不多说了，或者可以看我同事的文章。
稳如泰山
从一开始的领导者到现在的技术创新者，虽然变动了，但我觉得这并非不是好事。因为会议和沟通占了我工作的二分之一的时间，所以说这次的调整让我能从这些管理上面抽出身来，从项目和技术上的角度上我觉得更能体会自己的价值。
-
单测补录
由于测试资源紧张，前端某些部分只能自己做测试，但是测试也会花费大量人力去支持。因此部门才想到用单测的方式去做更完善的开发。
因为我们用的Taro，目前没有方案去搞这些，自己也是研究了很久，决定用
jest+enzyme的插件去使用，这个方案前路坎坷，褒贬不一。但是还是坚持得做了下去。唯一给大家推荐的就是，报错插件可以mock，报错参数可以mock，报错接口可以mock。目前我也就只能mock了。 -
监控增强
前期做的监控只是在代码错误的层面上做了简单的处理。有些也需要从业务的角度和产品的思维上讲错误抛出。我们也是下了很大的决心，决定换框架去弄。自己开发的话，真的不是一时半会，也不是一个团队能干出来的事。还是选用了内部的框架去搞，我们将业务监控和代码监控重新梳理了一遍。
增加服务器监控。首先就是我们nginx的监控，只有将服务器的错误报漏出来，才能将错误捕捉的更清晰。还有就是域名探活、应用健康度监控。这些都是内部的东西，就不方便说明了。
-
技术拓新
现在技术发展太快，目前有些应接不暇。但是我觉得还是以自己能掌握的东西去丰富自己的项目。这几年流行的
tailwindicss和windicss一直是移动端样式的标杆。因此我也想到了这些，找了很多方案也问了Taro开发的人，才发现了一个框架，目前也是见解他的思路重写一下这个插件。还有就是小程序发布机制，目前是用手动发包的方式去搞，我们借用了微信提供的ci插件、微信开放平台能力和公司内部coding的ci功能，联合出品了一个自动解析发布小程序功能。
勇于挑战
这一年下来，如果单单就业务，对于技术来说就有点索然无味了。有人告诉我要多花费时间从业务的层面想想。但是个人见解，业务可以考虑，但你终究不是产品。你做技术可以给产品提供思路，不要妄想去改变部门或者公司的路线。脚踏实地为公司做事，多想想你本职的事（技术无界限），你的提高即是提升了自己，也是给公司创造了价值。
给大家说说这一年下来自己在技术上的沉淀，如何勇于创新、挑战自我：
-
共建
Taro x 鸿蒙&&OpenHarmony 适配下半年，凹凸工作室发出了共建的邀请，自己也是在上百人中被荣幸得选中了。自己也很庆幸。
虽说是共建，但是在工作的时间留给自己共建的时间并不多，大部分时间都是在周六日去学习和开发。在这就说一下心得，技术原理上其实在原来的文章和凹凸工作室的文章都有说到。
在开始共建的时候也是什么都不懂，只是看过一些Taro的文章和打包的原理。如果硬要开发还是需要有一些沉淀才行。因此利用自己的业余时间和节假日强行学习了一波。将鸿蒙的技术、taro的打包原理看了一遍，才能勉勉强强跟得上队伍的步伐和团队的技术。
目前共建的任务已经完成了第一阶段，
Taro 3.5 canary已经发布，各位可以尝试一下。 -
开源有益
在做了上述很多业务的过程中，发现虽然业务相同，但是用的东西有重复的，因此和组内人员商量做了很多通用的工具和基础。
前端lint的规范首先是我们最先想到的，虽然开发的人不一样，但是规则可以统一。因此我们将
ESLint、StyleLint、CommitLint做了统一规范。详细的可以看我同事得文章，github在此。前端组件库的开发是我们想到的第二个点，因为我们基本都是围着Taro开发的，所以我们就先开发了一套基于Taro的组件库。目前基本内容已经开发完毕，正在完善文档和示例，还请大家在等待一下，不过基本内容已经完成，大家可以查看我的 github 项目。
再次想到的是脚手架的搭建，因为我们部门用的技术不同、框架不同。因此在
taro-cli/react-create-app/vue-cli基础上封装了一层，以便更多业务去使用。目前这个脚手架正在维护中，尚未开源，就不跟大家分享了。先介绍到这了，目前部门中还有很多在建设，因为是新部门，有些东西还是需要重新去弄。我这边除了上面说过的，自己下面也有分享，有兴趣的可以去我自己的github下面看看，对了，我这边正在用
Next+Graphql做一套可视化的中间层系统，稍后会给大家分享。有些东西也是大家经常做过的，上面这些还请大家不要嫌太low，多多指正。 -
沉淀必要
说实话，有些东西，还是要做必要的沉淀才行。你想想自己弄了一年的东西了，虽然部门忘了、领导忘了，但是自己不能忘，你走的每一步都是你人生必要经历的，保留下这些我觉得很必要。这也是从一个刚进我们部门的新人身上学到的。说一下自己都干了什么吧！
- 申请了5篇专利，虽然最后就过了一篇。但我觉得写这些东西更能拓展自己的思维、分析内部的原理，对自己的成长更有益处。
- 做了3次内部分享，有一次也是在大部门进行的。
- 内部文章写了10篇。业务内容太紧张了，我也没办法，只能写这些了。
- 掘金沉淀6篇。这也是从内部文章中筛检出来的，有些不能往外发，请见谅了。
卷王只是调侃，还是希望大家劳逸结合，不要一味的追求技术的精进，可以回头看看，不忘初心。
工作的事感觉我就能写到这了，业务上踏踏实实、主动承担；技术上勇于创新、敢于实施。虽然有很多不足，但是我还是希望大家能有自己的突破和见解。
世界无限，脚下才是你的
在此说一下自己，这里的自己其实就是这一年的一切。
工作的内容说太多了，有点太技术。说说自己的生活吧。今年实在有些太累了，两次长时间的封闭开发，完完全全压垮了自己的身体。腰间盘突出、脂肪肝各种病症统统都出来。还以为自己老了，但离而立之年还有些距离。工作虽累，但是身体事革命的本钱，珍惜自己，也珍惜身边得各位。
这一年技术涨了，但是爱情、亲情和友情不知不觉得少了好多。也不知道为什么。好像大家都在这个岁数渐行渐远。虽然有联系，但是可以看出大家都在为了小家在不断的拼搏。技术可以再看，但是身边的一切有些没了就没了。
最后我就不再说什么了，还是让大家自己去体会世间的可爱。
仰望未来，不畏恐惧
希望在新的一年里，还是踏踏实实做好自己，不要畏惧未来的自己，也不要遗憾以前的自己。有点太文艺了，还是说一下明年的打算吧
- 技术完善。说实话自己虽然技术面广，但是精度还是欠缺，把握细节、夯实基础。还有就是学习一下服务端的东西，虽然是后端出身，但是以前的东西早就忘了。
- 多出去走走。如果疫情和资金都完备的情况下，还是希望自己多出去走走，感觉最近自己被框在了自己的舒适圈里面了。多往外面看看，少一点戾气，多一点胸怀。
- 多回家看看。北漂了多年，虽然回家就3个小时。但是大多数时候被工作和疫情限制的死死的，根本无法逃离。父母也老了，身体也不好。如果能有时间，还是多回家看看，父母虽然常时间见你会很烦，但是心还是暖的。
- ......
就说这些吧，flag立得太多总觉得实现不了。总而言之，别辜负未来的自己。
马上结束了
总而言之，上面就是我干得主要的事情，有些细节并没有写清楚。还是希望以后的自己不急不躁、敢于承担、勇于拼搏。不知道自己配不配得标题的内容拨云见日，守得云开，各位看官老爷觉得如何呢，有想法可以评论上共同讨论哈。
最后了，希望大家做什么事都不要后悔，拥抱自己的路。
