UI

1. 变量 (Variables) // 定义变量 $primary-color: #3498db; $font-size: 16px; $font-family: 'Arial', sans-serif; // 使用变量 body { color: $primary-color; font-size: $font-size; font-family: $font-family; } 解释：变量用于存储可重用的值，如颜色、字体、尺寸等，便于统一管理和维护。 编译后的 CSS： body { color: #3498db; font-size: 16px; font-family: 'Arial', sans-serif; } 2. 嵌套 (Nesting) nav { ul { margin: 0; padding: 0; list-style: none; li { display: inline-block; a { text-decoration: none; padding: 5px 10px; &:hover { color: red; } } } } } ...

我一直觉得Adobe InDesign有个很脑残的设定，就是不能在导出的时候自动给所有文字转曲，保持源文件的可编辑性，这样导致很多设计师在准备出最终稿的时候，源文件要存两份 一份把所有文字全部转曲，准备导出pdf另一份保证文字的可编辑性，以备修改 所以就不能在导出界面有个选项，说“所有文字都转曲线”吗？ 已经2022年了，还真没有这个选项。 但是，我们可以绕一绕，稍微麻烦一点做到“保证源文件的可编辑性，并且导出的文件字体转曲” 步骤如下： 菜单 “编辑” -> “透明度拼合预设” -> 新建预设，勾选“将所有文本转化成轮廓”，取个名字保存这个预设，比如“文字转曲”。在所有母版上画一个透明度为0的矩形，要保证所有需要转曲的页面都有这个方块。导出的时候，设置标准为2003（较低的pdf标准），在“高级”->“透明度拼合”中选择刚刚保存的预设。导出 这样导出的pdf文件里所有文字都会转曲，如果还存在未转曲的页面，那这个页面很可能没有那个小方块。

?? Nullish coalescing operator 为了避免变量为null或者undefined 例如： number = number ?? 0 假如number存在，则赋值。要是number不存在或为null，则给number赋值0 上语等同于： if(number == null){ number = 0 } ? Ternary Operator 避免子项不存在： apple = forest.tree.apple apple = forest?.tree?.apple apple = tree.apple?.[0] apple = tree.apple[0] 如果forest存在，再继续往下取其tree，如果tree存在，再往下取其apple，不会因为子项不存在报错。 forest.Pick() forest.Pick?.() 避免function不存在。先检查function是否存在且是一个function，如果不存在则不继续，也不会报错。 ...

方案1 ████ #1abc9c ████ #2ecc71 ████ #3498db ████ #9b59b6 ████ #34495e ████ #16a085 ████ #27ae60 ████ #2980b9 ████ #8e44ad ████ #2c3e50 ████ #f1c40f ████ #e67e22 ████ #e74c3c ...