Jfunlee

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局，包括行内元素。当设置 display: flex 时，该容器视为块级元素，如果设置为 display: inline-flex ，则该容器…

实现两端对齐是我们网页排版中经常使用到的一种布局，通过这篇文章总结一下常用的实现方法。 将子元素看做行内元素，即给子元素设置 display: inline-block，再给父元素设置 text-align: justify，这样子元素就自动等间距两端对齐了，无需计算子元素间的…

在sass中使用calc，如果calc中包含一个变量，正确的使用姿势是：参考链接：Variablesdon'tworkwithcalc()

联合类型用于限制传入的值的类型只能是 | 分隔的每个类型，如：number | string | boolean 表示一个值的类型只能是 number、string、boolean 中的一种。 联合类型可以让一个值可以为不同的类型，但随之带来的问题就是访问非共同方法时会报错。那…

类型兼容性用于确定一个类型是否能赋值给其他类型，TypeScript 结构化类型系统的基本规则是，如果 x 要兼容 y，那么 y 至少具有与 x 相同的属性。 在考虑函数的兼容性的时候，需要考虑一些额外的东西。 要查看 x 是否能赋值给 y，首先看它们的参数列表，x 的每个参数…

枚举是组织收集有关联变量的一种方式，使用枚举我们可以定义一些带名字的常量，像 C# 和 Java 都有枚举数据类型，TypeScript 将枚举类型引进到了 JavaScript 中。 枚举类型的值是数字类型，因此它们被称为数字类型枚举，成员的值可以不用初始化，因为具有自增行为…

泛型是指定一个表示类型的变量，用它来代替某个实际的类型用于编程，而后通过实际调用时传入或推导的类型来对其进行替换，以达到一段使用泛型程序可以实际适应不同类型的目的。为了实现泛型所要达到的目的，我们也可采用指定类型为 any 或者为每一种可能的类型都写一个方法（重载），但这严重违…

在写文章时，常常有配图说明的需求，Hexo 有多种图片插入方式，可以将图片存放在本地引用或者将图片放在 CDN 上引用，通过此文总接一下在 Hexo 搭建的博客中，插入图片的常用方式，你也可以理解为在 Markdown 中插入图片。 当 Hexo 项目中只用到少量图片时，可以将…

函数是 JavaScript 应用程序的基础。 它帮助你实现抽象层，模拟类，信息隐藏和模块。 在 TypeScript 里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。 TypeScript 为 JavaScript 函数添加了额外的功能，让你可以更容易地…