Web🕓图片懒加载 — IntersectionObserver• 当页面滚动时，懒加载图片或其他内容。 • 实现“可无限滚动”网站，也就是当用户滚动网页时直接加载更多内容，无需翻页。 • 对某些元素进行埋点曝光 • 滚动到相应区域来执行相应动画或其他任务。 Tools IntersectionObserver
Web🩺WebRTC 实时音视频 1v1• 学会如何制作 https 的自签名证书 • 学会使用 socket.io 来实现客户端与信令服务器的通信 • 了解并实现一个 WebRTC + 信令服务器自动建立连接的音视频实时通话 NodeJS WebRTC
Web⚾手写 p-limit —— 实现并发控制p-limit 用于实现并发控制，限制同时进行的异步操作数量。通常用于处理前端代码中的异步逻辑，可以控制并发的数量，避免一次性进行太多的异步操作导致性能问题。 JavaScript
Web🚤NestJS 学习 —— 微服务 Microservice依赖项注入、装饰器、异常过滤器、管道、保护和拦截器，都同样适用于微服务。Nest 会尽可能地抽象化实现细节，以便相同的组件可以跨基于 HTTP 的平台，WebSocket 和微服务运行。本节特别讨论 Nest 的微服务方面。 在 Nest 中，微服务基本上是一个使用与 HTTP 不同的传输层的应用程序。 NestJS
Web⛸️NestJS 学习 —— 网关 Gateway本文档中其他地方讨论的大多数概念，如依赖注入、装饰器、异常过滤器、管道、守卫和拦截器，都同样适用于网关。只要有可能，Nest将抽象实现细节，以便相同的组件可以跨基于 http 的平台、WebSockets 和微服务运行。本节将介绍 WebSockets 在 Nest 中的应用。 NestJS
Web⚾NestJS 学习 —— 基本概念了解Nest的基本概念 - Controller - Provider - Module - Middleware - Exception & Filter - Pipe - Guard - Intercept NestJS
Web🌘NestJS 学习 —— 入门Nest (NestJS) 是一个用于构建高效、可扩展的 Node.js 服务器端应用程序的开发框架。它利用JavaScript 的渐进增强的能力，使用并完全支持 TypeScript （仍然允许开发者使用纯 JavaScript 进行开发），并结合了 OOP （面向对象编程）、FP （函数式编程）和 FRP （函数响应式编程）。 在底层，Nest 构建在强大的 HTTP 服务器框架上，例如 Express （默认），并且还可以通过配置从而使用 Fastify ！ Nest 在这些常见的 Node.js 框架 (Express/Fastify) 之上提高了一个抽象级别，但仍然向开发者直接暴露了底层框架的 API。这使得开发者可以自由地使用适用于底层平台的无数的第三方模块。 NestJS
Web🎛️NestJS 学习 —— IoC & TS装饰器基于装饰器我们能够快速优雅的复用逻辑，提供注释一般的解释说明效果，以及对业务代码进行能力增强。 IoC的全称为 Inversion of Control，意为控制反转，它是OOP中的一种原则（虽然不在n大设计模式中，但实际上IoC也属于一种设计模式），它可以很好的解耦代码。 NestJS TypeScript
Web🥇NextAuthNextAuth.js 是 Next.js 应用程序的完整开源身份验证解决方案，专门为 Next.js 设计，NextAuth 的特点： 1. 灵活且易于使用，支持 OAuth1.0 OAuth2.0 和 OpenId 链接； 2. 灵活数据管理，可以不使用数据库，也可以选择使用 MySQL, MariaDB, Postgres, SQL Server, MongoDB 以及 SQLite。 3. 默认安全，默认 Cookie 机制，可开启 JSON Web Token； 4. NextAuth 推进无密码的登录机制 5. 支持 serverless 部署 Next
Web🥌tRPC & ZodtRPC 是一个基于 TypeScript 的远程过程调用框架，旨在简化客户端与服务端之间的通信过程，并提供高效的类型安全。它允许您使用类似本地函数调用的方式来调用远程函数，同时自动处理序列化和反序列化、错误处理和通信协议等底层细节。 Zod 是一个以 TypeScript 为首的模式声明和验证库 ，弥补了 TypeScript 无法在运行时进行校验的问题 TypeScript Next NodeJS
