情侣100件事提供了一系列令人心动的功能，让你的爱情充满更多的浪漫和欢乐。不管你们是刚刚相识还是已经走过很长一段时间，它都能够为你的关系注入新鲜活力。

之前使用 Vue 全家桶开发了个人博客，并部署在阿里云服务器上，最近在学习 React，于是使用 React 开发重构了自己的博客。 主要技术栈如下： - 前台页面：Next.js 搭建服务端渲染页面，利于 SEO - 后台管理界面：create-react-app 快速搭建 - 服务接口：Egg.js + Mysql - 部署：Linux + Docker

## 1、什么是 HTTP 协议？有什么特点？ HTTP 协议是超文本传输协议的缩写，英文是 Hyper Text Transfer Protocol。它是从 WEB 服务器传输超文本标记语言（HTML）到本地浏览器的传送协议。 特点： - **简单快速**：客户向服务器请求服务时，只需传送请求方法和路径 - **灵活**：HTTP 允许传输任意类型的数据对象。传输的类型由 Content-Type 加以标记 - **无连接**：限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间，但是却不利于客户端与服务器保持会话连接，为了弥补这种不足，产生了两项记录 HTTP 状态的技术，一个叫做 Cookie，一个叫做 Session。 - **无状态**：是指协议对于事务处理没有记忆能力，服务器不知道客户端是什么状态，每次 HTTP 请求都是独立的，任何两个请求之间没有什么必然的联系。

BFC，全名是 Block Formatting Context，称为块级格式化上下文，是 CSS 中的一种渲染机制。是一个拥有独立渲染区域的盒子(也可以理解为结界)，规定了内部元素如何布局，并且盒子内部元素与外部元素互不影响。

树 是一种经常用到的数据结构，用来模拟具有树状结构性质的数据集合。 树里的每一个节点有一个根植和一个包含所有子节点的列表。从图的观点来看，树也可视为一个拥有N 个节点和N-1 条边的一个有向无环图。 二叉树是一种更为典型的树树状结构。如它名字所描述的那样，二叉树是每个节点最多有两个子树的树结构，通常子树被称作“左子树”和“右子树”。 叶子节点是指没有子节点的节点。

1、Session 登陆是在服务器端生成用户相关 session 数据，发给客户端 session_id 存放到 cookie 中，这样在客户端请求时带上 session_id 就可以验证服务器端是否存在 session 数据，以此完成用户认证。这种认证方式，可以更好的在服务端对会话进行控制，安全性比较高(session_id 随机），但是服务端需要存储 session 数据(如内存或数据库），这样无疑增加维护成本和减弱可扩展性(多台服务器)。 CSRF 攻击一般基于 cookie。另外，如果是原生 app 使用这种服务接口，因为没有浏览器 cookie 功能，所以接入会相对麻烦。 2、基于 token 的用户认证是一种服务端无状态的认证方式，服务端不用存放 token 数据。用户验证后,服务端生成一个 token(hash 或 encrypt)发给客户端，客户端可以放到 cookie 或 localStorage 中，每次请求时在 Header 中带上 token，服务端收到 token，通过验证后即可确认用户身份。这种方式相对 cookie 的认证方式就简单一些，服务端不用存储认证数据，易维护扩展性强，token 存在 localStorage 可避免 CSRF，web 和 app 应用都比较简单。不过这种方式在加密或解密的时候会有一些性能开销(好像也不是很大)，有些对称加密存在安全隐患(aes cbc 字节翻转攻击)。

快速搭建node后端服务 基于Koa2、Express、Mysql、Mongodb快速搭建Node后端服务，实现前后端通讯。 目的 为不同 vue 项目快速搭建 node 后端服务，去除重复性工作；为刚入门的同行提供一个清晰的 node 服务搭建流程与模板

年关将至，归心似箭。家里在小镇上接手了家小型KTV，发现之前的前台收银管理系统已无法使用，收银员竟然在纸上用笔记录着客人的点单，杂乱无章。之前的管理系统和网上查找的其他的一些系统都大同小异，且都是有些年份的，售后肯定指不上，再者也用不上大多功能，界面也不好看。于是本着学习的态度（收钱的快感）开始使用Vue定制化我们自己需要的 KTV前台收银管理系统。

Vue 博客部署

veu+node个人博客从零开始，本篇主要讲 Vue 如何和后端进行交互获取数据