CSS 布局套路 (一)
看完这篇博客，你将了解
- 如何做出文字环绕图片效果
- margin 合并现象与取消合并办法
- position: absolute 会影响 display 为 block
- 元素的水平居中套路
- 元素的垂直居中套路
- 学会使用
CSS 布局套路 (二)
看完这篇博客，你将了解
- line-height 基础
- $nbsp
- 如何实现文本两端对齐
- 如何让单词换行
- 如何让溢出的文本用省略号表示
- 如何让文字垂直居中
- 如何查找字体，引入字体
- 如何隐藏垂
不听话的 z-index? 堆叠上下文了解一下
#### 首先了解堆叠顺序
可以看出，从下往上。首先以 z-index 为准，顺序是
z:负 < z
动态 REM
这篇博客，将为你解决以下疑惑
- 动态 rem 是什么
- 动态 rem 什么用
- 动态 rem 怎么用
- 如何把一个 px 固定的页面用 rem 转换成弹性页面
- 其他相关知识
---
### 动态 rem
负 margin 的用途
> 看完这篇博客，你将了解
>
> 1. 负 margin 解决元素溢出的套路
> 2. 负 margin 以及修复 flex 的 space-between 套路
### 负 margin 解决元素溢出
就是在**元素与
一个好看的图片上传器与带提示的搜索框
看完这篇博客，你将了解：
- 如何做一个好看的图片上传器
- 如何做一个带提示的搜索框
---
### 要点总结
1. **图片上传器就是把遮罩和上传按钮盖在图片上面**
2. **提示框就是一个浮层**
JS 函数与柯里化
看完这篇博客，你将了解
- JS 函数的 this, arguments 是什么
- JS 函数的 call, apply, bind 方法
- 柯里化是什么？
- 柯里化函数的套路
---
### this & a
节流与防抖
看完这篇博客，你将了解
- 什么是节流，什么是防抖
- 节流与防抖的应用场景
- 节流的代码实现
- 防抖的代码实现
---
### 概念
节流（throttle）
防抖（debounce）
节流和
JavaScript 注释规范，文件名规范
看完这篇博客，你将了解
- 函数注释规范
- 模块注释规范
- 两个常用注释( TODO, FIXME)
- 文件/资源命名规范
---
### 函数注释
```javascript
/* 方法说明
*
js 模块化与 MVC 套路
看完这篇文章，你将了解
- 前端代码模块化套路
- 前端代码 MVC 化套路
- 其他知识
> 注：两者都是组织代码的套路，可以先模块化，然后在每个模块内使用 MVC
------
#### 模块化
cookie 详解
#### Cookie 特点
1. 服务器通过 Set-Cookie 响应头设置 Cookie
2. 浏览器得到 Cookie 之后，每次请求都带上 Cookie
3. 服务器读取 Cookie 就知道客户端用户的信息
详解 this
这篇文章主要总结了 javascript 各种情形中，怎么分析 this 的值是什么，以及如何改变它的几条经验
---
#### this 的值是什么？
1. this 是 call 的第一个参数，call 的第一
在登录注册中使用 Cookie 和 Session
#### 准备知识
1. 无论 Cookie 还是 Session 的**相关代码，都是在后台完成**的，前端不用做
2. Cookie 是什么
见 [Cookie 详解](http://www.simenchan.
自己写一个 jQuery api
#### jQuery api 的本质
**jQuery 本质是接受一个节点返回一个对象，一个对该节点各种操作方法组成的对象**
如下：
```javascript
let $div = $('div') // 形
Cache-Control 缓存控制详解
### Cache-Control 简单应用
- 介绍
Cache-Control 就是缓存控制。
> 为提高网页访问速度，我们命令浏览器将请求到的一些资源缓存下来（保存到本地）
> 下次再**请求相同资源时，不走服
Cookie, Session, localStorage, sessionStorage 是什么鬼
#### 本质
1. Cookie 是服务器一个响应头，浏览器一个请求头
2. Session 是一个值为随机数的 Cookie
3. localStorage 是浏览器永久储存的一个哈希
4. sessionStorage 是
icon 全解
前端小问题：如何在 1 和 2 中间打两个空格？
如果直接 1 2，显示的是 1 2（只留一个空格）
正确做法是使用转义： （牛逼空格）或
这种叫 html entity （字符实体）,共同规律是 &enti
JS 怎么封装对象
#### 对象封装的本质
- 本质很简单，就是构造一个**返回一个对象的函数**
> 想想 jQuery 中 api 的构造方式，它就是典型的 “函数返回对象” 式 api
#### 范例代码
```javascri
JS 怎么实现继承
**继承的本质就是两件事：继承属性和继承方法**
看完这篇博客，你将了解：
1. ES5 代码实现继承
2. ES6 代码实现继承
3. js 继承背后的原理
---
### ES5 代码实现继承
ES5
MVC 套路模板
**代码最重要的模仿，就是把形式背下来**
---
### 模板
```javascript
// view
let view = document.querySelector('.xxx')
// model
let