Skip to content

Chendi Wu

Main Navigation Home Notes Bullshit

GitHub

AI - Model

CCTTS (Text to Speech)

Appearance

Sidebar Navigation

📖 Foreword

Outline

FE-Cookbook

Standards

Coding

Git

FE-Workflow

🖥️ Frontend Foundation

HTML

HTML Meta

CSS

JavaScript

meat viewport

FLEX

SASS

🖥️ JavaScript

JavaScript Essentials

Common RegEx

Code Snippets

Script Retry Mechanism

fetch.js

min-vuex.js

useFunction

utils

WebSocket Class Wrapper

ES6 Study Notes

ES6 Array Tips and Tricks

Bitwise Operators

Garbage Collection Mechanics

ECMAScript2015(ES6)

let & const

解构赋值

正则扩展

字符串扩展

数组扩展

数值扩展

函数扩展

对象扩展

Symbol

数据结构

Proxy & Reflect

类与继承

Promise

Iterator & for...of

Generator

Decorator

模块化

ECMAScript2016(ES7)

Array.prototype.includes

幂运算符**

ECMAScript2017(ES8)

Async/Await

Object快速遍历

String补白

Object描述符

ECMAScript2018(ES9)

For await of

Promise-finally

Object Rest Spread

正则

ECMAScript2019(ES10)

Object.fromEntries()

trimStart/trimEnd

flat/flatMap

Function

可选的Catch Binding

JSON.stringify

Symbol.description

ECMAScript2020(ES11)

matchAll

import()

BigInt

Promise.allSettled()

globalThis

可选链

空值合并运算符

ECMAScript2021(ES12)

String.prototype.replaceAll

Promise.any

逻辑操作符和赋值表达式

数值分隔符

WeakRefs

ECMAScript2022(ES13)

Class

RegExp Match Indices

Top-level await

at()

Accessible Object.prototype.hasOwnProperty

Error

ECMAScript2023(ES14)

ECMAScript2024(ES15)

🖥️ TypeScript

基本数据类型

枚举类型

对象类型接口

函数类型接口

函数

class

泛型

类型检查机制

交叉-联合类型

索引-映射-条件类型

interface

踩坑记录

🖥️ Node.js

模块路径解析流程

Koa

resource-coding

测试coding

file-test

express-test

stream-test

mqtt-test

Examples

MySQL

Redis

🧱 Design Patterns

前言

创建型模式

工厂模式

单例模式

结构型模式

适配器模式

装饰器模式

代理模式

外观模式

行为型模式

策略模式

观察者模式

发布订阅模式

📊 Data Structures & Algorithms

复杂度分析

排序

栈

队列

链表

树

哈希表

字典

LeetCode

💬 Interview

前言

页面布局

CSS类

DOM事件

HTTP协议类

原型链

数据结构与GC

面向对象

通信类

安全类

算法类

渲染机制

JS运行机制

页面性能类

异常与监控

虚拟DOM（Virtual DOM）和 diff

面试题目总结

🧩 Frameworks and Libraries

Vue

vue学习记录

模版编译

vue-jsx|tsx

生产环境调试vue devtools

在 vue 中使用 typescript

🗒 项目接口请求封装

开发记录-小技巧

React

react学习记录

Hooks

indexjs

小程序

Accumulation

🗒 封装请求

小程序canvas生成海报

Serverless

WebAssembly

GraphQL

Learn GraphQL

Jest

Jest学习记录

🕳️ Pitfalls

开发时踩坑记录

构建内存溢出

构建内存泄漏问题处理

🔧 Engineering Practices

前言

组件的设计

版本管理

运维知识

Vagrant

Linux

install node

常用

Jenkins

start

Docker

命令与学习笔记

docker-compose

docker-gitlab

实战练习

Nginx

start

PM2

HTTP

常见状态码

HTTP协议

私服搭建

Verdaccio

Nexus

StoryBook

Dumi

Monorepo

Lerna

监控

sentry

私有化部署

项目接入与问题记录

监控原理

腾讯云-前端性能监控

🏗️ Architecture

前端架构

Micro Frontend

前言

qiankun-使用案例

低代码

lowcode-engine

组件转物料

vue

🎶 FE Audio & Video

AV API

WebRTC

H5直播

工具函数

🛠️ Building Tools

Webpack

学习总结

webpack概念及初始化项目

Loader

test

Gulp

Vite

前言

Vite 创建项目

🖥️ Web3

智能合约

solidity

DApp

example

🖥️ Java

基础

前言

🖥️ C

前言

基础

Fibonacci数列的前20项

n个数的平均值

sizeof运算符

值传递

反序输出9～0

四位数组成三位数

地址传递

对1到n的阶乘求和

把字符转换成大写字母

排列

结构体数组的引用

数据结构

初始化栈，进栈，出栈，判断栈是否为空

栈与队列

单链表--删除运算

单链表--插入运算

单链表--节点查找

单链表--输出单链表

双向循环链表

员工通讯录管理

建立带表头节点的单链表

循环链表结构

线性表引用举例--合并链表

顺序表

🌐 Cross platform

RN

Taro

uni-app

Flutter

📂 Database

Redis

Redis-blog

MySQL

MySQL-blog

MySQL踩坑

MongoDB

MongoDB-blog

NoSQL

🛠️ Tools and Debugging

开发环境

Windows

Mac

VSCode

Chrome

Jetbrains

终端配置

Git Bash

包管理

Node 包管理工具与源切换

调试工具

Chrome 调试

Console 调试

移动端调试

微信生态调试

桌面版微信内置浏览器调试

微信内置浏览器缓存清理

实用工具

日常开发工具

开发小技巧

GitHub 实用技巧

开发套件

🤖 AI

Designation

Prompts

code

language

email

article

Grok3

Application

KnowledgeCard

On this page

WebRTC

git: https://github.com/WuChenDi/webrtc-examples.git
online: https://webrtc-wudi.vercel.app/

Edit this page on GitHub

Last updated:

Pager

Previous pageAV API

Next pageH5直播

WebRTC ​

WebRTC