文件名称:元素:快速简单的自定义元素
文件大小:30KB
文件格式:ZIP
更新时间:2024-02-21 12:52:10
javascript css html webgl threejs
@ lume / element 使用简单的模板和React性轻松创建自定义元素。 npm install @lume/element --save 现场演示 介绍 (也称为是浏览器的功能,它使我们能够定义新HTML元素,浏览器以与
或<button>类的内置元素相同的方式理解这些HTML元素。
如果那突然过去了,那么您可能首先想尝试一下。 您还将需要一些基础知识。
@lume/element提供了一组功能,可以更轻松地操作元素和定义新的自定义元素,并轻松将它们组合到应用程序中。
使用@lume/element我们可以创建具有以下功能的自定义元素:
属性是React性变量,可以轻松对这些属性中的更改做出React。
每个自定义元素都有一个HTML模板(以的形式),当模板中使用的任何React变量发生更改时,该模板都会自动“重新渲染”。
当模板“重新渲染”时,整个模板都不会渲染,仅模板中变量已更改的部分会重新渲染。 引用“重新渲染”一词是因为tempate并没有真正重新渲染,而是将React变量映射到从模板生成的实时离散部分。
对自定义元素上HTML属性所做的
【文件预览】:
element-master
----.gitignore(69B)
----babel-preset.cjs(169B)
----package.json(2KB)
----.npmrc(19B)
----src()
--------type-helpers.ts(3KB)
--------variable.ts(31B)
--------css.ts(345B)
--------attribute.test.ts(6KB)
--------html.ts(44B)
--------attribute.ts(8KB)
--------index.ts(247B)
--------LumeElement.test.ts(17KB)
--------_utils.ts(2KB)
--------jsx-runtime.ts(759B)
--------element.ts(5KB)
--------LumeElement.ts(12KB)
--------dom.ts(3KB)
----lume.config.cjs(158B)
----LICENSE(1KB)
----tsconfig.json(362B)
----.github()
--------workflows()
----.prettierignore(20B)
----.prettierrc.js(173B)
----README.md(16KB)
----tsconfig2.json(316B)
----.npmignore(0B)
----.editorconfig(271B)
【文件预览】:
element-master
----.gitignore(69B)
----babel-preset.cjs(169B)
----package.json(2KB)
----.npmrc(19B)
----src()
--------type-helpers.ts(3KB)
--------variable.ts(31B)
--------css.ts(345B)
--------attribute.test.ts(6KB)
--------html.ts(44B)
--------attribute.ts(8KB)
--------index.ts(247B)
--------LumeElement.test.ts(17KB)
--------_utils.ts(2KB)
--------jsx-runtime.ts(759B)
--------element.ts(5KB)
--------LumeElement.ts(12KB)
--------dom.ts(3KB)
----lume.config.cjs(158B)
----LICENSE(1KB)
----tsconfig.json(362B)
----.github()
--------workflows()
----.prettierignore(20B)
----.prettierrc.js(173B)
----README.md(16KB)
----tsconfig2.json(316B)
----.npmignore(0B)
----.editorconfig(271B)