# 笔记

**Repository Path**: april-friend-y/note

## Basic Information

- **Project Name**: 笔记
- **Description**: 学习过程中的个人笔记~
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-08-18
- **Last Updated**: 2025-07-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript, 前端, 笔记

## README

# 总结前端学习过程中的笔记

##  引言
   学无止境
##  目录

```
note
├─ OOD
│  ├─ index.js
│  └─ info.md
├─ README.md
├─ Ui
├─ baseAlgorithm
├─ command
│  └─ info.md
├─ computerNetwork
│  ├─ TCPIP四层模型.png
│  └─ 计算机网络.png
├─ dataStructure
│  ├─ info.md
│  ├─ 栈
│  │  └─ Stack.js
│  └─ 队列
│     └─ queue.js
├─ designPatterns
│  ├─ java版本
│  │  ├─ 创建型模式
│  │  │  ├─ 工厂模式.java
│  │  │  └─ 抽象工厂模式.java
│  │  ├─ 策略模式.java
│  │  ├─ 结构型模式
│  │  ├─ 行为型模式
│  │  └─ 观察者模式.java
│  └─ js版本
│     ├─ 单例.js
│     └─ 发布订阅模式.js
├─ git
│  └─ git常用命令总结.md
├─ miniApp
│  ├─ info.md
│  ├─ mpvue
│  │  └─ mpvue分享朋友圈问题.md
│  └─ 小程序生命周期图.png
├─ mysql
│  └─ info.md
├─ node
│  └─ info.md
├─ refactoringPlan
│  └─ info.md
├─ test.html
├─ test.js
└─ web
   ├─ Browser
   │  ├─ ifame标签.md
   │  ├─ image-1.png
   │  ├─ webworker.js
   │  ├─ 前后端通讯
   │  │  ├─ http
   │  │  │  └─ info.md
   │  │  └─ socket
   │  │     ├─ 视频通话_发送端.html
   │  │     └─ 视频通话_接收端.html
   │  ├─ 浏览器渲染原理.md
   │  ├─ 缓存
   │  │  └─ 缓存数据.md
   │  ├─ 跨标签页通讯.js
   │  └─ 跨越解决方案.md
   ├─ Nginx
   ├─ base
   │  ├─ css
   │  │  ├─ css.md
   │  │  ├─ image.png
   │  │  ├─ 动画效果
   │  │  │  ├─ 1.html
   │  │  │  └─ 2.html
   │  │  └─ 选择器.md
   │  ├─ html
   │  │  ├─ flex.md
   │  │  └─ html.md
   │  ├─ info.md
   │  └─ javascript
   │     ├─ Array
   │     │  └─ index.js
   │     ├─ File
   │     │  └─ index.js
   │     ├─ Object
   │     │  └─ index.js
   │     ├─ this指向问题
   │     │  ├─ apply.js
   │     │  ├─ bind.js
   │     │  ├─ call.js
   │     │  └─ this.js
   │     ├─ 事件
   │     ├─ 作用域
   │     ├─ 异步
   │     │  ├─ JS事件循环.md
   │     │  ├─ Promise.js
   │     │  ├─ async.js
   │     │  ├─ image-1.png
   │     │  ├─ image.png
   │     │  └─ setTimeout.js
   │     ├─ 拷贝问题
   │     ├─ 数据类型
   │     │  └─ type.js
   │     ├─ 数组对象
   │     │  └─ all.js
   │     ├─ 网络请求
   │     │  ├─ fetch.js
   │     │  ├─ xhr.js
   │     │  └─ 手写axios.js
   │     ├─ 迭代器
   │     │  ├─ iterator.js
   │     │  └─ yield.js
   │     ├─ 逻辑运算符
   │     │  └─ index.js
   │     ├─ 闭包.js
   │     ├─ 防抖节流.js
   │     └─ 面向对象
   │        └─ 原型链.js
   ├─ react
   ├─ typescript
   ├─ utils
   │  ├─ json扁平化.js
   │  ├─ js数组扁平化.js
   │  ├─ 实现数组去重.js
   │  ├─ 找出数组元素重复最多.js
   │  ├─ 深拷贝.js
   │  └─ 直接复制or浅拷贝.js
   └─ vue
      ├─ diff.vue
      ├─ nextTick.vue
      ├─ router
      │  ├─ router原理及实现.md
      │  ├─ router基础.md
      │  └─ vue哈希路由和历史路由区别详解.md
      ├─ slot
      │  ├─ 作用域插槽.md
      │  ├─ 具名插槽.md
      │  └─ 默认插槽.md
      ├─ vue2
      │  ├─ vue2生命周期.png
      │  └─ watch.vue
      ├─ vue3
      │  ├─ vue3生命周期.png
      │  └─ watch.vue
      ├─ vue父子组件生命周期.md
      ├─ 原理
      │  ├─ vue2_defineProperty实现双向绑定.html
      │  ├─ vue3_proxy实现双向绑定.html
      │  └─ vue实现发布订阅.html
      └─ 样式穿透问题.md

```