引子

你是不是也遇到过这种情况——明明知道有个 CSS 技巧能解决文字溢出显示省略号，但就是想不起来具体要写哪几个属性？或者在 Stack Overflow 上搜了半天发现答案质量参差不齐，有的还已经过时了？

作为一个开发者，我深知这种痛。我们每天都在解决各种具体问题，而很多问题的方法其实并不复杂。只是需要有人帮你整理好、说清楚。

这就是"锦囊妙计"这个概念诞生的原因。

我的"锦囊妙计"收集癖

作为一个写了多年代码的开发者，我有个习惯——遇到好用的技巧就记下来。

最开始是记在印象笔记上，后来用 有道云笔记。再后来直接 mark 收藏到 chrome 浏览器书签栏。但记着记着我发现一个问题：技巧越来越多。找起来越来越麻烦，而且很多技巧我也不知道放在哪里了。

比如某天我突然想："CSS 文字超出容器怎么显示省略号来着？"我知道这个技巧我肯定记过但翻遍笔记软件就是找不到。或者找到了但只有一行代码，没有注释，我自己都看不懂当时为什么这么写。

于是我开始思考：能不能把这些技巧程序地整理出来不仅方便自己查，也能帮到其他人？

为什么我要程序整理这些技巧

I have been collecting se tricks for years because I found that simply storing m in various tools becomes chaotic over time.

• 技术栈分类混乱：**CSS、JS、Git 等等**全混在一起，让人很难快速定位所需知识点。其实，
• 信息量大导致检索困难：**单条记录往往缺少完整上下文**。如只有一行代码却没有解释，导致后续复盘变得费劲。
• 长期积累导致存储方式失效：**从印象笔记 → 有道云 → Chrome 书签**几经更迭后每一种工具都有其局限性，使得整体管理成本升高。
• 缺乏统一格式与标准化描述：**不同作者记录方式差异大**导致同一类技术点多处重复出现，却无法统一归档与查询。其实，
• 为了让自己的工作流程更加高效。还能帮助他人快速获得答案，我决定创建专门的网站网站，用以集中管理、搜索所有这些实际经验与小秘诀！ 这是建立「锦囊妙计」模块背后的主要动力所在也是该项目持续迭代升级的原因之一！

原文地址

• CSS: 文本省略、毛玻璃效果等常用布局&样式调整方法；前端项目中常见性能加速手段等；响应式设计实现细节等；动画实现细节等；

• 数组去重；
  • 示例代码演示  
• Promise 串行执行 / 并发控制；
  • Promise.allSettled 与 Promise.race 的区别  
• ES6+ 新特性常用方法，如解构赋值默认值；
  • 示例演示