DevOps UI 设计

DevOps 流水线 UI
阅读全文

Websocket 实现实时消息推送弹窗

代替原先的SSE方案
阅读全文

微前端分享记录

微服务的好搭档
阅读全文

Alfred Workflow 时间戳

时间戳转化工具
阅读全文

前端项目接入 SonarQube

一下子高大上起来了
阅读全文

弄个小库用来把对象的所有 key 转为 snake_case 或 camelCase

统一接口返回数据的格式
阅读全文

算法图解 Grokking Algorithms

一本非常基础的算法书 补补脑子
阅读全文

封装一个处理异步 Loading 的 React Custom Hook

少写重复的代码哪怕只是一行..
阅读全文

搞定:Getting Things Done

和领导 1 - 1 的时候被安利了这本书,趁十一放假列入TODO
阅读全文

VSCode 键盘快捷键插入代码

不太喜欢敲几个字母再等提示出来,太慢了,就应该按键盘直接插入
阅读全文

RxJS 万物皆可 Stream 🌊

没用过 Angular 但对这个库挺感兴趣
阅读全文

Vue 3.0

终于来了
阅读全文

Aspect Ratio

用 CSS Padding 来控制元素在不同宽度下固定的比例
阅读全文

CSS grid

Finally start using this cool layout
阅读全文

SSE 与 WebSocket

SSE与WebSocket有相似功能,都是用来建立浏览器与服务器之间的通信渠道。两者的区别在于:

阅读全文

双端支持 gzip 优化网页加载

1. Nginx 打开 gzip 可以压缩文件,减少浏览器访问时需要下载的文件大小,从而加速网页打开

1
2
3
4
5
6
7
# 在 nginx.conf server 中添加下面的配置即可
gzip on;
gzip_buffers 32 4K;
gzip_comp_level 6;
gzip_min_length 100;
gzip_types application/javascript text/css text/xml;
gzip_vary on;
阅读全文

IOS 浏览器 点击会出现黑色阴影

太久不写C端的界面和适配,忘了兼容有多可怕…

阅读全文

Promise.resolve().then

1
Promise.resolve().then(doSomething);
阅读全文

浏览器的 EventLoop

因为规范和实现不同,在浏览器里和 Node 里,Event-Loop 有略微差别。
阅读全文

Node 中的 EventLoop

Promise.resolve().then / setImmediate / setTimeout(fn, 0) / process.nextTick 是什么执行顺序
阅读全文