# blog

**Repository Path**: dlln/blog

## Basic Information

- **Project Name**: blog
- **Description**: Life is a moment :notebook_with_decorative_cover:
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-24
- **Last Updated**: 2024-11-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
  <a href="http://muyunyun.cn/blog"><img src="http://with.muyunyun.cn/ec330b8ac2175c828be41f446f9f9619.jpg" /></a>
</div>

![GitHub views](https://raw.githubusercontent.com/MuYunyun/blog/traffic/traffic-blog/views.svg)

This is my persinal blog created with <a href="https://github.com/MuYunyun/create-react-doc" target="_blank">create-react-doc</a> where to write and record some thought daily. If you like it, welcome watch or star✨.

- [Data Structure](#data-structure)
- [Design Pattern](#design-pattern)
- [React Series](#react-series)
  - [Deep Into React](#deep-into-react)
  - [Component Design](#component-design)
  - [React Stack](#react-stack)
  - [Build React from scratch](#build-react-from-scratch)
  - [Modern Testing](#modern-testing)
- [FE Cloud](#fe-cloud)
  - [JavaScript](#javascript)
  - [CSS](#css)
  - [TypeScript](#typescript)
  - [Node.js](#nodejs)
  - [FE CLOUD](#fe-cloud-1)
  - [Project Framework](#project-framework)

### Data Structure

This section we will start tralvel in the world of data strcture together! It's worth nothing the travel is so interestring that you'll enjoy it too!

> [Travel Of LeetCode](https://github.com/MuYunyun/blog/blob/master/LeetCode/README.md)

* [Stack](https://github.com/MuYunyun/blog/blob/master/Algorithm/data_structure/stack.md)
* [Queue](https://github.com/MuYunyun/blog/blob/master/Algorithm/data_structure/queue.md)
* [List](https://github.com/MuYunyun/blog/blob/master/Algorithm/data_structure/list.md)
* [Set](https://github.com/MuYunyun/blog/blob/master/Algorithm/data_structure/set.md)
* [Dictionary](https://github.com/MuYunyun/blog/blob/master/Algorithm/data_structure/.md)
* [Hash Table](https://github.com/MuYunyun/blog/blob/master/Algorithm/data_structure/hash_table.md)
* [Binary Tree](https://github.com/MuYunyun/blog/blob/master/Algorithm/data_structure/binary_tree.md)
* [Graph](https://github.com/MuYunyun/blog/blob/master/Algorithm/data_structure/graph.md)

<details>
  <summary>algorithm</summary>

* [Algorithm And Complexy](https://github.com/MuYunyun/blog/blob/master/Algorithm/algorithm/complexy.md)
* [Recursive](https://github.com/MuYunyun/blog/blob/master/Algorithm/algorithm/recursive.md)
* [Binary Search](https://github.com/MuYunyun/blog/blob/master/Algorithm/algorithm/binary_search.md)
* [Greedy Algorithm](https://github.com/MuYunyun/blog/blob/master/Algorithm/algorithm/greedy.md)
* [Dynamic Programming](https://github.com/MuYunyun/blog/blob/master/Algorithm/algorithm/dynamic_programming.md)

**Sort Algorithm**

* [Selection Sort](https://github.com/MuYunyun/blog/blob/master/Algorithm/algorithm/sort/selection_sort.md)
* [Quick Sort](https://github.com/MuYunyun/blog/blob/master/Algorithm/algorithm/sort/quick_sort.md)
* [Merge Sort](https://github.com/MuYunyun/blog/blob/master/Algorithm/algorithm/sort/merge_sort.md)
* [Heap Sort](https://github.com/MuYunyun/blog/blob/master/Algorithm/algorithm/sort/heap_sort.md)

算法是一种思想! 以排序算法为例, 最常见的是在数组中使用排序算法, 但是相同的思想也能用于数组对象, 甚至链表中, 比如链表中实现排序的两道题。

1. [147.Insertion Sort List](https://github.com/MuYunyun/blog/blob/master/BasicSkill/LeetCode/147.Insertion_Sort_List/README.md): insert sort in list;
2. [148.Sort List](https://github.com/MuYunyun/blog/blob/master/BasicSkill/LeetCode/148.Sort_List/README.md): merge sort in list;

</details>

### Design Pattern

* [Singleton Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/单例模式.md)
* [Stralegy Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/策略模式.md)
* [Proxy Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/代理模式.md)
* [Iterator Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/迭代器模式.md)
* [Publish/Subscribe Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/发布订阅模式.md)
* [Command Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/命令模式.md)
* [Composite Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/组合模式.md)
* [Template Method Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/模板方法模式.md)
* [Flyweight Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/享元模式.md)
* [Chain of Responsibility Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/职责链模式.md)
* [Mediator Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/中介者模式.md)
* [Decorator Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/装饰者模式.md)
* [State Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/状态模式.md)
* [Adapter Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/适配者模式.md)
* [Observer Pattern](https://github.com/MuYunyun/blog/blob/master/BasicSkill/设计模式/观察者模式.md)

### React Series

This section will introduce the world of React progressively. It'll tell the principle of React, how to design React Component gracefully and how to build a simple React from scratch.

#### Deep Into React

* [React16.x 特性剪辑](https://github.com/MuYunyun/blog/blob/master/React/React16.x特性剪辑.md)
* [Fiber 数据结构](https://github.com/MuYunyun/blog/blob/master/React/Fiber数据结构.md)
* [深入 Fiber 架构](https://github.com/MuYunyun/blog/blob/master/React/深入Fiber架构.md)
* [流畅性](https://github.com/MuYunyun/blog/blob/master/React/流畅性.md)
* [Schedule](https://github.com/MuYunyun/blog/blob/master/React/schedule.md)
* [你不知道的 requestIdleCallback](https://github.com/MuYunyun/blog/blob/master/React/你不知道的requestIdleCallback.md)
* [React Suspense 解决了什么](https://github.com/MuYunyun/blog/blob/master/React/suspense解决了什么.md)
* [React Hooks 深入系列](https://github.com/MuYunyun/blog/blob/master/React/React_Hooks深入系列.md)
* [React Hooks 设计模式](https://github.com/MuYunyun/blog/blob/master/React/React_Hooks设计模式.md)

- [ ] [React 暗器百解](https://github.com/MuYunyun/blog/blob/master/React/React暗器百解.md)

#### Component Design

* [重新认识受控与非受控组件](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/重新认识受控与非受控组件.md)

- [ ] [Build Mobile First Animation In React](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/build_mobile_first_animation.md)

<details>
  <summary>More</summary>

* [Button](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/Button.md)
* [Icon](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/Icon.md)
* [Menu](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/Menu.md)
* [Keyboard](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/Keyboard.md)
* [Carousel](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/swipe.md)
* [Tabs](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/Tabs.md)
* [Affix](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/Affix.md)
* [AddressPicker](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/AddressPicker.md)
* [CheckBox](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/CheckBox.md)
* [Form](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/Form.md), [oneForm](https://github.com/MuYunyun/oneForm/issues/1)
* [SearchBar](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/SearchBar.md)
* [Modal](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/modal.md)
* [TextArea](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/TextArea.md)
* [主题色替换方案](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/主题色替换方案.md)
* [移动端组件测试指北](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/移动端组件测试指北.md)

- [ ] [组件设计实践](https://github.com/MuYunyun/blog/blob/master/React/Component_Design/组件开发实践.md)

</details>

#### React Stack

* [Redux 与 Mobx 适用场景](https://github.com/MuYunyun/blog/blob/master/React/相关技术栈/Redux与Mobx适用场景.md)
* [MVVM 框架解析之双向绑定](https://github.com/MuYunyun/fe_cloud/issues/11) <sub>[(相关项目)](https://github.com/MuYunyun/mvvm)
* [探索从 MVC 到 MVVM + Flux 架构模式的转变](https://github.com/MuYunyun/blog/issues/14)<sub>[(相关项目)](https://github.com/MuYunyun/stateManage)
* [redux middleware 源码分析](https://github.com/MuYunyun/blog/issues/15)
* [在 React 使用 immutable 数据的优势](https://github.com/MuYunyun/blog/blob/master/React/在react使用immutable数据的优势.md)
* [路由的简易实现](https://github.com/MuYunyun/blog/blob/master/React/router的简易实现.md)
* [React 在服务端渲染的实现](https://github.com/MuYunyun/blog/issues/4)
* [定制自己的 react-script](https://github.com/MuYunyun/blog/blob/master/React/定制自己的react-script.md)
* [使用 React 全家桶搭建一个后台管理系统](https://github.com/MuYunyun/blog/issues/3)
<sub>[(相关项目)](https://github.com/MuYunyun/reactSPA)

#### Build React from scratch

* [前置准备](https://github.com/MuYunyun/blog/blob/master/React/从0到1实现React/0.前置准备.md)
* [JSX 和 Virtual DOM](https://github.com/MuYunyun/blog/blob/master/React/从0到1实现React/1.JSX和虚拟DOM.md)
* [组件 和 state|props](https://github.com/MuYunyun/blog/blob/master/React/从0到1实现React/2.2.组件和state与props.md)
* [生命周期](https://github.com/MuYunyun/blog/blob/master/React/从0到1实现React/3.生命周期.md)
* [diff 算法](https://github.com/MuYunyun/blog/blob/master/React/从0到1实现React/4.diff算法.md)
* [setState 优化](https://github.com/MuYunyun/blog/blob/master/React/从0到1实现React/5.setState.md)
* [ref 的实现](https://github.com/MuYunyun/blog/blob/master/React/从0到1实现React/6.ref.md)
* [PureComponent 的实现](https://github.com/MuYunyun/blog/blob/master/React/从0到1实现React/7.PureComponent.md)
* [HOC 探索](https://github.com/MuYunyun/blog/blob/master/React/从0到1实现React/8.HOC探索.md)
* [onChange 事件以及受控组件](https://github.com/MuYunyun/blog/blob/master/React/从0到1实现React/9.onChange事件以及受控组件.md)

#### Modern Testing

* [React 现代化测试](https://github.com/MuYunyun/blog/blob/master/React/测试/React现代化测试.md)
* [Jest 与 react-testing-Library](https://github.com/MuYunyun/blog/blob/master/React/测试/Jest与ReactTestingLibrary.md)

### FE Cloud

#### JavaScript

* [你不知道的 JavaScript](https://github.com/MuYunyun/blog/issues/2)
* [红皮书里的细节](https://github.com/MuYunyun/blog/blob/master/BasicSkill/basis/二刷高程.md)
* [探寻 JavaScript 精度问题](https://github.com/MuYunyun/blog/blob/master/BasicSkill/basis/探寻JavaScript精度问题.md)
* [函数式编程入门](https://github.com/MuYunyun/blog/blob/master/BasicSkill/编程范式/函数式编程入门.md)
* [Decorator](https://github.com/MuYunyun/blog/blob/master/BasicSkill/readES6/装饰器.md)
* [Promise](https://github.com/MuYunyun/blog/blob/master/BasicSkill/readES6/Promise.md)<sub>[(相关项目)](https://github.com/MuYunyun/repromise)
* [Generator](https://github.com/MuYunyun/blog/blob/master/BasicSkill/readES6/Generator.md)
* [Async](https://github.com/MuYunyun/blog/blob/master/BasicSkill/readES6/Async.md)
* [CommonJS 模块与 ES6 模块间的差异](https://github.com/MuYunyun/blog/blob/master/BasicSkill/readES6/模块.md)
* [ES6 继承与 ES5 继承的差异](https://github.com/MuYunyun/blog/blob/master/BasicSkill/readES6/继承.md)
* [扩展运算符](https://github.com/MuYunyun/blog/blob/master/BasicSkill/readES6/扩展运算符.md)
* [箭头函数](https://github.com/MuYunyun/blog/blob/master/BasicSkill/readES6/箭头函数.md)
* [Reflect](https://github.com/MuYunyun/blog/blob/master/BasicSkill/readES6/Reflect.md)

- [ ] [重构笔记](https://github.com/MuYunyun/blog/blob/master/BasicSkill/效率篇/重构改善既有代码的设计.md)

#### CSS

* [INHERITED AND NON-INHERITED](https://github.com/MuYunyun/blog/blob/master/BasicSkill/css/INHERITED_AND_NON-INHERITED.md)

<details>
  <summary>more</summary>

* [水平布局解决方案](https://github.com/MuYunyun/blog/blob/master/BasicSkill/basis/水平布局解决方案.md)
* [聊聊 BFC](https://github.com/MuYunyun/blog/blob/master/BasicSkill/css/聊聊BFC.md)

- [ ] [过渡与动画](https://github.com/MuYunyun/blog/blob/master/BasicSkill/css/css小书/过渡与动画.md)

</details>

#### TypeScript

* [TypeScript 基础篇](https://github.com/MuYunyun/blog/blob/master/BasicSkill/typescript/TypeScript基础篇.md)
* [工具类型](https://github.com/MuYunyun/blog/blob/master/BasicSkill/typescript/Utility_Types.md)

#### Node.js

* [简版 express.js 的实现](https://github.com/MuYunyun/blog/blob/master/BasicSkill/node/%E7%AE%80%E7%89%88%20express.js%20%E7%9A%84%E5%AE%9E%E7%8E%B0.md)
* [简版 koa.js 的实现](https://github.com/MuYunyun/blog/blob/master/BasicSkill/node/%E7%AE%80%E7%89%88%20koa%20%E7%9A%84%E5%AE%9E%E7%8E%B0.md)
* [Node.js 异步异闻录](https://github.com/MuYunyun/blog/issues/7)
<sub>[(相关项目)](https://github.com/MuYunyun/demos-of-node.js)
* [用 Node.js 把玩一番 Alfred Workflow](https://github.com/MuYunyun/blog/issues/6) <sub>[(相关项目)](https://github.com/MuYunyun/commonSearch)

#### FE CLOUD

* [Talk about TC39](https://github.com/MuYunyun/blog/blob/master/BasicSkill/fe_cloud/tc39.md)
* [跨域二三事](https://github.com/MuYunyun/blog/issues/13)<sub>[(相关项目)](https://github.com/MuYunyun/cross-domain)
* [HTTP 小册](https://github.com/MuYunyun/blog/blob/master/BasicSkill/http/http.md)
* [HTML5 精粹](https://github.com/MuYunyun/blog/blob/master/BasicSkill/basis/HTML5精粹.md)
<sub>[(相关项目)](https://github.com/MuYunyun/TypeScript)
* [探寻 webpack 插件机制](https://github.com/MuYunyun/blog/blob/master/BasicSkill/fe_cloud/探寻webpack插件机制.md)<sub>[(相关项目)](https://github.com/MuYunyun/analyze-webpack-plugin)
* [Babel 执行机制](https://github.com/MuYunyun/blog/blob/master/BasicSkill/fe_cloud/babel执行机制.md)
* [npm 与 yarn](https://github.com/MuYunyun/blog/blob/master/BasicSkill/fe_cloud/npm和yarn的区别.md)
* [移动端场景知识](https://github.com/MuYunyun/blog/blob/master/BasicSkill/basis/移动端场景知识.md)
* [原生 JS 实现一个瀑布流插件](https://github.com/MuYunyun/fe_cloud/issues/12) <sub>[(相关项目)](https://github.com/MuYunyun/waterfall)
* [实现一个自定义工具类库](https://github.com/MuYunyun/blog/issues/9) <sub>[(相关项目)](https://github.com/MuYunyun/diana)
* [走近 Python](https://github.com/MuYunyun/blog/issues/8)

> Now I'm writing File is just Blog.

#### Project Framework

* [CAS 登入流程](https://github.com/MuYunyun/blog/blob/master/BasicSkill/project_framework/CAS登入流程.md)
* [RPC 在网关项目中的实践](https://github.com/MuYunyun/blog/blob/master/BasicSkill/project_framework/RPC在点我达网关的实践一.md)
* [解读 IoC 框架 —— InversifyJS](https://github.com/MuYunyun/blog/blob/master/BasicSkill/project_framework/解读IoC框架InversifyJS.md)

> It's very thankful to point any wrong place from these articles [there](https://github.com/MuYunyun/blog/issues/new) as well. The Articles licensed under [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0/deed.en) Agreement.