2018
, R3
投影片:https://md.pastleo.me/p/2018-mopcon-webcomponent-lithtml
Angular、React、Vue…
<template>
<h1>Hello</h1>
</template>
console.log`
Math.PI = $(Math.PI),
Math.E = $(Math.E)
`
JS template LITeral + HTML Template
class Hell extends LitElement {
constructor() {
cuper();
this.color = 'green';
}
//...
}
HelloCustomEle.properties={
color {type: String}
}
與React的寫法非常相似!
更推薦!!! 如果再投稿一次,會講這個主題
概念與lit HTML 類似,差別是hyperHTML是無名小卒提出來了的,而lit HTML 則是Google 提出的。
因為lit HTML是Google提出的所以比起hyperHTML更加地受到關注。
Caniuse 說: 支援度目前還沒有很高
我想還是不行
西瓜
or
or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up
Syntax | Example | Reference | |
---|---|---|---|
# Header | Header | 基本排版 | |
- Unordered List |
|
||
1. Ordered List |
|
||
- [ ] Todo List |
|
||
> Blockquote | Blockquote |
||
**Bold font** | Bold font | ||
*Italics font* | Italics font | ||
~~Strikethrough~~ | |||
19^th^ | 19th | ||
H~2~O | H2O | ||
++Inserted text++ | Inserted text | ||
==Marked text== | Marked text | ||
[link text](https:// "title") | Link | ||
 | Image | ||
`Code` | Code |
在筆記中貼入程式碼 | |
```javascript var i = 0; ``` |
|
||
:smile: | ![]() |
Emoji list | |
{%youtube youtube_id %} | Externals | ||
$L^aT_eX$ | LaTeX | ||
:::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Do you want to remove this version name and description?
Syncing