webstudy

HTML+CSS+JS+Vue

https://www.bilibili.com/video/BV1oz421q7BB/?spm_id_from=333.337.search-card.all.click&vd_source=50e29aacf23dfe7179edd1b5d8ece200

1第一个前端程序

2安装

3VSCode快捷键

4HTML5

CSS

• 样式表、美观
• 

CSS引入方法

选择器

• 全局选择器：*{}

• 元素选择器

• 类 选择器.类{}

• ID选择器#ID{}

• 合并选择器

• 内联选择

字体属性

背景属性

文本属性

表格属性

文字和边框之间可以填充

关系选择器

CSS盒子模型

弹性盒模型

浮动

• 相当于叠层

清除浮动

定位

CSS3特性

动画

媒体查询

雪碧图

字体图标

js语句 标识符 变量

js输出

数据类型

typeof运算符

chatAt函数

concat()函数

substring()函数：起始位置，终止位置

substr()函数：起始位置，长度

indexOf()函数：确定子串在字符串中的位置

trim()函数去除字符串两端的空格

split()分割字符串

DOM概述

Element获取元素位置

CSS操作

事件处理程序

鼠标事件

Event事件对象

键盘事件

表单事件

事件委托/事件代理

定时器

间隔执行定时器

防抖

节流

命令行

ES6(Nodejs)

Babel转码

Let命令、const

对象解构赋值

字符串扩展

数组扩展

对象扩展

函数扩展

Set数据结构

Promise对象

async

Module

VUE

npm config set proxy http://your-proxy-url:port
npm config set https-proxy http://your-proxy-url:port

模板语法

条件渲染

列表渲染

事件处理

表单输入绑定

组件基础

props组件交互

自定义事件组件交互（反向传递）

组件生命周期

Vue引入第三方

npm install --save swiper

Axios网络请求

npm install --save axios

Axios网络请求封装

网络请求跨域问题

Vue路由

npm install --save vue-router

路由传递参数

二级导航

Vue状态管理Vuex

npm install --save vuex

组合式API

Element-plus

npm install element-plus --save