以前只知道 border-radius 有一个圆角半径，今天在做一个半圆的时候突然发现，它还有 x 轴和 y 轴属性。

先来看一下 MDN 中 border-radius 说明：

CSS 属性 border-radius 允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。

该属性是一个 简写属性，是为了将这四个属性 border-top-left-radius、border-top-right-radius、border-bottom-right-radius，和 border-bottom-left-radius 简写为一个属性。

也就是说，每个圆角都有 圆角半径、 水平半长轴 和 垂直半长轴 属性值:

单行文字的截断非常简单，但多行文字的截断就很麻烦了，
经常要配合 JavaScript 或者 其他语言进行字符串截断，然后拼接上 “…”

突然发现 line-clamp 它可以完成以纯 CSS 的多行文本截断，
并且配合 text-overflow: ellipsis 就可以在尾部加上省略号，
当然 overflow: hidden 并不可缺少

前景：

很多情况下，都需要做到这样的一个输入框效果：

很久以前都是使用 :valid 来实现效果 DEMO 01 -> CodePen

今天，介绍这两个方法的区别以及一些妙用，还有用法相似的 bind 的方法。

它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候应用场景并不多（ React 我习惯用箭头函数）。

前景：

要求 中文站 和 英文站 提交的留言内容都收集在中文站的留言板中，方便查看。

之前 3.x 版本直接使用 CateID 就可以了，但是在 5.x 版本中不行。

文档里也没有，所以在尝试多次之后，憋不住就在群里问了作者团队，

答：

在 Ajax 请求地址上加上 SiteID 就可以了。