Tlias系统实战

目录

• 静态网页
  • flex布局
  • 表单
    • 表单项
    • 表格
  • 总结：
• JavaScript
  • 导入
  • 变量和常量
  • 数据类型
  • 函数
    • 匿名函数
  • 自定义对象
  • JSON
  • DOM
    • DOM操作
  • 事件

html是网页展示，javasript提供标签、容器等元素操作，vue是根据数据操作标签、容器等元素的动态展示，axios是双端数据交互

静态网页

flex布局

表单

<!-- 表单部分 
action属性指定表单提交的URL，method属性指定提交方法为GET（默认）
注意：表单项要想能采集数据，必须设置name属性，表示当前表单项的名称 
-->
  <div class="form">
    <form action="/save" method="get">
      姓名<input type="text"  name="name" placeholder="请输入姓名">
      年龄<input type="text"  name="age" placeholder="请输入年龄">
      <input type="submit" value="提交">
  </div>

GET方法就是把数据加到url后面，get数据明码，有大小限制

POST方法会把数据加到消息体/请求体中

表单项

标签将表单项和文字一体了，点击哪个都能勾选上。也可以通过for属性绑定：

表单CSS样式

表格

总结：

JavaScript

导入

html中导入js

js中导入js(模块化)

变量和常量

数据类型

函数

匿名函数

自定义对象

JSON

DOM

DOM操作

事件