├── CSS
├── BFC.md
├── 三列布局.md
├── 两列布局.md
├── 水平垂直居中.md
└── 盒模型.md
├── JAVASCRIPT
├── 0.1+0.2===0.3返回false.md
├── EventLoop.md
├── call、apply、bind.md
├── defer与async的区别.md
├── js中的数据类型.md
├── new操作符.md
├── this指向.md
├── var、let、const的区别.md
├── 事件、事件委托.md
├── 内存泄露、垃圾回收机制.md
├── 函数柯里化.md
├── 原型与原型链.md
├── 手写EventEmitter.md
├── 手写ajax.md
├── 手写instanceof.md
├── 手写promise.md
├── 手写promiseApi.md
├── 执行上下文和执行栈.md
├── 数组去重扁平.md
├── 普通函数与箭头函数的区别.md
├── 浅拷贝深拷贝.md
├── 继承.md
├── 闭包.md
└── 防抖节流.md
├── OTHER
├── module.png
├── 前端安全.md
├── 性能优化.md
├── 模块化.md
├── 浏览器兼容.md
└── 跨域.md
├── README.md
├── blog
└── iconfont-auto-import.md
├── 剑指offer
├── 01 二维数组中查找.js
├── 02 替换空格.js
└── README.md
├── 操作系统
├── 1.png
├── 处理死锁的方法.md
├── 死锁的产生.md
└── 进程与线程的区别.md
├── 数据结构与算法
├── 二分查找.md
├── 冒泡排序.md
├── 归并排序.md
├── 快速排序.md
├── 插入排序.md
├── 数组与链表区别和优缺点.md
├── 计数排序.md
├── 选择排序.md
└── 随机算法.md
├── 网络协议
├── GEI和POST有什么区别.md
├── HTTP与HTTPS的区别及实现方式.md
├── HTTP版本.md
├── HTTP状态码.md
├── HTTP缓存.md
├── OSI模型TCPIP模型.md
├── TCP三次握手和四次挥手机制以及原因.md
├── TCP和UDP有什么区别.md
├── TCP如何保证可靠性.md
├── TCP拥塞控制.md
├── TCP流量控制.md
└── 流量控制和拥塞控制的区别.md
├── 设计模式
├── 单例模式.md
└── 策略模式.md
└── 读书笔记：HTTP图解
├── 01 了解web及网络基础.md
└── img
├── 1.3.3.png
├── 1.4.1.png
├── 1.4.2.png
├── 1.5.png
└── 1.6.png
/CSS/BFC.md:
--------------------------------------------------------------------------------
1 | # BFC
2 |
3 | 1. 什么是BFC?
4 | - BFC(Block Formatting Context) "块级格式化上下文"
5 | - BFC是一个独立渲染区域，它丝毫不会影响到外部元素
6 | 2. 如何触发BFC？
7 | - float的值不为none
8 | - overflow的值不为visible
9 | - display的值为table-cell、table-caption和inline-block还有inlie-flex之一
10 | - position的值不为static或者relative中的任何一个
11 | 3. BFC的应用?
12 | - 两列布局：固定块float，自适应块
13 | - 解决方法：给另一个非浮动元素生成BFC（overflow:hidden;）
14 | - 解决块级元素垂直方向的边距重叠问题
15 | - 给其中一个元素外包裹一层容器，并触发该容器的BFC（overflow:hidden;）
16 | - 清除浮动
17 | - 当子元素浮动，元素脱标，不能撑开父元素，给父元素添加BFC（overflow:hidden;）
--------------------------------------------------------------------------------
/CSS/三列布局.md:
--------------------------------------------------------------------------------
1 | # 三列布局
2 | 1. 圣杯布局
3 | ```html
4 |
35 |
36 |
37 |
#main
38 |
#left
39 |
#right
40 |
76 |
79 |
#left
80 |
#right
81 |
left
21 | right
22 | ```
--------------------------------------------------------------------------------
/CSS/水平垂直居中.md:
--------------------------------------------------------------------------------
1 | ```html
2 | 水平垂直居中
3 | 1 单行文字水平垂直居中
4 |
11 |
12 |
13 | 单行文字水平垂直居中
14 |
15 | 2 未知宽高元素水平垂直居中
16 |
30 |
31 |
32 | 未知宽高水平垂直居中
33 |
34 | 3 margin: auto实现绝对定位元素的居中
35 |
54 |
55 |
56 |
57 |
58 | 4 弹性布局
59 |
60 |
74 |
75 |
76 |
77 |
flex弹性布局
78 |
flex弹性布局
79 |