Project🏑TurboMac 项目该项目主要是一个仿 Mac 的系统,全部使用的 TypeScript 书写,使用 了一些前端的新技术,实现的功能包括顶部状态栏,App 的使用,如 Terminal、 TurboChat 等其他应用 TypeScript NodeJS NestJS React ORM Next Docker
Web🕓图片懒加载 — IntersectionObserver• 当页面滚动时,懒加载图片或其他内容。 • 实现“可无限滚动”网站,也就是当用户滚动网页时直接加载更多内容,无需翻页。 • 对某些元素进行埋点曝光 • 滚动到相应区域来执行相应动画或其他任务。 Tools IntersectionObserver
Web🩺WebRTC 实时音视频 1v1• 学会如何制作 https 的自签名证书 • 学会使用 socket.io 来实现客户端与信令服务器的通信 • 了解并实现一个 WebRTC + 信令服务器自动建立连接的音视频实时通话 NodeJS WebRTC
Web⚾手写 p-limit —— 实现并发控制p-limit 用于实现并发控制,限制同时进行的异步操作数量。通常用于处理前端代码中的异步逻辑,可以控制并发的数量,避免一次性进行太多的异步操作导致性能问题。 JavaScript
DevOps🧩Docker 基本使用第一优势:跨平台,由于 Docker 的镜像能够提供除了系统内核之外完成的运行环境,所以能在任何系统中都能提供一致的运行环境,这样就不需要考虑不同系统中间兼容性的问题,也就不存在虚拟机在各系统中间的配置不同的情况。 第二优势:就是借助于跨平台的特性,Docker 可以将很多配置复杂的服务端中间件打包成基础镜像提供给开发使用。这样无疑能够大大降低配置成本,开发只需要知道常规的 Docker 相关的命令或者直接运行提供的容器编排脚本就可以搭建出需要使用的服务端环境。同时公共的镜像仓库上已经有很多这种基础镜像,例如 Mysql、Redis、Node 等等,按需提取即可。 第三优势:这点对于运维同学比较好操作,Docker 能提供快速迁移以及配合 k8s,能够快速的伸缩副本,减少运维的工作成本与负担。 Docker
Web🚤NestJS 学习 —— 微服务 Microservice依赖项注入、装饰器、异常过滤器、管道、保护和拦截器,都同样适用于微服务。Nest 会尽可能地抽象化实现细节,以便相同的组件可以跨基于 HTTP 的平台,WebSocket 和微服务运行。本节特别讨论 Nest 的微服务方面。 在 Nest 中,微服务基本上是一个使用与 HTTP 不同的传输层的应用程序。 NestJS
Web⛸️NestJS 学习 —— 网关 Gateway本文档中其他地方讨论的大多数概念,如依赖注入、装饰器、异常过滤器、管道、守卫和拦截器,都同样适用于网关。只要有可能,Nest将抽象实现细节,以便相同的组件可以跨基于 http 的平台、WebSockets 和微服务运行。本节将介绍 WebSockets 在 Nest 中的应用。 NestJS