r-tags:我制作基于 x-tag 的 Web 组件的实验

时间:2024-08-01 14:18:05
【文件属性】:

文件名称:r-tags:我制作基于 x-tag 的 Web 组件的实验

文件大小:203KB

文件格式:ZIP

更新时间:2024-08-01 14:18:05

JavaScript

r-标签 带有 Markdown 文档和 Web 组件的线框网站 这开始是为了学习 Web 组件如何工作的实验。 我最终编写了两个简单的 Web 组件。 它们让您轻松创建线框网站,其中 Markdown 文档作为内容源文件,HTML 页面作为渲染引擎运行。 ,一个关于它如何工作和发展的故事。 快速演示 建立在 JavaScript xhr 之上,创建一个自定义元素检索一个 markdown 文档并处理它,Markdown 处理器将 HTML 渲染成自定义元素的 innerHTML。 不渲染任何东西,它是一个处理自定义元素。 它查看传递给页面的 URL 参数,找到匹配的r 标记元素id属性。 如果找到,则更新带有r 标记的元素的href属性,从而将新内容呈现到页面中。 JavaScript 最后两个元素允许您将 HTML 页面视为渲染引擎,允许您使用 Markdown 快速构建网站


【文件预览】:
r-tags-master
----css()
--------style.css(931B)
----brick()
--------brick-1.0.1.css(30KB)
--------readme-1.0.1.txt(712B)
--------brick-1.0.1.min.js(64KB)
--------OpenSans-SemiBold.ttf(216KB)
--------brick-1.0.1.min.css(25KB)
--------brick-1.0.1.js(154KB)
----page.html(2KB)
----r-tags.min.js(22KB)
----contents.md(577B)
----package.json(606B)
----r-marked-demo.html(2KB)
----r-args()
--------MAIN-DEMO.md(675B)
--------NAV-DEMO.md(253B)
--------r-args.js(2KB)
--------README.md(2KB)
----r-args-demo.html(3KB)
----index.html(2KB)
----js()
--------marked.min.js(19KB)
----LICENSE(1KB)
----r-marked()
--------BUGS.md(194B)
--------r-marked.js(6KB)
--------README.md(1KB)
----TODO.md(169B)
----r-assert()
--------r-assert.js(1KB)
--------README.md(622B)
----client-side-rendering.md(8KB)
----r-args.min.js(966B)
----r-marked.min.js(2KB)
----README.md(1KB)
----build.sh(319B)
----publish.sh(1KB)

网友评论