由于 HTTP/1.1 本身不支持服务器主动向客户端推送消息，在例如即时通讯、消息提醒等应用场景中就会很不方便。解决的方法有很多，WebSocket 就很不错，但是如果想要快速实现的话就不推荐使用，本文要介绍的是一种轻量的解决方案：SSE。

iTerm2 Mac最强大的终端你懂的。 官方地址 CheatSheet 只需长按住 ⌘-command 键就可以显示当前程序的快捷键列表，仅支持Mac系统，就这么简单。 官方地址 f.lux 他能随着一天的时间变化自动调整你电脑显示器屏幕的色温，过滤对人眼伤害最大的蓝光，从而尽可能减少屏幕对眼睛所带来的疲劳感并帮助提高夜猫子们的睡眠质量。...

SSH KEY 生成 SSH KEY {代码...} your_email@example.com 改成自己的邮箱。 密码输入成功后出现如下提示，表示创建成功： {代码...} 注解：这里第一次输入的是文件名，如果直接按回车则会自动生成私钥和公钥：id_rsa、id_rsa.pub。后面跟着的是密码和确认密码。 上方的命令执行多次则会生成多个 SSH KEY。 查看 SSH KEY ...

对于复杂或多人开发的 React 项目来说，管理和使用每个组件的 props 、 state 或许会成为一件让人头痛的事情，而为每一个组件写文档，成本也会比较大，对项目的开发效率也不是最理想的。

这个问题常出现在移动web开发中聊天或者留言页面的绝对定位输入框上，页面超过屏幕大小时候输入框focus状态下（键盘弹出）绝对定位的元素失效，导致页面滚动时候把定位元素一并带走，体验十分不好，在此留下一自己的方法，让更多的人不需要再爬这样的小坑。

自己一直在用并不断完善的重置样式表，直接放到项目里面可让浏览器样式基本统一，现分两个版本，针对不同平台作出优化。 PC端 {代码...} CDN地址：[链接] 移动端 {代码...} CDN地址：[链接]

其中 width=device-width 是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如： width=640 则是640px的宽度（常见于微信）；

flex 是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而国内很多浏览器对 flex 的支持都不是很好，这里针对微信内置浏览器写了一套兼容写法。下面入正题。