大家好，我是小鑫同学。一位长时间从事前端开发的编程爱好者，我信奉编程最重要的是共享。请跟随小鑫同学的步伐，一同带你畅游不一样的前端世界~

每一篇写作完成后其实我都很少在回过头来从头阅览，也只是在下次遇到同类问题的时分翻找处理的方案，所以就趁着这次的年终总结对2022年中的每一篇写作说点什么吧~

第一季度共享总结（12篇）：

怎么不运用tsc编译来履行TypeScript代码

解读：经过了解 TypeScript Compiler API 仿照 NodeJs 的 require js 模块的方法，完成脱离 tsc 到达运转 TypeScript 代码的意图。相关的模块，如：ts-node；

怎么让Node服务完成主动重启

解读：运用 NodeJs 内置的 fs 模块完成监听项目文件的变动从而自行重启服务，在NodeJs 运用开发是也一般会运用自行重启的这样的模块，如：nodemon；

【标准】一致项目中包办理器的运用

解读：目前前端常用的包办理器，除 NodeJs 主动装置NPM外，一般仍是运用到Yarn，PNPM，在不同的包办理之间交叉运用会触发一些隐性问题，经过编写脚原本读取NodeJs环境运转时进程的相关参数能够有用约束同一个项目运用相同的包办理器，防止呈现不必要的困扰；

前端怎么快速为App建立数据服务

解读：作为前端开发，为自己的 H5 添加一些数据支撑仍是有必要的，关于很少触摸服务端开发得你来说，eggjs 仍然能够作为一款开箱即用的服务端产品，标准的项目构建能让你在很短时间内建立一套自己的数据服务渠道；

【共享】并行或串行运转多个NPM脚本的CLI东西

解读：在 package.json 中咱们很可能会编写很多的 scripts，为了能够更好的组织它们的运转顺序和跨渠道履行无压力的特色，引荐运用 npm-run-all 模块；

怎么将录制的DOM转成视频文件

解读：这儿录制运用了 rrweb 技能，这次是对已录制的 dom 数据进行耐久化保存，因为一些 dom 数据的依靠可能在长时间的迭代和维度不其时造成丢失，转为视频一是能够更完好的存储，二是为了分发方便，因为 dom 播放依靠特定的播放器才干完成；

桌面端开发（Tauri）敞开第一篇

解读：这是另一个运用 Rust 言语完成的客户端开发得结构，感兴趣的能够一试，我便是一试了之；

【玩转云函数】打通Github到企微的音讯告诉

解读：运用云函数能够快速打通两个端的音讯告诉，你也或多或少的运用了这样的一些功用，这儿经过在腾讯云编写云函数来接收GitHub的指定动作，进而想音讯发送到企业微信进行音讯提示，什么时分有人提交PR了，你就能够不必再看邮件了；

Rust编程言语中的界说类型

解读：继 Rust 客户端结构后对 Rust 语法进行的简略汇总，完好的学习还请找相关资料了解；

运用PlopJs让开发变得更高效

解读：编写简略而高效的模板脚手架的模块，对它的了解仍是在 element-admin 项目中，我在后来的办理渠道项目常常会用到，编写好模板后大大节约后续的开发时间；

开发中遇到跨域我挑选这么做

解读：跨域是前端面试和工作中经常遇到的一个状况，关于跨域的原因和处理的方案你能够在社区得到不少的答案，但我不肯解说什么是跨域，处理跨域我也只会运用署理，署理一把梭，跨哪都不怕；

上手JavaScript基准测验

解读：记载第一次触摸基准测验；

第二季度共享总结（共15篇）：

01、【NodeJs】发动本地服务遭受端口占用怎么办⁉️

解读：在对同一个项目屡次发动时，你会发现有的项目会发动失败，而有的项目顺利的发动成功好几个服务，因为发动失败的大多数是端口冲突了，咱们很少办理 error 的处理，其实这便是一个很好的比如，咱们能够监听到端口冲突发出的反常信号，并经过主动更换端口主动发动的方法来防止失败后人工干预，Vite 的源码中就有相关的处理，所以咱们能够对同一个 Vite 项目屡次发动，指定端口的另说；

02、【共享】前端线上紧迫排查东西

解读：这个东西不仅仅用来排查线上问题，最近我也经常用在开发联调中，内部原理主要是对接口成功响应的内容进行阻拦替换，回来一份前端关于某个现象能够成功复现的数据，这样的数据是不该污染源代码的；

03、技能共享必备de终端录制神器

解读：在GIthub找到了一款适用于Mac端录制终端操作的东西，在共享操作过程时会运用到。

04、Vue2.x组件间通信汇总表

解读：在Vue3.0得到广泛适用时，总结Vue2.0的组件通信方法帮助处理长时间未运用时手忙脚乱的烦恼。

05、介绍16个让你的代码变漂亮的特点

解读：总结Prettier的常用特点，让你的装备和装备的调整变得游刃有余。

06、怎么建立组件库的最小原型

07、建立组件库最小原型（支线）

解读：经过两篇文章来叙述一个简易的组件库开发的完好流程。

08、【Ajv】JSON Schema Validator

解读：整理JSON Schema的运用方法。

09、打包 Composition API、Vue3

解读：运用Vue组合API来拆解组件功用。

10、正确发送统计数据到服务器

解读：学习运用sendBeacon来进行数据上报。

