总结2022每一篇写作的想法
大家好，我是小鑫同学。一位长期从事前端开发的编程爱好者，我信奉编程最重要的是分享。请跟随小鑫同学的步伐，一起带你畅游不一样的前端世界~
每一篇写作完成后其实我都很少在回过头来重新阅读，也只是在下次遇到同类问题的时候翻找解决的方案，所以就趁着这次的年终总结对2022年中的每一篇写作说点什么吧~
第一季度分享总结（12篇）：
解读：通过了解 TypeScript Compiler API 仿照 NodeJs 的 require js 模块的方式，实现脱离 tsc 达到运行 TypeScript 代码的目的。相关的模块，如：ts-node；
解读：利用 NodeJs 内置的 fs 模块实现监听项目文件的变动从而自行重启服务，在NodeJs 应用开发是也通常会利用自行重启的这样的模块，如：nodemon；
解读：目前前端常用的包管理器，除 NodeJs 自动安装NPM外，通常还是使用到Yarn，PNPM，在不同的包管理之间交叉使用会触发一些隐性问题，通过编写脚本来读取NodeJs环境运行时进程的相关参数可以有效限制同一个项目使用相同的包管理器，避免出现不必要的困扰；
解读：作为前端开发，为自己的 H5 增加一些数据支持还是有必要的，对于很少接触服务端开发得你来说，eggjs 仍然可以作为一款开箱即用的服务端产品，规范的项目构建能让你在很短时间内搭建一套自己的数据服务平台；
解读：在 package.json 中我们很可能会编写很多的 scripts，为了可以更好的组织它们的运行顺序和跨平台执行无压力的特点，推荐使用 npm-run-all 模块；
解读：这里录制使用了 rrweb 技术，这次是对已录制的 dom 数据进行持久化保存，因为一些 dom 数据的依赖可能在长期的迭代和维度不当时造成丢失，转为视频一是可以更完整的存储，二是为了分发方便，因为 dom 播放依赖特定的播放器才能实现；
解读：这是另一个利用 Rust 语言实现的客户端开发得框架，感兴趣的可以一试，我就是一试了之；
解读：利用云函数可以快速打通两个端的消息通知，你也或多或少的利用了这样的一些功能，这里通过在腾讯云编写云函数来接收GitHub的指定动作，进而想消息发送到企业微信进行消息提醒，什么时候有人提交PR了，你就可以不用再看邮件了；
解读：继 Rust 客户端框架后对 Rust 语法进行的简单汇总，完整的学习还请找相关资料了解；
解读：编写简单而高效的模板脚手架的模块，对它的了解还是在 element-admin 项目中，我在后来的管理平台项目常常会用到，编写好模板后大大节省后续的开发时间；
解读：跨域是前端面试和工作中经常遇到的一个情况，对于跨域的原因和解决的方案你可以在社区得到不少的答案，但我不愿解释什么是跨域，处理跨域我也只会使用代理，代理一把梭，跨哪都不怕；
解读：记录第一次接触基准测试；
第二季度分享总结（共15篇）：
解读：在对同一个项目多次启动时，你会发现有的项目会启动失败，而有的项目顺利的启动成功好几个服务，因为启动失败的大多数是端口冲突了，我们很少管理 error 的处理，其实这就是一个很好的例子，我们可以监听到端口冲突发出的异常信号，并通过自动更换端口自动启动的方式来避免失败后人工干预，Vite 的源码中就有相关的处理，所以我们可以对同一个 Vite 项目多次启动，指定端口的另说；
解读：这个工具不仅仅用来排查线上问题，最近我也经常用在开发联调中，内部原理主要是对接口成功响应的内容进行拦截替换，返回一份前端对于某个现象可以成功复现的数据，这样的数据是不该污染源代码的；
解读：在GIthub找到了一款适用于Mac端录制终端操作的工具，在分享操作过程时会使用到。
解读：在Vue3.0得到广泛适用时，总结Vue2.0的组件通信方式帮助解决长时间未使用时手忙脚乱的烦恼。
解读：总结Prettier的常用属性，让你的配置和配置的调整变得游刃有余。
解读：通过两篇文章来讲述一个简易的组件库开发的完整流程。
解读：整理JSON Schema的使用方式。
解读：使用Vue组合API来拆解组件功能。
解读：学习使用sendBeacon来进行数据上报。
解读：从0编写的头像添加夏日贴纸的小程序，文章完整，并记录了第一次开发总是会遇到的一些问题。
解读：在WebRCT相关开发中，是要求开发环境也具备HTTPS的，这一篇就让你上手自签名证书的生产和配置。
解读：通过编写脚本来实现多个项目依赖项目一次启动的目的。适合主从项目配合使用的情况。
解读：为网站增加一份开源的沟通区。
解读：Ts类型编程我们应该在可以写出来的时候就用上，要不然这块总是弥补不起来，这次就先编写一个promisify。
第三季度分享总结（共14篇）：
解读：云对象的应用对网络接口的编程进行的优化，节省了中间数据的处理，对象的转换等操作，使得我们拿到的数据就是想要的数据，思路的变化带来的效率的提升。
解读：原子化CSS必须要看的一个框架，文档也是最完善的，不同的CSS编码方式在不同的场景下可以得到更好的应用，但每一种编码方式也都不是万能的，选择适合的才是最好的。
解读：在按模块进行项目拆分时，这种workspace管理方式也许会是一种不错的选择，通过一个完整的案例来演示项目模块级别拆分的应用场景。
解读：微信的SDK授权是所有流程的第一步操作，但是在授权时还是需要做一些工作的，这次就通过编写一整套完整的接口来演示授权的整个流程。
解读：记录完整的Rollup入门学习教程。
解读：在微信SDK授权搞定后，消息模块的使用也是一次不错的尝试，在做一些定义信息推送时是很有用处的。
解读：在搞微信SDK授权时使用到了阿里云的低代码服务，期间由于初次使用遇到了很大的阻力，这次就完整的记录一下。
解读：通过使用Uniapp的相关服务，完整的实现了数据的清洗、存储、查询等操作，为老同学搞定了这么一个刷题的H5页面。
解读：Babel在很多项目都有配置，乱七八糟的配置你都搞懂了吗，通过简单的介绍了解一下吧。
解读：这是一个很老的工具，好久没有更新，这也是一个很新的工具，我仿照它加了最新的插件模板，按插件的形式学习Babel你觉得怎么样。
解读：整理Babel插件开发时访问节点的常用操作。
解读：为我的 IT200.cn 网站的自动推送而编写的 Action，实现了推送至Github后可以自行编译并上传阿里OSS对象存储的功能。
解读：create vite 是一个有别于其他脚手架的项目，它遵循各个包管理的创建项目的规范，达到仅通过包管理器就可以创建项目的目的，节省的提前安装的步骤。
14、利用fs-extra实现“yarn create tlist”创建项目
解读：这是继create-vite源码学习后的一次实践，通过实践来体验模板项目创建的完整流程。
第四季度分享总结（共5篇）：
解读：Vitepress 的文档渲染主要就是如何在扩展后可以支持更多的显示方式，使得Markdown 渲染更加灵活，功能更加强大。
解读：Babel 是一款进行源码解析转换的一款好用的工具，在开发组件库的时候可以利用它来维护所有组件的属性文档，这是个不错的选择。
解读：HTTP2.0的多路复用一定是各大网站升级看中的其中一个亮点，这次就从一名前端的角度来编写HTTP2.0服务和在Nginx中开启HTTP2.0。
解读：利用自己开发得脚手架工具来演示如何编写一款Vite插件，在插件中开发中学习对原始功能的扩展手段。
05、在实践中学习类型定义、类型覆盖、CSS Modules
解读：从项目中学习类型申明和类型覆盖的方式，为项目引入 CSS Modules 和 常规的使用形式，实践中得到的一定是印象最深的。
“ 2022马上就要结束，掘金为每一位打榜的作者创建的专属的企微群，由于第一次接触社区，我准备了一系列的抽奖活动，在本文下评论【我为小鑫同学打榜】，我将私信的企微群地址，或查看我最新一条沸点参与。”
如果看完觉得有收获，欢迎点赞、评论、分享支持一下。你的支持和肯定，是我坚持写作的动力~
最后可以关注我@小鑫同学。欢迎点此扫码加我交流，共同进步（还可以帮你fix🐛）~
「回顾2022，展望2023，我正在参与2022年终总结征文大赛活动」
我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：cloud.tencent.com/developer/s…
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了