最近在写一个脚手架，发现其中 redis 的使用场景还挺多，于是总结下它的常见使用场景 <!--more--> 本文链接: [链接] github 备份: [链接] 缓存 {代码...} 缓存是 redis 出镜率最高的一种使用场景，仅仅使用 set/get 就可以实现，不过也有一些需要考虑的点 如何更好地设置缓存 如何保持缓存与上游数据的一致性 如何...

标记全链路日志有助于更好的解决 bug 和分析接口性能，本篇文章使用 node 来作为示例 代码示例 本文地址 github 当一个请求到来时，会产生哪些日志 本次请求报文 本次请求涉及到的数据库操作 本次请求涉及到的缓存操作 本次请求涉及到的服务请求 本次请求所遭遇的异常 本次请求执行的关键函数 本次请求所对应的响应体 如...

用了一段时间的 typescript 之后，深感中大型项目中 typescript 的必要性，它能够提前在编译期避免许多 bug，如很恶心的拼写问题。而越来越多的 package 也开始使用 ts，学习 ts 已是势在必行。

团队合作时，经常会出现这样的问题。这时候可以使用 git blame <file> 来定位代码的最后一次修改。但是，有一个问题，这并不能看出本行代码以前的修改。比如项目组中某人对全部代码进行了格式化，git blame 就失去了作用。此时，可以与另一个有用的命令 git log -p <file> 结合使用，可以查看文件的更改历史...

在短信验证码和邮箱验证码，如果不限速，被恶意攻击造成大量的 QPS，不仅拖垮了服务，也会心疼如水的资费。鉴于君子固穷的原则，在我的邮箱服务里加上限速。

最近工作中遇到了很多有关二进制的处理，如PDF的生成，多个PDF的打包，音频的拼接。为了数据的一致性，以及减少与后端通信的复杂度，工作量都在浏览器端。

最重要的是， 当你面对一个陌生的项目，你可以照着 Dockerfile，甚至不看文档(文档也不一定全，全也不一定对)就可以很快让它在本地跑起来。

Traefik 入手及简单配置 Traefik 与 nginx 一样，是一款反向代理的工具，至于使用他原因基于以下几点 漂亮的 dashboard 界面 可基于容器 label 进行配置 新添服务简单，不用像 nginx 一样复杂配置，并且不用频繁重启 对 prometheus 和 k8s 的集成 尝试一下... 接下来讲一下它的基本功能以及文件配置 安装 下载二进制文件...

最近在看 Service Worker，其中有一个不熟悉的值 request.mode === 'navigate'，查了一下，navigate 代表请求用来做html文档间的跳转。

本篇文章是 SQL 必知必会 的读书笔记，SQL必知必会的英文名叫做 Sams Teach Yourself in 10 Minutes。但是，我肯定是不能够在10分钟就能学会本书所有涉及到的sql，所以就起个名字叫30分钟学会SQL语句（其实半个小时也没有学会...）。

CSS 栅格布局 (亦称 "Grid")，是一个基于栅格的二维布局系统，旨在彻底改变基于网格用户界面的设计。CSS 一直以来并没有把布局做的足够好。刚开始，我们使用 tables，后来是 floats，positioning 和 inline-block，这些本质上是一些 hacks 而且许多重要功能尚未解决（例如垂直居中）。Flexbox 可以做到这些，但是它主要...

以下是我的配置文件地址，并在不断摸索与更新中。特别喜欢 solarized 主题，于是参考它配了状态栏的主题。在后边我会列出一些平时使用的技巧，并且欢迎补充~ 如果能够帮到你的话，希望点一个赞或者star...

grid 布局是W3C提出的一个二维布局系统，通过 display: grid 来设置使用，对于以前一些复杂的布局能够得到更简单的解决。本篇文章通过几个布局来对对 grid 布局进行一个简单的了解。目前，grid 仅仅只有 Edge使用前缀能够支持，为了更好地体验，可以使用 Chrome 浏览器，在 chrome://flags 开启 #enable-experimental-we...

Question 以下三个div将会会如何放置(margin collapsing)？ {代码...} 同一个BFC中，相邻的块状元素都是垂直放置吗？ 如何清除浮动？根据什么原理？ 如何对左侧栏200px，主内容自适应进行布局？ 如何使用margin完成圣杯布局（左侧x px，右侧y px，中间自适应），用flex呢？ Answer 以下三个div将会会如何放置？ 在同一个...