popring's Blog

配置个信息

连接github

配置git代理：http、https、ssh

官方中文文档 https://git-scm.com/book/zh/v2

推荐学习 git 小游戏 https://learngitbranching.js.org/

git 系列命令

温馨提示：文章内有大图，谨慎浏览

1. setState
2. useEffect

1. 状态码304 原理
2. http1.0、http1.1和http2.0

1. 为什么css放头部，script放底部
2. @import 的使用方式
3. flex-shrink
4. a.x = a = {n:2} 问题
5. let 和 var 编程题

1. css 垂直水平居中

2. 闭包

3. 浏览器缓存相关

4. 性能优化

1. css 盒模型
2. css 布局方式
3. 跨域
4. 前端安全（XSS、CSRF）
5. 防抖和节流

1. BFC（块格式化上下文）
2. 首页白屏
3. 函数柯里化
4. bind、apply、call
5. 如果阻塞了JS中的主线程会发生什么情况
6. 浏览器和Node 事件循环机制区别

前言

CSS的单位长度分为

• 绝对长度单位
• 相对长度单位

其中

绝对长度单位分为 cm（厘米）, mm（毫米）, in（英寸）. pt（点）, px（像素）

相对长度单位分为 em（父元素字体大小）, rem（根元素字体大小）, vw（视窗宽度）, vh（视窗高度）

大家都喜欢只对比 em 和 rem ，但 vw vh 也是属于绝对长度，并且也比较常用，所以这里我放在一起对比了。

先前的 小黄车后台管理系统 ，开发完成后，现看来，目录过于复杂，代码冗余，对强迫症的我来说，实属看不下去了，趁着过年有时间，使用 ts 进行了重构，并在之前的基础上对 react 和 typescript 有了进一步的理解。

参考了 github 的开源项目 react-admin，感谢大佬的代码，给了很多灵感。