by Devin Yang

建立于: 6年前 ( 更新: 6年前 )

什么是Webcomponents?

Web元素是一组Web平台API,允许您创建新的自定义,可重复使用的 封装 的HTML标签,
以在网页和Web应用进程中使用。
基於Web元素标准的自定义组件和小部件将在现今浏览器中运行,
并可与任何使用HTML的JavaScript库或框架一起使用。

Polymer则使用Webcomponents的标准,但提供更多的功能给我们,
包函了数据绑定,元素继承..等。
这里虽然这个聊天室还没用到元素继承,但期待未来有机会用到,这个新功能。
但我已渐渐感觉出Polymer 2.0带来的威力罗。

就如Polymer官网说的我感觉到了:
Unlock the Power of Web Components. Polymer is a JavaScript library that helps you create custom reusable HTML elements, and use them to build performant, maintainable apps.」

可再用(reuseable)

我在自己订义的 <ccc-code> 中去使用了别人开发好的 prism-element 中的 prism-demo
节省掉了一些时间。
相信PHP Laravel的开发者,都知道composer
透过Packagist有大量的PHP包可以供我们使用,

那Polymer呢,有吗?
底下就是Polymer的积木堆了,写网页就像组积木:
https://www.webcomponents.org/

CCC IM目前为Beta开发阶段,如果您想试用,非常欢迎由CCC官网的社区中点入,
您可以随意创建频道,如果碰到什么状况有问题,可以试著重载看看。

下图的CCC IM及是透过
<ccc-chat-area></ccc-caht-area>
<ccc-chat-submit></ccc-chat-submit>

两个主要自定义元素主成的..需要时,可以任意的调整位子,
所以访客的画面我就是拿掉了 <ccc-chat-submit></ccc-chat-submit> 发送评论的自定义原素,

未来电子白版就取名叫
<ccc-whiteboard> ,我都想好啦:p


有兴趣了解Polymer 2.0吗?可以看看下方的影片(还满有趣的)。

Tags: Polymer Webcomponents

Devin Yang

文章内容无法一一说明,如果您有什么不了解处,欢印提问哦:)

No Comment

Post your comment

需要登入才可留言!

类似文章


docker,polymer,seo

用Rendertron解决Polymer SEO问题(Polymer Summit 2017)

文章下方的影片介绍如何使用rendertron解决Polymer SEO优化的问题。 在我fork的source中,已调整支持中文环境。 并且还添加了pdf的API接口,也可以拿来转pdf。

polymer,docker

D-Laravel默认支持index.html了

D-Laravel的nginx环境设置默认支持index.html了,简单说 现在除了,可以用D-Laravel跑Laravel的Project,也可以拿来跑其他的Project。 目前Apple的WebKit对Service-Workers已经是in preview了....