标签: 前端 | Cherzing的博客

Vue是什么

一套用于构建用户界面的渐进式JavaScript框架
- 渐进式：Vue可以自底向上逐层的应用
  - 简单应用：只需一个轻量小巧的核心库
  - 复杂应用：可以引入各式各样的Vue插件
Vue特点
1. 采用组件化模式，提高代码复用率、且让代码更好维护
2. 申明是编码，让编码人员无需直接操作DOM，提高开发效率
3. 使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点

Cherzing2024年1月1日小于 1 分钟

HTML标签

文本输入框

<input type="text" value = "第一个输入框"/>

选择框
```
<input type = "checkbox"/>
```
单选/复选按钮
```
<input type = "radio"/>
```
按钮
```
<input type = "button"/>
```
文件上传
```
<input type = “file">
```
密码输入
```
<input type = “password">
```

下拉框

<select>\<option>选择</option></select>

超链接

\<a href = https://czlifetime.eu.org>活在当下的主页</a>

表格

<table>
    \<tr>\<td>1</td>\<td>2</td></tr>
    \<tr>\<td>3</td>\<td>4</td></tr>
    \<tr>\<td>5</td>\<td>6</td></tr>
</table>

图片
```
\<img src = “…">
```

文本域

<textarea rows = “3" cols = “red"></textarea>

加粗
```
<b></b>
```
换行
```
<br>
```

段落

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

注释
```

```

框架

<iframe> src = “https://czlifetime.eu.org” width = “200” height = “200”></it=frame>

div 元素

<body>
    <div class = “head">
    元素信息
	</div>
</body>

Cherzing2023年9月22日小于 1 分钟