day 1 (JavaWeb)--前端
HTML---负责结构（元素和内容）
CSS---负责表现（外观，位置等页面样式）
JS---负责行为（交互效果）
HTML是由很多标签组成的，在标签内进行开发
JS
数据类型：
JS是一种弱语言（例子：let 定义的变量可以被赋值为任意类型）
用` `包裹的字符串可以简化拼接使用“${}“
例子：
console.log('我是'+name+', 我今年'+age+'岁');
console.log(`我是${name}, 我今年${age}岁`);
函数：
具名函数
function 函数名（参数1，参数2...）{}
匿名函数
let 变量名 = function（参数1，参数2...）{}
箭头函数（省略了匿名中的function，使用 => 代替）
let 变量名 = （参数1，参数2...）=>{}
对象：
像类式的
JSON--JS对象标记法书写的文本
多用于前后端交互使用
json中文本所有的key必须用双引号引起来
JSON.parse:将json字符串转化为js对象
JSON.stringify:反过来
DOM：
Document Object Model，文档对象模型
作用：将标记语言的各个组成部分封装为对应的对象，JS通过DOM对HTML进行操作
document.querySelector（‘选择器’）--获取匹配到的第一个元素
document.querySelectorAll（'选择器'）--获取所有，得到一个伪数组
事件监听：
事件监听 - addEventListener (可以多次绑定同一事件)
常见事件--1、鼠标 2、键盘 3、聚焦 4、表单
可以模块化（将事件监听抽取为一个额外的文件，使用时引入
type必须给出
VUE：
框架--用于构建用户界面的渐进式的JS框架
使用步骤
1、引入vue模块---> 2、创建vue应用实例----> 3、定义元素（div），交给Vue控制
4、准备数据--> 5、用插值表达式渲染
常用指令
1、v-for类似for循环
插值表达式是不能出现在标签内部
2、v-bind--动态为HTML标签绑定属性值，如herf，src，style等
v-bind：属性名=‘属性值‘-->简化 ：属性名=‘属性值‘
3、v-show
基于css样式display来控制显示与隐藏（就是全部渲染）
v-if
判断是否进行渲染
4、v-model
在表单元素上使用，双向数据绑定，方便获取和设置表单数据
语法 v-model="变量名"
5、v-on
为html标签绑定事件
语法：v-on：事件名="方法名"--->简化 @事件名="..."
生命周期：
八个阶段--重点为mounted（钩子函数）---vue应用实例创建完毕，且挂载完毕后触发
典型应用场景
页面加载完毕，发起异步请求，加载数据，渲染页面
Ajax
异步的JS和XML
作用：给服务器发送请求，并获取服务器响应的数据
GET:
axios.get(url).then((result) => {...}).catch((err)=>{...});
POST:
axios.post(url).then((result) => {...}).catch((err)=>{...});
以上两个都为方式别名写法
可以使用async、await让异步变同步
async声明一个异步方法，await是用来等待异步任务执行
注：await只在async函数内有效，取代then函数等待获取到请求成功的数据