11、小程序｜炎炎夏日、清新一夏、头像大换装

解读：从0编写的头像添加夏日贴纸的小程序，文章完好，并记载了第一次开发总是会遇到的一些问题。

12、【Vite】装备HTTPS&自签名证书

解读：在WebRCT相关开发中，是要求开发环境也具备HTTPS的，这一篇就让你上手自签名证书的出产和装备。

13、CLI新功用之多项目发动器

解读：经过编写脚原本完成多个项目依靠项目一次发动的意图。适合主从项目配合运用的状况。

14、开源项目站点必备&沟通区功用

解读：为网站添加一份开源的沟通区。

15、带你体会一次类型编程实践

解读：Ts类型编程咱们应该在能够写出来的时分就用上，要不然这块总是补偿不起来，这次就先编写一个promisify。

第三季度共享总结（共14篇）：

01、【uniCloud】云目标的运用与提高

解读：云目标的运用对网络接口的编程进行的优化，节约了中心数据的处理，目标的转化等操作，使得咱们拿到的数据便是想要的数据，思路的变化带来的功率的提高。

02、上手体会TailwindCSS

解读：原子化CSS必须要看的一个结构，文档也是最完善的，不同的CSS编码方法在不同的场景下能够得到更好的运用，但每一种编码方法也都不是全能的，挑选适合的才是最好的。

03、项目越写越大，我是这样做拆分的

解读：在按模块进行项目拆分时，这种workspace办理方法或许会是一种不错的挑选，经过一个完好的案例来演示项目模块等级拆分的运用场景。

04、【全干】从零搞定微信SDK授权

解读：微信的SDK授权是一切流程的第一步操作，但是在授权时仍是需要做一些工作的，这次就经过编写一整套完好的接口来演示授权的整个流程。

05、【入门教程】Rollup模块打包器整合

解读：记载完好的Rollup入门学习教程。

06、【音讯告诉】用大众号模板音讯怎么样？

解读：在微信SDK授权搞定后，音讯模块的运用也是一次不错的尝试，在做一些界说信息推送时是很有用处的。

07、【Serverless】前端上 Ali 云必备攻略

解读：在搞微信SDK授权时运用到了阿里云的低代码服务，期间因为初次运用遇到了很大的阻力，这次就完好的记载一下。

8、「35分钟」开发刷题功用

解读：经过运用Uniapp的相关服务，完好的完成了数据的清洗、存储、查询等操作，为老同学搞定了这么一个刷题的H5页面。

9、【入门】你连Babel都不会配？那插件不成乱装了

解读：Babel在很多项目都有装备，乱七八糟的装备你都搞懂了吗，经过简略的介绍了解一下吧。

10、开发 Babel 插件能够试试这个 CLI 东西

解读：这是一个很老的东西，好久没有更新，这也是一个很新的东西，我仿照它加了最新的插件模板，按插件的方式学习Babel你觉得怎么样。

11、Babel 插件开发&拜访节点

解读：整理Babel插件开发时拜访节点的常用操作。

12、【实战】自界说 Github Action 库

解读：为我的 IT200.cn 网站的主动推送而编写的 Action，完成了推送至Github后能够自行编译并上传阿里OSS目标存储的功用。

13、走进“yarn create vite”的源码学习

解读：create vite 是一个有别于其他脚手架的项目，它遵从各个包办理的创立项意图标准，到达仅经过包办理器就能够创立项意图意图，节约的提前装置的步骤。

14、运用fs-extra完成“yarn create tlist”创立项目

解读：这是继create-vite源码学习后的一次实践，经过实践来体会模板项目创立的完好流程。

第四季度共享总结（共5篇）：

01、搞一搞明白Vitepress的文档烘托基础

解读：Vitepress 的文档烘托主要便是怎么在扩展后能够支撑更多的显示方法，使得Markdown 烘托愈加灵敏，功用愈加强大。

02、运用Babel主动生成“Attribute”文档

解读：Babel 是一款进行源码解析转化的一款好用的东西，在开发组件库的时分能够运用它来保护一切组件的特点文档，这是个不错的挑选。

03、案例体会HTTP2.0多路复用

解读：HTTP2.0的多路复用一定是各大网站晋级看中的其间一个亮点，这次就从一名前端的视点来编写HTTP2.0服务和在Nginx中敞开HTTP2.0。

04、开发H5都会喜爱这个Vite插件

解读：运用自己开发得脚手架东西来演示怎么编写一款Vite插件，在插件中开发中学习对原始功用的扩展手法。

05、在实践中学习类型界说、类型掩盖、CSS Modules

解读：从项目中学习类型申明和类型掩盖的方法，为项目引进 CSS Modules 和 惯例的运用方式，实践中得到的一定是印象最深的。

“
2022马上就要完毕，为每一位打榜的作者创立的专属的企微群，因为第一次触摸社区，我准备了一系列的抽奖活动，在本文下谈论【我为小鑫同学打榜】，我将私信的企微群地址，或检查我最新一条沸点参加。”

假如看完觉得有收获，欢迎点赞、谈论、共享支撑一下。你的支撑和必定，是我坚持写作的动力~

最后能够关注我@小鑫同学。欢迎点此扫码加我沟通，共同进步（还能够帮你fix）~

「回顾2022，展望2023，我正在参加2022年终总结征文大赛活动」