博客笔记 4
最近因为工作原因买了一个 mac ，然后需要学习一下前端组自己套娃的框架开发一个后台管理的页面，所以可能需要看一些博客，稍微记录一下。
安装 git
安装 git 需要先安装 homebrew 这样一个包管理工具，然后中间会下一些依赖包什么的，可能时间有点慢，稍微多等一会就好了。
MacOS 下添加 ssh key
就是按照这个过程创建一个密钥然后添加进去，刚使用 Mac 的同学可能对 Mac 的键盘和文件管理的方法不太适应，但稍微适应一下应该没问题的。
Mac 下面常用的终端命令
Mac 的文件管理和 Windows 还是有挺大的不一样的，终端命令还是得好好把握一下，用的多了应该就熟练了。
一个 vim 的教程
在命令行里面遨游自然少不了 vim，一个简单的教程，主要就在一个熟能生巧。
之后因为小组的框架里面套娃了 antd ，这是一个阿里的前端样式库（链接地址），所以可能会有一些关于这个库相关的博客内容。
umi 中使用 antd 的 layout 布局的官方文档
小组里面的框架模版直接用 umi 引入了 antd 的 layout 模版，如果想继续采用这种引入的方式而又希望对 layout 的样式做一些修改，需要仔细读一下这个文档，特别是有些配置可以在 dom 构建之前，而有些只能在 dom 构建之后，需要在 src 文件夹下面新建一个 app.tsx。
ProLayout 组件的官方文档
默认采用的样式就是 ProLayout，所以官方文档还是有必要看一下的。
TypeScript 在接口中定义函数为参数
function 这种写法是不能被通过的，必须要用 ( ) => void 这种样式的写法来指明函数的参数类型和返回类型。
umi 框架的跨域问题
在 umi 框架的项目中遇到跨域的问题，可以通过配置 umi 的配置文件来解决，在我写的这个项目中就是在 .umirc.ts 中将 proxy 中的内容放进去。
合并两个接口
在写代码的过程遇到了合并接口的需要，‘&’ 这个运算符可以完美实现这个需求。
React DevTools 的教程
调试 React 的代码使用开发者工具还是有点用的，教程还是要看一看。
FormData 对象的使用
在写文档上传的时候遇到一个 bug， 就是使用 postman 可以顺利的将 excle 表格传到后端，但是用 antd 写组件的时候就不行。问了组里的 mentor 之后给了这么一个解决方法，new 一个 FormData 对象然后 append 一个键值对 “file”: file 就解决了问题。
CSS 基线与行高
看 《 CSS 世界》的时候对这部分的内容有点迷，实际上就是四条基线和 line-height 的一些基础概念，弄清楚之后没什么难的，但需要知道内联元素有这么一个东西。
CSS 的伪元素
书里面很多地方都在用 ::before 和 ::after，我之前了解的不多，了解一下。
word-break、word-wrap、white-space 的区别
讲了一下三个属性之间的区别，按照我的理解 word-wrap 的应用场景可能更广泛一些。