# CSS布局

• 盒模型
• BFC
• 标准文档流
• 清除浮动
• 垂直居中
• 三栏布局

# 面试问题 - CSS

• 盒模型
• BFC
• 标准文档流
• 清除浮动
• 隐藏元素的方式
• 纯 CSS 五星好评
• CSS 选择器
• 文本溢出
• 画三角形
• 垂直居中
• 三栏布局

# CSS小技巧

• 隐藏元素的方式
• 纯 CSS 五星好评
• CSS 选择器
• 文本溢出
• 画三角形

# CSS动画

• Mouseleave 以及 Rotate

# 设计模式

• TypeScript 实现简单工厂
• TypeScript 实现单例模式

# TypeScript

• TypeScript 实现简单工厂
• TypeScript 实现单例模式

# 面试问题 - 设计模式

• TypeScript 实现简单工厂
• TypeScript 实现单例模式

# 菜

• 牛肉粉丝汤
• 咖喱鸡块
• 炸虾
• 新奥尔良烤翅
• 蒜蓉金针菇烤虾
• 虾仁豆腐
• 卤蛋
• 所有会做的菜

# 牛肉

• 牛肉粉丝汤

# 汤

• 牛肉粉丝汤

# 鸡

• 咖喱鸡块
• 新奥尔良烤翅
• 卤蛋

# 烧

• 咖喱鸡块
• 虾仁豆腐
• 卤蛋

# 虾

• 炸虾
• 蒜蓉金针菇烤虾
• 虾仁豆腐

# 炸

• 炸虾

# 烤箱

• 新奥尔良烤翅
• 蒜蓉金针菇烤虾

# 随笔

• 好好吵架
• 猛男落泪
• 转瞬即逝
• 关于该博客网站的声明
• 第一次参加剧本杀的感受
• 拥有的感觉
• 形象改造计划（持续更新中）
• 《爱的沟通》观点摘选
• 谈一谈破镜重圆
• 工作一个月的感受
• 《御兽千年》设定
• 记一次玄幻小说的失败尝试

# 成为更好的人

• 好好吵架
• 《爱的沟通》观点摘选

# DOM相关

• 原生 AJAX
• 事件委托
• 倒计时器
• 节流和防抖函数
• Web Worker

# 面试问题 - JS

• 原生 AJAX
• 事件委托
• 类数组对象
• call，apply，bind
• 检查一个对象是否为数组
• 闭包
• 跨域请求 - document.domain
• 跨域请求 - JSONP
• ES5 的继承
• Event Loop 事件轮询
• 跨域请求 - 同源策略
• 立即执行函数
• 对象深拷贝
• JS 的垃圾回收机制
• for...in vs. for...of
• new 关键词到底做了什么
• 内存泄漏
• 手动实现 Promise.all
• prototype 和 __proto__ 的区别
• Promise
• this 关键词的指向
• 块级作用域
• 倒计时器
• 类型比较
• 节流和防抖函数
• WeakMap 和 WeakSet
• Web Worker

# JS基础

• 类数组对象
• call，apply，bind
• 检查一个对象是否为数组
• 闭包
• ES5 的继承
• Event Loop 事件轮询
• 立即执行函数
• 对象深拷贝
• JS 的垃圾回收机制
• new 关键词到底做了什么
• 内存泄漏
• prototype 和 __proto__ 的区别
• this 关键词的指向
• 类型比较

# 浏览器

• 跨域请求 - document.domain
• 跨域请求 - JSONP
• 浏览器中 console.log 的打印问题
• 跨域请求 - 同源策略

# ES6

• for...in vs. for...of
• 手动实现 Promise.all
• 用 ES6 实现优先队列
• Promise
• 块级作用域
• WeakMap 和 WeakSet

# 数据结构

• 用 ES6 实现优先队列

# Vue

• Vue 的 Hashchange 事件
• VuePress 教程（？）：用 VuePress 搭建 PWA

# LeetCode

• 最长有效括号
• 二叉树层级遍历
• 从前序与中序遍历序列构造二叉树
• 二叉树展开为链表
• 翻转二叉树
• 跳跃游戏 ||
• 乘积最大子序列
• 最小窗口子序列
• 寻找两个有序数组的中位数
• 最小栈
• 删除无效的括号
• 滑动窗口最大值
• 序列化和反序列化二叉搜索树
• 三数之和
• 任务调度器
• 验证二叉搜索树

# Top 100 Liked

• 最长有效括号
• 二叉树层级遍历
• 从前序与中序遍历序列构造二叉树
• 二叉树展开为链表
• 翻转二叉树
• 跳跃游戏 ||
• 乘积最大子序列
• 最小窗口子序列
• 寻找两个有序数组的中位数
• 最小栈
• 删除无效的括号
• 滑动窗口最大值
• 序列化和反序列化二叉搜索树
• 三数之和
• 任务调度器
• 验证二叉搜索树

# 动态规划

• 最长有效括号

# 面试问题 - 算法

• 最长有效括号
• 平铺节点数组转嵌套树
• 冒泡排序
• 从前序与中序遍历序列构造二叉树
• 二叉树展开为链表
• 插入排序
• 翻转二叉树
• 跳跃游戏 ||
• 乘积最大子序列
• 归并排序（含链表）
• 最小窗口子序列
• 寻找两个有序数组的中位数
• 最小栈
• 删除无效的括号
• 快速排序（空间优化）
• 选择排序
• 滑动窗口最大值
• 序列化和反序列化二叉搜索树
• 三数之和
• 任务调度器
• 验证二叉搜索树

# 树

• 二叉树层级遍历
• 从前序与中序遍历序列构造二叉树
• 二叉树展开为链表
• 翻转二叉树
• 序列化和反序列化二叉搜索树
• 验证二叉搜索树

# JS题目

• 平铺节点数组转嵌套树

# 排序算法

• 冒泡排序
• 插入排序
• 归并排序（含链表）
• 快速排序（空间优化）
• 选择排序

# 滑动窗口

• 最小窗口子序列
• 滑动窗口最大值

# 分治法

• 寻找两个有序数组的中位数

# 回溯算法

• 删除无效的括号

# 双指针

• 三数之和

# 网络协议

• 301 跳转 vs. 302 跳转
• TCP 三次握手 / 四次挥手
• HTTP 状态码
• TCP 的可靠性

# HTTP

• 301 跳转 vs. 302 跳转
• HTTP 状态码

# 面试问题 - 网络

• 301 跳转 vs. 302 跳转
• 混合模型
• OSI 七层模型
• TCP 三次握手 / 四次挥手
• XSS 攻击 - 介绍
• HTTP 状态码
• XSS 攻击 - DOM 型
• XSS 攻击 - 存储型
• TCP 的可靠性
• XSS 攻击 - 反射型

# 网络基础

• 混合模型
• OSI 七层模型

# TCP

• TCP 三次握手 / 四次挥手
• TCP 的可靠性

# 网络安全

• XSS 攻击 - 介绍
• XSS 攻击 - DOM 型
• XSS 攻击 - 存储型
• XSS 攻击 - 反射型

# 小说

• 青春是条死掉的河 > 序幕 乱色
• 青春是条死掉的河 > 第二幕 叠影
• 青春是条死掉的河 > 第一幕 交错
• 青春是条死掉的河 > 第四幕 暗河
• 青春是条死掉的河 > 第三幕 博弈
• 独苗
• 鬼谷八荒小说

# 写给自己

• 鬼谷八荒小说

# 诗

• 等待

# 写给无名氏

• 等待

# 小说记录

• 《御兽千年》设定
• 记一次玄幻小说的失败尝试