# demo-video-code

**Repository Path**: teikei/demo-video-code

## Basic Information

- **Project Name**: demo-video-code
- **Description**: 公开视频的相关源代码
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-06-17
- **Last Updated**: 2025-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 打赏支持

<div style="display: flex; justify-content: center">
  <table>
    <tr>
      <td align="center">微信</td>
      <td align="center"></td>
      <td align="center">支付宝</td>
    </tr>
    <tr>
      <td style="width: 45%" align="center">
        <img alt="微信打赏" style="width:100px;" src="https://gitee.com/chriswei/demo-video-code/raw/master/resources/images/wepay.jpg"/>
      </td>
      <td style="width: 10%"></td>
      <td style="width: 45%" align="center">
        <img alt="支付宝打赏" style="width:100px;" src="https://gitee.com/chriswei/demo-video-code/raw/master/resources/images/alipay.jpg" />
      </td>
    </tr>
  </table>
</div>


# 联系方式

> 18621569380 (微信)


# 视频集合

- [B站](https://space.bilibili.com/1707816768)


# 代码目录

### 前端（frontend）

| Folder Path | Video Link |
|---|---|
| CSS 基础 HTML CSS | [【CSS 基础】HTML CSS](https://www.bilibili.com/video/BV1um4y1h72B) |
| PWA Progressive Web App | [合集·【PWA】Progressive Web App](https://space.bilibili.com/1707816768/channel/collectiondetail?sid=1007080) |
| React-Query | [合集·【React-Query】](https://space.bilibili.com/1707816768/channel/collectiondetail?sid=2854739) |
| vite-react-misc...7SegDisplay | [【实战练习】模拟7段位数码管显示组件](https://www.bilibili.com/video/BV14Y4y1Z7wg/)|
| vite-react-misc...canvas | [【计算机图形】H5 中的 canvas 画布](https://www.bilibili.com/video/BV1UA411f7UV/)|
| vite-react-misc...canvas-chroma-keying | [【canvas画布】Chroma Keying 去除并替换视频背景](https://www.bilibili.com/video/BV1eD4y1w7kG/)|
| vite-react-misc...DragDrop | [【React】从零实现基于React框架的组件拖拽功能](https://www.bilibili.com/video/BV14t4y1u7Pr/)|
| vite-react-misc...event | [【前端基础】前端 web 页面消息流转机制和处理函数](https://www.bilibili.com/video/BV1R24y1z7Vg/)|
| vite-react-misc...focus | [【前端基础】页面焦点 focus 与 tabindex](https://www.bilibili.com/video/BV1NG4y1D7ce/)|
| vite-react-misc...fetch-abort | [【React】前端网络请求响应的乱序问题及解决办法](https://www.bilibili.com/video/BV1K84y167Zc/)|
| vite-react-misc...FileBlob | [合集·【Web Basic】File & Blob](https://space.bilibili.com/1707816768/channel/collectiondetail?sid=1088783) |
| vite-react-misc...game-blackjack | [【实战练习】棋牌类游戏 Blackjack 21点](https://www.bilibili.com/video/BV13x4y137ss/)|
| vite-react-misc...game-raiden | [【实战练习】游戏 雷电](https://www.bilibili.com/video/BV1ps4y147Bi/)|
| vite-react-misc...game-snake | [【实战练习】游戏贪吃蛇](https://www.bilibili.com/video/BV1uK411k7mB/)|
| vite-react-misc...React-TS | [【React】TS 语法定义组件接口属性](https://www.bilibili.com/video/BV16D4y1V7Zj/)|
| vite-react-misc...sim-calculator | [【React】基于 styled-components 拟物3D按键效果的计算器](https://www.bilibili.com/video/BV1cF411G7tj/)<br/>[【结构与算法】为计算器样式外壳注入程序的灵魂](https://www.bilibili.com/video/BV1VL4y1F7MQ/)|
| vite-react-misc...sim-clock | [【React】使用SVG制作一个模拟时钟](https://www.bilibili.com/video/BV18S4y1Y7Wi/)|
| vite-react-misc...SVG-Animation-Gear | [【React】SVG 利用animationTransform 制作动画效果](https://www.bilibili.com/video/BV1AG41177V6/)|
| vite-react-webapp | [合集·【VITE】前端开发工具](https://space.bilibili.com/1707816768/channel/collectiondetail?sid=2631765)<br/>[【分享】富文本编辑器 poor-editor](https://www.bilibili.com/video/BV1Vr421t7Ea)|
| vite-zustand | [合集·【React 3rd Party】全局状态管理解决方案 - zustan](https://space.bilibili.com/1707816768/channel/collectiondetail?sid=1346138)|
| vite-react-npmlib | [【VITE】构建自己的 react 组件库](https://www.bilibili.com/video/BV16A4m1c75T) |
| wasm-webapp | [【WASM】如何创建一个基于AssemblyScript开发语言的WASM 项目](https://www.bilibili.com/video/BV1Sd4y1L7y1) |
| web-component | [合集·【前端开发框架】Web Components](https://space.bilibili.com/1707816768/channel/collectiondetail?sid=685437) |


### 后端（backend）

| Folder Path | Video Link |
|---|---|
| nestjs-cron-job | [【NestJS】任务调度（Cron Job）](https://www.bilibili.com/video/BV1qs4y1u7ah/) |
| nestjs-file-upload | [【Web 基础】Web开发中的前后端文件上传](https://www.bilibili.com/video/BV1Bv4y1x75T/) |

### 全栈（full-stack）

| nextjs-13 | [合集·【Next.js】](https://space.bilibili.com/1707816768/channel/collectiondetail?sid=1134920) |


### 其他（nodejs）

| Folder Path | Video Link |
|---|---|
| ai-brainjs (TS) | [【AI】基于神经网络的机器学习 JS 库 Brain.JS](https://www.bilibili.com/video/BV1im4y1C7Vg/) |
| decorator | [合集·【架构与设计模式】TS 装饰器](https://space.bilibili.com/1707816768/channel/collectiondetail?sid=838021) |
| logger (JS) | [【NodeJS】细说 console.log 的扩展功能](https://www.bilibili.com/video/BV1Ud4y1y7Tb/) |
| stream (JS-module) | [【NodeJS】Readable & Writable Stream](https://www.bilibili.com/video/BV1zs4y1d7F8/) |
| tag-template (JS) | [【语法】ES中的标签模板字符串](https://www.bilibili.com/video/BV1F24y1m79B/) |


# 第三方资源

### 网站

- [cron job setting | 任务调度间隔配置](https://crontab.guru/)
- [mock data - dummy json | 在线假数据](https://dummyjson.com/)
- [mock data - json server | 本地假数据](https://www.npmjs.com/package/json-server/)
- [mock photos generated by AI | AI生成的照片](https://generated.photos/)



### npmjs 共享库

 - [poor-editor@npmjs](https://www.npmjs.com/package/poor-editor)