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端的界面和适配,忘了兼容有多可怕…

阅读全文

Webpack 分环境打包结构

webpack 分环境打包结构 - webpack-merge
阅读全文

Promise.resolve().then

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

浏览器的 EventLoop

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

Node 中的 EventLoop

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

useCallback 易忽略的一个小误区

React Hooks 中的 useCallback 并不能避免 function 在每次 render 时的 allocation
阅读全文

VSCode 自动补全 JSX

在 setting.json 中加入

1
2
3
4
5
6
7
8
9
"emmet.triggerExpansionOnTab": true,

"emmet.includeLanguages": {
"javascript": "javascriptreact"
}

// ts
"tslint.exclude": null,
"tslint.autoFixOnSave": true
阅读全文

uni-app 初体验

uni-app 试水
阅读全文

带 Cookie 去海边

阅读全文

百度智能云体验

使用百度智能云域名BCD、BCC、CDN
阅读全文

前端项目中的库引用 CDN

Webpack externals and CDN
阅读全文

陪好朋友拍婚照

阅读全文

带 Cookie 去打针

阅读全文

Git 速度提升

科学上网辅助 git 操作
阅读全文

Cookie 初到家

阅读全文

数独游戏 by React & React Native

算是练手的项目吧
阅读全文