青颜的天空

首先安装 goaccess，安装完成之后，就可以用 goaccess 为 Nginx 的日志生成 html 版本的报告了。...

grok 用于对长文本进行切割，提取关键信息，例如下面的语法表示匹配 NUMBER 类型的数据，存到 duration 变量中，匹配 IP 类型的数据，存到 ip 变量中。...

现在的前端，基本上是 flex 布局的天下了，其用法简单、功能强大，是 CSS 中的一大杀器。flex 布局之所以傲视群雄，离不开其背后用到的数学原理，今天就带领大家深入了...

时间轴效果介绍，在前端开发中，我们会遇到一些场景特别适合用时间轴来展示，例如下面按照日期时间来记录发生的事件： 还可以做成下面这种比较流行的左右对称卡片风格的时间轴： 如果...

单独讲这个伪类，是因为它很容易被新手错误地用于选择第 n 个拥有某类名的元素，但实际上是无法做到这一点的。...

作为一名前端，每天都在写 CSS，经常写的两个样式为 border 和 border-radius，相信大家都知道其基本用法。...

对于新上线的页面，往往会加上一个新手引导功能，告诉用户应该如何使用，如下图所示： 那如何实现这个新手引导的功能呢？我的需求只有两个： 支持 React 技术栈和能够自定义布...

为什么要专门写一篇关于浏览器滚动条的文章呢？毕竟定制滚动条属于小众需求。事情源于一次产品上线之后，用户反馈滚动条也太丑了，设计让前端帮忙改一下。...

回滚是 Git 的杀手锏，是程序员的后悔药。那如何进行回滚呢？答案是 git revert，接下来进行一步步演示。...

在 redux 当中，用下面两种方式都可以获取到 store 中的状态：在组件里面调用 store.getState() 方法或用 `mapStateToProps` 把状...

useEffect 可以说是 React hooks API 中最常用的一个函数了，它接收两个参数： 副作用回调函数 依赖项数组 其中，回调函数执行的次数完全依赖于依赖项数...

egg 介绍 egg 是什么？ egg 是阿里出品的一款 node.js 后端 web 框架，基于 koa 封装，并做了一些约定。 为什么叫 egg ？ egg 有孕育的含...

鉴别器（discriminator）是一种模型继承机制，可以在同一个集合（collecton）中定义不同的结构。...

获取操作系统 在 Node.js 中判断操作系统是非常简单的，用 process.platform 即可返回标识操作系统平台的字符串。...