DEV Community
·
构建自定义Umbraco属性编辑器不必复杂
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
文章介绍了如何利用现代JavaScript特性简化Umbraco属性编辑器的开发，避免使用复杂的构建工具。通过创建简单的umbraco-package.json和JavaScript文件，开发者可以轻松实现可重用的属性编辑器，鼓励探索Umbraco的新功能。
🎯
关键要点
- 文章介绍了如何利用现代JavaScript特性简化Umbraco属性编辑器的开发。
- 开发者可以通过创建简单的umbraco-package.json和JavaScript文件实现可重用的属性编辑器。
- 示例中使用了exports、imports、类、fetch、模板字面量和可选链等现代JavaScript特性。
- 属性编辑器的核心是两个文件：umbraco-package.json和JavaScript文件。
- umbraco-package.json文件用于告诉Umbraco服务器如何处理和加载JavaScript文件。
- JavaScript文件中定义了一个类，扩展自UmbLitElement，以便使用Umbraco和Lit的便利方法。
- 通过this.requestUpdate()方法通知Lit重新渲染视图。
- 使用UmbPropertyValueChangeEvent事件通知Umbraco存储新值。
- 这种方法的美在于其简单性，无需复杂的构建工具或框架即可创建强大且可重用的属性编辑器。
- 鼓励开发者探索Umbraco的新功能，学习新的语法，轻松实现概念验证。
❓
延伸问答
如何简化Umbraco属性编辑器的开发过程？
可以通过利用现代JavaScript特性，创建简单的umbraco-package.json和JavaScript文件来简化开发过程。
Umbraco属性编辑器的核心文件是什么？
Umbraco属性编辑器的核心是两个文件：umbraco-package.json和JavaScript文件。
在Umbraco中，如何通知服务器存储新值？
可以通过dispatching UmbPropertyValueChangeEvent事件来通知Umbraco存储新值。
使用现代JavaScript特性有什么好处？
使用现代JavaScript特性可以创建强大且可重用的属性编辑器，而无需复杂的构建工具或框架。
如何实现Umbraco属性编辑器的可重用性？
通过创建可重用的JavaScript类并使用Umbraco和Lit的便利方法，可以实现属性编辑器的可重用性。
开发者在创建Umbraco属性编辑器时需要学习哪些新语法？
开发者需要学习现代JavaScript的语法，如类、模板字面量和可选链等。
🏷️
标签
➡️
