建立于: 7年前 ( 更新: 7年前 )
什么是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吗?可以看看下方的影片(还满有趣的)。
No Comment
Post your comment