javascript进阶

javascript进阶

01-Web APIs简绍

image-20250921141848196

image-20250921142016636

image-20250921142052231

02-声明变量const优先

image-20250921142332470

image-20250921142437069

image-20250921142517641

image-20250921142616502

image-20250921142854212

复杂数据类型，堆中的数据变了， 但是 栈中地址没有改变，所以 const 修饰的复杂数据类型，复杂数据类型内部是可以更改的。

image-20250921143249292

image-20250921143322156

image-20250921143445175

image-20250921143604351

03-DOM树和DOM对象

image-20250925223031302

image-20250925223134736

image-20250925223222827

image-20250925223326171

image-20250925223741500

image-20250925223833851

04.获取DOM 元素

image-20250925224019290

image-20250925224128060

image-20250925224729880

const box = document.querySelector("div")
const box = document.querySelector('.box')

image-20250925224834731

image-20250925224946890

image-20250925225254670

image-20250925225452900

image-20250925225538290

05-DOM修改元素内容

image-20250925225723935

image-20250925225817455

image-20250925230327457

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div class="box">文字内容</div>
  <script>
    // 1.获取元素
    const box = document.querySelector('.box')
    // 2. 修改文字内容， 对象.innerText 属性
    console.log(box.innerText)
    box.innerText = '修改标签内容'
  </script>
</body>
</html>

image-20250925230506037

image-20250925230535640

06.DOM 修改元素常见属性

image-20250925231201505

image-20250925231339727

07.通过style 修改样式属性

image-20250927150422785

image-20250927150455647

image-20250927151015303

image-20250927151049984

image-20250927151201936

image-20250927151419650

08.通过类名修改样式

image-20250927151557416

image-20250927152031883

09.通过classList 修改样式

image-20250927152138658

image-20250927152522259

image-20250927152620893

10.获取设置表单的值

image-20250927153157630

image-20250927153519485

image-20250927153604794

image-20250927153846351

11.H5 自定义属性data

image-20250927154204888

12.定时器-间歇函数

image-20250927154814727

image-20250927154848406

image-20250927155055693

image-20250927155217967

image-20250927155433795

image-20250927155723472

image-20250927155952168

13.事件监听

image-20250927160253427

image-20250927160414962

image-20250927160631602

image-20250927160740048

image-20250927160903737

14.事件监听版本和鼠标事件

image-20250927161637302

image-20250927161816192

image-20250927161912807

image-20250927162127574

15.焦点事件

image-20250927162249902

image-20250927162433989

16.键盘事件和文本事件

image-20250927163119024

image-20250927163317352

17.事件对象event 和常见属性

image-20250927163520833

image-20250927163606012

image-20250927163706447

image-20250927163748387

image-20250927163937153

image-20250927164313667

18.环境对象this 和回调函数

image-20250927164735274

image-20250927164830718

image-20250927164912874

image-20250927165308336

image-20250927165429802

19.事件流，事件捕获，事件冒泡和阻止冒泡

image-20250927170049391

image-20250927170457789

image-20250927170642673

image-20250927170841255

image-20250927171023547

20.事件绑定，over和enter的区别

image-20250927171227747

image-20250927171725152

image-20250927172224493

image-20250927172239501

21.事件委托

image-20250927172536470

image-20250927172628992

image-20250927172829878

image-20250927173002937

image-20250927173515590

image-20250927173547427

22.阻止元素默认行为

image-20250927174004680

image-20250927174236012

image-20250927174308144

23.页面加载事件和页面滚动事件

image-20250927174408397

image-20250927174812417

image-20250927175033311

image-20250927175111007

image-20250927175431122

image-20250927175715703

image-20250927180025012

image-20250927180049852

image-20250927180345483

image-20250927180414601

image-20250927180557635

image-20250927180629202

image-20250927180942072

image-20250927181007565

image-20250927181359847

image-20250927181610872

image-20250927181723926

24.页面尺寸事件

image-20251001104017834

image-20251001104223780

image-20251001104835505

image-20251001105326723

image-20251001110439074

image-20251001110648389

25.日期对象的使用

image-20251001141309024

image-20251001141359884

image-20251001141702445

image-20251001142406955

image-20251001142531698

获取日期的第二种写法

image-20251001142811973

26.时间戳

image-20251001143015347

image-20251001143654544

image-20251001144008971

27.查找DOM 节点

image-20251001144131851

image-20251001144314657

image-20251001144524961

image-20251001145033609

image-20251001145307937

image-20251001145442129

28.增加节点

image-20251001145747489

image-20251001145925875

image-20251001150211571

29.克隆节点和删除节点

image-20251001150812834

image-20251001151248497

30.M端事件

image-20251001151537378

image-20251001151800658

31.swiper插件的使用

image-20251001151902087

https://v8.swiperjs.com/

32.BOM和延迟函数 setTimeout

image-20251001155823311

image-20251001155839270

image-20251001155941084

image-20251001160042858

image-20251001161052164

image-20251001161133200

33.事件循环eventloop

image-20251001161528398

结果都是 1， 3， 2

image-20251001161616539

image-20251001161901233

image-20251001162003948

image-20251001162242753

image-20251001162649237

34.location 对象

image-20251001163147493

image-20251001163535540

image-20251001163652142

image-20251001164023168

image-20251001164039794

image-20251001164240367

35.navigator 对象和 history 对象

image-20251001164348835

image-20251001164853245

image-20251001165033356

image-20251001165133396

image-20251001165209788

36.本地存储localstorage

image-20251001165326184

image-20251001165548768

image-20251001165650072

image-20251001165833258

image-20251001165930888

image-20251001170204535

image-20251001170318558

image-20251001170336807

image-20251001170557618

image-20251001170630258

image-20251001170715332

37.本地存储处理复杂数据类型

image-20251001171052863

image-20251001171557543

image-20251001171647312

image-20251001171711208

38.数组map 和 join 方法

image-20251001172251587

image-20251001172546542

image-20251001172701667

39.正则表达式

image-20251001172842917

image-20251001173014928

image-20251001173044478

image-20251001173206887

image-20251001173311883

image-20251001173502688

image-20251001173609337

image-20251001173813233

image-20251001173910262

40.正则表达式的元字符

image-20251001174018812

image-20251001174223568

image-20251001174327873

image-20251001174748014

image-20251001174802916

41.正则表达式元字符量词

image-20251001174954873

image-20251001175634022

42.正则表达式字符类

image-20251001175731721

image-20251001180011769

image-20251001180347073

image-20251001180408000

image-20251001180426688

image-20251001180526470

posted @ 2025-10-01 18:12  Ref-brief  阅读(4)  评论(3)    收藏  举报