DEV Community
·
使用可观察类型实现无CSS类的拖放功能
💡
原文英文，约300词，阅读约需2分钟。
📝
内容提要
许多UI库和CSS框架通过CSS类实现特殊功能，但这是一种反模式。现在可以通过功能反应式编程将功能“合并”到现有元素中，以实现更简洁的代码结构。例如，使用Mixin导出属性和事件处理程序来实现可重用模块的HTML列表拖放功能。
🎯
关键要点
- 许多UI库和CSS框架通过CSS类实现特殊功能，这是一种反模式。
- 现在可以通过功能反应式编程将功能合并到现有元素中，避免使用CSS类和id属性。
- 可以通过可重用模块实现HTML列表的拖放功能。
- Sortable模块通过Mixin实现，导出属性、样式、类和事件处理程序。
- 最终应用代码使用rml库来实现拖放功能的HTML列表。
➡️
