最近常常接触到 CI、CD 这两个词汇，所以想系统性地学习一下。找了一下资料，发现国外大佬的文章和阮老师的文章，让我非常受用，特意学习记录一下。

一文介绍 TypeScript中 Utility 常见的类型使用。

图片空白间隙是怎么出现以及解决方案。

在上篇中 CSS 参考线 中已经讲过line-height设置数值改变 参考线 上下两个 间隙 gap的高度来实现文本间距改变的效果。 line-height是可以被子元素所继承，这就意味父元素设置了 line-height，子元素在不设置 line-height 也同样有着父元素 line-height的效果。

网络上的各式各样的文字是怎么制作出来的？通常是借助 fontforge 工具根据不同间距的参考线和字体形态制作而成。而制作字体大致上可以会有几根参考线。不同类型的字体，其参考线是不一样（主要体现在线与线的间距），而同一个文字类型，参考线一致。

在开发 Vue 项目的时候，有时候我们使用一些组件的自定义方法时，比如 el-input 组件中的 input、focus、change 等事件。我们在监听后是要进行书写自己的方法事件的。简单业务下，我们直接 @input="inputText"然后再 methods 中编写对应的方法inputText(data)。其中data参数是el-input组件传递出来的，打印出来的值正是我们在输入框输入的值。

在 HTML 中，如果想要显示空格效果的。一般我们不会采用直接使用 Space 键敲打出来的空格的，而是是采用实体空格的形式来进行显示。

浮动 float 元素作为可视化模型中主要的三大主要的排列方式之一。更多的基础知识在 CSS 基础 2 中已有相应介绍了。本篇是记录浮动 float 元素的一些细节规则和扩展应用。

在 Vue 项目中，我们对样式大部分采用全局样式处理，统一地在一个文件全局地修改组件的样式。但是在某些页面需要组件显示特殊的样式，那么在那个页面书写样式 style的时候，经常用 scoped属性实现组件样式的私有化。这样是确保样式不会受到其它文件的影响。但是，如果要改变 element-ui 某些组件的样式时，即便我们基准地选中样式，会发现样式并没有生效。

在可视化平面上，我们很容易就可以根据水平和垂直方向规定出坐标轴中的 X 轴和 Y 轴。但是，还有一条 Z 轴的存在（垂直于平面的轴线）。也就是 Z 轴相当是我们望向平面的轴线。