瀑布流布局是目前一种比较流行的布局模式。即多行等宽模式，后面的元素一次添加到后面，等宽不登高。
优点：可以有效的降低页面的复杂度，节省很多的空间，在app中瀑布流可以提供很好的用户体验。

水平垂直布局在前端开发中是经常使用到，在水平垂直布局中主要有两种情况，一种是知道元素的宽和高，一种是不知道宽高。

大型网站结构复杂，用户从浏览器发出请求只到数据库完成操作事务，中间需要经历过很多的环节。这些环节都会耗费一定的时间，web前端性能优化要做的就是让各个环节尽可能的用最少的时间达到我们的需求。

less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 less可以运行在 Node 或浏览器端。less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。
对我自己而言less已经用了很久，但是之前没有系统的去学习less，也没有仔细的看看文档，今天写这篇文章主要就是查漏补缺和复习知识点。

在做微信小程序的时候想做一个ui自定义的音频播放组件，如果使用官方给的audio组件是无法实现的，这时候就可以自定义音频播放组件，做成自己想要的样子。

1. 搭建前端react项目

使用create-react-app脚手架搭建项目，并且集成react组件库antd。

一、二叉树相关简介

树是一种非线性的数据结构，以分层的方式存储数据；
树由一组以边连接的节点组成；
树最上面的节点称为根节点；
如果一个节点下面有子节点，则称为父节点；
没有任何子节点的节点称为叶子节点；
二叉树的子节点不超过两个；
一个父节点的两个子节点分别称为左节点和右节点；
二叉查找树：是一种特殊的二叉树，相对较小的值保存在左节点中，较大的值保存在右节点中；

一. 队列

队列只能在队尾插入元素，在对头删除元素。队列是一种先进先出（FIFO，first-in-first-out）的数据结构。

TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。

Generator函数是es6提供的一种异步编程的解决方案，语法行为和传统的函数完全不同。在也语法上可以把Generator函数理解成一个状态机，封装了多个内部状态。