Flexbox 是一种布局模型。提供了强大的空间分布和对齐能力

一个 flexbox 一次只能处理一个box中的元素布局，按一行或者一列。作为对比的是另外一个二维布局 CSS Grid Layout，可以同时处理行和列上的布局。

使用flex layout 设置 display: flex 即可。

CSS Grid Layout 是一个二维布局，可以同时处理行和列上的布局。 像表格一样，网格布局让我们能够按行或列来对齐元素。 然而在布局上，网格比表格更可能做到或更简单。 例如，网格容器的子元素可以自己定位，以便它们像CSS定位的元素一样，真正的有重叠和层次。

服务器经常会出现磁盘空间占用满的情况，此时可以使用du命令查看每个目录的磁盘占用情况。

查看目录及子目录大小

du -ah --max-depth=1

4.0K ./.profile
4.0K ./.viminfo
7.1M ./oncedb-server
4.0K ./.dbshell
5.0M ./redis-cli
...
258M .

OurJS网站之前一直使用Bing实现站内搜索，基本原理是搜索时添加关键字  site:ourjs.com 即可限定只搜索 ourjs.com 网站内的内容。因此在实现时需要通过JavaScript改变最终的搜索词。

但有用户反应对中文支持不太友好，并且提交 Sitemap 后，百度收录速度明显快于Bing。现在已经换成了百度搜索。

Vue是非常优秀的能实现双向数据绑定的前端框架，可极大提高开发效率。与在 React 中集成 jquery及原生javascript编写的组件一样。React 中也可集成vue。

这里我们通过一个 React+Vue 实现的登录页面为例，介绍如何将二者结合使用。本教程是React Hooks系统教程中的一部分。