javaweb-day02-JS(javascript)

ops/2024/11/28 16:28:28/

1.JavaScript引入

在这里插入图片描述

(1)引入方式
在这里插入图片描述

2.JS语法

2.1 书写语法

在这里插入图片描述
在这里插入图片描述

2.2 变量

在这里插入图片描述
(1)var关键字定义的是全局变量;
(2)可以重复声明;

在这里插入图片描述

2.3 数据类型&运算符

(1)数据类型
在这里插入图片描述

在这里插入图片描述

(2)运算符
在这里插入图片描述
在这里插入图片描述
(3)类型转换-parseInt
在这里插入图片描述
在这里插入图片描述
(4)流程控制语句
在这里插入图片描述

3.JS函数

(1)定义方式1
在这里插入图片描述
(2)定义方式2
在这里插入图片描述
在这里插入图片描述

4.JS对象(基础对象、浏览器对象、文档对象)


基础对象

4.1 Array

在这里插入图片描述
(1)JS中数组的长度可变
在这里插入图片描述
(2)JS数组中的数据类型可变
在这里插入图片描述

在这里插入图片描述
(3)遍历数组
法一:
在这里插入图片描述
法二:
在这里插入图片描述
法二改进:
在这里插入图片描述

(3)操作数组的方法

在这里插入图片描述
在这里插入图片描述

4.2 String

(1)创建方式
在这里插入图片描述
(2)属性&方法
在这里插入图片描述
在这里插入图片描述

4.3 JSON

(1)基础
在这里插入图片描述

可以将eat函数简化为:
eat(){
alert(“用膳~”);
}

(2)json就是通过JavaScript对象书写的文本(所以本质上也是一个字符串),唯一不同的是json的键也需要用""引起来

在这里插入图片描述
(2)JSON基础语法
在这里插入图片描述
(3)JS对象与JSON字符串相互转化
在这里插入图片描述


浏览器对象

4.4 BOM

(1)Window–浏览器窗口对象
在这里插入图片描述

在这里插入图片描述
(2)Location–地址栏对象
在这里插入图片描述


文档对象

4.5 DOM对象

(1)DOM基础
在这里插入图片描述
(2)DOM作用:

在这里插入图片描述

(3)DOM
在这里插入图片描述
(4) DOM获取对象
在这里插入图片描述
在这里插入图片描述
(5)DOM实践
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

4.6 JS事件

在这里插入图片描述
(1)事件绑定
方式一:通过标签的属性进行绑定

方式二:通过DOM元素属性绑定
在这里插入图片描述
(2)常见事件
在这里插入图片描述
(3)案例
在这里插入图片描述

5. Vue

5.1 Vue入门

在这里插入图片描述

5.2 Vue常用指令

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.3 应用案例

在这里插入图片描述
在这里插入图片描述

5.4 Vue的生命周期

在这里插入图片描述
在这里插入图片描述


http://www.ppmy.cn/ops/137404.html

相关文章

钉钉授权登录

一.找开钉钉开发平台【钉钉开放平台 (dingtalk.com)】 二。点击菜单【应用开发】->左边【钉钉应用】->【创建应用】 三。创建应用-》保存成功后,点击自己【新建的应用】,进入详细页面 四。进入应用详细页面。左边【分享设置】 注意:进…

七牛云AIGC内容安全方案助力企业合规创新

随着人工智能生成内容(AIGC)技术的飞速发展,内容审核的难度也随之急剧上升。在传统审核场景中,涉及色情、政治、恐怖主义等内容的标准相对清晰明确,但在AIGC的应用场景中,这些界限变得模糊且难以界定。用户可能通过交互性引导AI生成违规内容,为审核工作带来了前所未有的不可预测…

VUE练习

使用new Vue()创建Vue实例&#xff0c;传入配置对象&#xff08;el data&#xff09; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial…

11.27作业

C语言关键概念 ├── static │ ├── 局部变量 │ │ └── 生命周期持续整个程序运行 │ └── 全局变量和函数 │ └── 仅在定义文件中可见 ├── extern │ └── 引入其他文件中的全局变量 ├── typedef │ ├── 类型重命名 │ │ ├─…

java——Tomcat连接池配置NIO、BIO、APR

Tomcat连接池的配置涉及不同的IO模型&#xff0c;包括NIO&#xff08;Non-blocking IO&#xff0c;非阻塞IO&#xff09;、APR&#xff08;Apache Portable Runtime&#xff0c;Apache可移植运行库&#xff09;和BIO&#xff08;Blocking IO&#xff0c;阻塞IO&#xff09;。以…

深入浅出摸透AIGC文生图产品SD(Stable Diffusion)

hihi,朋友们,时隔半年(24年11月),终于能腾出时间唠一唠SD了🤣,真怕再不唠一唠,就轮不到SD了,技术更新换代是在是太快! 朋友们,最近(24年2月)是真的没时间整理笔记,每天都在疯狂的学习Stable Diffusion和WebUI & ComfyUI,工作实在有点忙,实践期间在飞书上…

kafka进阶_3.消费消息

文章目录 一、消费消息概览1.1、消费示例代码1.2、消费过程 二、消费者组2.1、push & pull2.2、消费者组 三、调度器Coordinator四、消费者分配策略4.1、引言4.2、分配基本流程4.3、分配策略4.3.1、轮询分配策略4.3.2、轮询分配策略 五、消费偏移量5.1、起始偏移量5.2、指定…

JAVA实现将PDF转换成word文档

POM.xml <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://maven.apache.org/POM/4.0.…