文件名称:custom-elements:一个使用TypeScript装饰器构建Web组件的项目
文件大小:120KB
文件格式:ZIP
更新时间:2024-02-26 21:34:19
javascript typescript webcomponents web-components decorators
自定义元素 一个使用TypeScript装饰器构建Web组件的游乐场。 问题 当使用Custom Elements API开发Web组件时,在所有类声明中都会重复很多样板。 解 提供一种功能性方法,以将某些逻辑封装到可重用的功能中,特别是一种特殊的高阶功能,称为装饰器。 装饰器在TypeScript中可用。 我的库(例如Angular和Stencil)使用了装饰器。 该方法可以应用于Custom Elements v1,从而为工程师提供用于生成UI组件的一致界面。 下面的这些方法定义了Component装饰器,该装饰器使用compileTemplate函数来编译HTML模板。 attachS
【文件预览】:
custom-elements-master
----.gitignore(43B)
----package.json(2KB)
----tslint.json(500B)
----package-lock.json(155KB)
----src()
--------style()
--------component()
--------view()
--------decorators()
--------polyfill.ts(48B)
--------events()
--------app.routes.ts(296B)
--------main.ts(517B)
--------element()
--------index.html(1KB)
--------index.ts(138B)
--------lib()
--------vendor.ts(44B)
--------app.ts(699B)
--------404.html(279B)
----postcss.config.js(150B)
----index.js(525B)
----tsconfig.json(322B)
----packages()
--------@webx()
----rollup.config.js(2KB)
----README.md(7KB)
----backend()
--------server.js(2KB)
--------router.js(1KB)
----rollup.library.js(2KB)
----config()
--------server.config.prod.js(87B)
--------rollup.rxjs.js(833B)
--------server.config.dev.js(88B)
----rollup.config.prod.js(2KB)
----build.sh(398B)
----closure.conf(281B)
----build-lib.sh(132B)
----docs()
--------vendor.js(64B)
--------style()
--------vendor.js.map(90B)
--------main.js(6KB)
--------main.js.map(31KB)
--------bundle.js.map(28KB)
--------polyfill.js.map(10KB)
--------index.html(10KB)
--------lib()
--------polyfill.js(2KB)
--------bundle.js(9KB)
--------404.html(279B)