by Devin Yang
(This article was automatically translated.)

Published - 6 years ago ( Updated - 6 years ago )

What are Web components?

Web elements are a set of Web platform APIs that allow you to create new custom, reusable encapsulated HTML tags,
for use in web pages and web applications.
Custom components and widgets based on the Web Elements standard will work in today's browsers,
And can be used with any JavaScript library or framework that uses HTML.

Polymer uses the standard of Webcomponents, but provides us with more functions,
Packed with data binding, element inheritance .. and so on.
Although this chat room has not yet used element inheritance, I look forward to using this new feature in the future.
But I have gradually felt the power brought by Polymer 2.0.

As the official website of Polymer said, I felt it:
" 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."

reusable

I used the prism-demo in the prism -element developed by others in the I defined,
Saved some time.
I believe that the developers of PHP Laravel know composer ,
There are a large number of PHP packages available to us through Packagist ,

What about Polymer, is there any?
Below is the building blocks of Polymer, writing web pages is like building blocks:
https://www.webcomponents.org/

CCC IM is currently in the Beta development stage. If you want to try it, you are very welcome to click on it from the community on the CCC official website.
You can create channels at will, if you encounter any problems, you can try to reload to see.

The CCC IM in the figure below is through


The two main custom elements are mainly composed. When needed, the seat can be adjusted arbitrarily,
So I just removed the custom elements of to send messages in the visitor screen,

The electronic whiteboard will be named in the future , I think about it :p .


Interested in learning about Polymer 2.0? You can check out the video below (it's quite interesting).

Tags: Polymer Webcomponents

Devin Yang

Feel free to ask me, if you don't get it.:)

No Comment

Post your comment

Login is required to leave comments

Similar Stories


docker,polymer,seo

Solving Polymer SEO Problems with Rendertron (Polymer Summit 2017)

The video below the article introduces how to use rendertron to solve Polymer SEO optimization problems. In the source of my fork, it has been adjusted to support the Chinese environment. And also added the API interface of pdf, which can also be used to convert pdf.

polymer,docker

D-Laravel supports index.html by default

D-Laravel's nginx environment settings support index.html by default, simply put Now, besides, D-Laravel can be used to run Laravel's Project, and it can also be used to run other Projects. Currently Apple's WebKit is already in preview for Service-Workers....