ts中的enum、union、tuple等类型提供了不同角度的类型声明方式。这些类型中有些是彼此之间相似程度比较高，有些也可以相互转化。了解这些类型越全面，对灵活运用typescript约有帮助。

在 JavaScript 中布尔类型的变量含有有限范围的值，即 true 和 false。而在 TypeScript 中使用枚举，你也可以自定义相似的类型。 No 和 Yes 被称为枚举 NoYes 的成员。与对象字面量一样，尾随逗号是被允许的。对于 NoYes 枚举我们能够轻…

文章讨论了 TS 中的 const enum 在不同编译器和配置下可能遇到的“陷阱”，以及不同编译器处理枚举的方式，文章旨在帮助开发者理解这些细节，以便在实际工程实践中做出更好的决策。

效果图 分析 一个带圆角的矩形 + 左右对称的不规则图形（一个小矩形分别去掉一个圆角），利用伪元素 ::before ::after 和 box-shadow 阴影实现。 代码结构 1. 顶部圆角实现

作者：闲鱼技术——羲凡 背景 不知道什么时候开始，一种tab自动吸顶下的多容器嵌套滚动浏览交互方式逐渐风靡在各大电商APP（美团、京东、拼多多等）。。。

通过上面的 UI 呈现，现在大家应该有个基础的认识，我们需要做什么样的需求了。

一个能够自动滚动居中的tab栏组件，当你点击某个tab项目的时候，tab项被激活高亮后，自动滚动居中。

每次写类似场景的时候，都需要去为类目商品列表写很多逻辑，为了提高开发效率我决定将这一部分抽离成组件。 其实对于手机列表的上拉翻页操作，还有很多的点要去注意，比如如何去避免连续请求等，由于我将这些交给了另一个专注列表渲染的组件，这里就不需要再去考虑这些操作。 作为一个组件，不同点…

前端业务场景-tab栏与内容区的联动 在日常的工作的业务场景中，我们可能会遇到这么一些场景；有一些页面会因为内容或者主题的不同划分为许多的不同的区域，这样的场景页面内容一般都比较多比较长，这时候为了用