Web标准

image-20250922174552475

HTML&css

image-20250922191101603

image-20250922191935091

具体可以到MDN找

HTML结构

image-20250922192249931

超链接

格式:

网站名字

css引入格式

image-20250922203230032

颜色表示形式

image-20250922204854018

css选择器

image-20250922212559680

如:

优先级:id > 类 > 元素

图片

<img src=”…” alt=”…” src: 属性 存放图片的路径 alt: 描述图片

视频

controls 添加控制条
autoplay 自动播放
loop 循环播放
muted 静音播放
poster 添加封面图片
width 宽度
height 高度

< br > 换行

< p > 标签可以框选文字,会自动换行

image-20250923122549957

盒子模型

image-20250923124105313

image-20250923124039984

表单标签

image-20250923191834298

表单项

image-20250923191926121

JS

image-20250923200131892

JS引入方法

image-20250923200419443

变量&常量

image-20250923201129386

  • 输出语句

window.alert() : 弹出警告框(使用频率高) window.可以省略

console.log() : 写入浏览器控制台(使用频率高)

document.write() :想HTML的body内输出内容(使用频率低)

数据类型

image-20250923202540881

模版字符串

image-20250923203042866

反引号在键盘左上角

函数

具名函数

image-20250923211646267

匿名函数

image-20250923212114255

自定义对象

image-20250924104012013

JSON

Snipaste_2025-09-24_10-47-37

DOM

Snipaste_2025-09-24_10-59-50

  • 操作

image-20250924110232131

事件监听

image-20250924111115489

image-20250924111305447

  • 常见事件

image-20250924190500465

模块化

image-20250924192258799

VUE

image-20250924194953576

常用指令

image-20250924195306148

  • v-for

image-20250924195737291

  • v-bind

image-20250924203824700

  • v-if & v-show

image-20250924204526419

  • v-model

image-20250924205540757

  • v-on

image-20250924210438237

Ajax

image-20250924211025624

同步和异步

image-20250924211303372

Axios

image-20250924211558373

image-20250924212332845