当前位置：首页 > article >正文

javaEE-11.javaScript入门

article 2026/4/27 5:08:58

一.什么是javaScript

二.快速实现

三.JS引入方式

1.行内引入:

2.内部引入:

3.外部引入:

四.基础语法

1.变量

变量命名规则:

2.数据类型

3.运算符

五.JS对象

1.数组

创建数组:

2.操作数组

3.函数

函数注意事项:

函数参数:

4.对象

1.使用字面量创建对象:

2.使用new Object()创建对象

3.使用构造函数创建对象

一.什么是javaScript

JavaScript(简称JS),是⼀个脚本语⾔,解释型或即时编译型的编程语⾔.

javaScript和java是不存在任何关系的.

有关javaScript的发展史:

Javascript诞生记 - 阮一峰的网络日志

JS和CSS和html的关系:

html相当于网页的骨架;

CSS相当于对网页进行填充,修饰

JS是赋予网页特有的功能,行为

二.快速实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script>alert("hello");</script>
</body>
</html>

运行浏览器:

alert:在弹窗中显示.

三.JS引入方式

1.行内引入:

直接在html标签内使用.

点击按钮时,弹窗显示注册成功.

这种方式容易产生大量的冗余代码,不⽅便后期的维护，所以不常⽤.

2.内部引入:

定义script标签,代码写在<script></script>标签中.

⾏内样式,只适合于写简单样式.只针对某个标签⽣效.缺点是不能写太复杂的jS.

3.外部引入:

定义script标签,通过src属性,引入外部 .js文件.

外部样式，html和js实现了完全的分离,企业开发常⽤⽅式

四.基础语法

1.变量

创建变量/声明变量/变量初始化:

var 变量名=内容; 或 len 变量名=内容;

这两个用法差不多相同,具体区别暂不讨论.

const 变量名=内容;

通过const创建的变量,初始化后,内容不能修改.

JS是一门动态若类型的语言:

动态:变量可以存放不同类型的值:

弱类型:随着程序的执行,变量中值的类型可以变化:

变量命名规则:

1.变量名的组成字符可以是数字,字母,下划线_,美元符$

2.数字不能开头.

3.建议使用驼峰命名法.

2.数据类型

虽然js是弱数据类型的语⾔，但是js中也存在数据类型，js中的数据类型分为：原始类型和引⽤类型，具体有如下类型

数据类型	描述
number	数字,不区分整数和小数
string	字符串字符串字⾯值需要使⽤引号引起来,单引号双引号均可
boolean	布尔类型,true为真,false为假
undefined	表示变量未初始化，只有唯⼀的值 undefined

使⽤typeof函数可以返回变量的数据类型,通过浏览器的控制台查看.

3.运算符

JS中的运算符和java中的用法基本相同

==和===的区别:

==仅用于判断内容是否相等;

===判断时包含类型的判断.

五.JS对象

1.数组

创建数组:

1.使用new关键字创建数组:

var a = new Array();

2.使用字面常量创建数组:

数组中的内容称为元素.

JS中的数组元素不要求类型相同.

2.操作数组

1>.读:

通过数组下标的方式访问数组元素.

2>.增

通过数组下标新增元素,或者通过push追加元素.

可以进行隔空追加,对指定1数组下标追加.

3>.改

通过数组下标修改数组元素，

控制台输出结果:

注意

1. 如果下标超出范围读取元素,则结果为undefined

2. 不要给数组名直接赋值,此时数组中的所有元素都没了.

3.函数

语法格式:

function 函数名(形参列表){

函数体;

return 返回值;

}

函数调用:

函数名(实参列表);//无返回值

var 返回值 = 函数名(实参列表);//有返回值

函数注意事项:

函数定义并不会执⾏函数体内容,必须要调⽤才会执⾏.调⽤⼏次就会执⾏⼏次.

调⽤函数的时候进⼊函数内部执⾏,函数结束时回到调⽤位置继续执⾏.

函数的定义和调⽤的先后顺序没有要求.(这⼀点和变量不同,变量必须先定义再使⽤)

函数参数:

形参个数和实参个数可以不匹配,但是实际开发⼀般要求形参和实参个数要匹配.

1. 如果实参个数⽐形参个数多,则多出的参数不参与函数运算

1. 如果实参个数⽐形参个数少,则此时多出来的形参值为 undefined

函数表达式:

var 变量名 = function(){

函数体;

return 返回值;

}

此时形如 function() { } 这样的写法定义了⼀个匿名函数, 然后将这个匿名函数⽤⼀个变量来表⽰. 后⾯就可以通过这个 add 变量来调⽤函数了.

4.对象

js中的数值,字符串,布尔值,数组,函数都是对象,每个对象中包含若干个属性和方法.

属性:对象的特征,

方法:对象的行为.

1.使用字面量创建对象:

使⽤ { }创建对象

• 属性和⽅法使⽤键值对的形式来组织.

• 键值对之间使⽤ , 分割.最后⼀个属性后⾯的,可有可⽆

• 键和值之间使⽤ : 分割.

• ⽅法的值是⼀个匿名函数.

使用对象的属性和方法:

2.使用new Object()创建对象

这种创建对象方法和创建数组方法类似.

3.使用构造函数创建对象

语法:

function 构造函数名(参数列表){

this.属性名=值;

this.方法名=function(){}

.....

}

调用:

var 变量名= new 构造函数名(实参列表);

注意:

• 在构造函数内部使⽤this关键字来表⽰当前正在构建的对象.

• 构造函数的函数名⾸字⺟⼀般是⼤写的.

• 构造函数的函数名可以是名词.

• 构造函数不需要 return

• 创建对象的时候必须使⽤ new 关键字.

javaEE-11.javaScript入门

目录一.什么是javaScript 二.快速实现三.JS引入方式 1.行内引入: 2.内部引入: 3.外部引入: 四.基础语法 1.变量变量命名规则: 2.数据类型 3.运算符五.JS对象 1.数组创建数组: 2.操作数组 3.函数函数注意事项: 函数参数: 4.对象 1.使用字面量创建对象:…...

编程日记 2026/4/11 23:28:09

畅游Diffusion数字人(16)：由音乐驱动跳舞视频生成

畅游Diffusion数字人(0)：专栏文章导航前言：从Pose到跳舞视频生成的工作非常多，但是还没有直接从音乐驱动生成的工作。最近字节跳动提出了MuseDance，无需复杂的动作引导输入（如姿势或深度序列），从而使不同专业水平的用户都能轻松进行灵活且富有创意的视频生成。目录贡…...

编程日记 2026/4/11 21:20:47

OnlyOffice docker 运行（详细）

下载镜像推荐使用 GitHub Action 方式下载： Action 地址：https://github.com/Shixuebin/DockerTarBuilder 教程地址：https://www.bilibili.com/video/BV1EZ421M7mL/ docker 镜像安装 docker load -i xxx.tar镜像运行 docker run -i -t -…...

编程日记 2026/3/21 1:38:23

DeepSeek 助力 Vue 开发：打造丝滑的步骤条

前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏关注哦 💕 目录 Deep…...

编程日记 2026/4/11 23:32:50

领略算法真谛：差分

嘿，各位技术潮人！好久不见甚是想念。生活就像一场奇妙冒险，而编程就是那把超酷的万能钥匙。此刻，阳光洒在键盘上，灵感在指尖跳跃，让我们抛开一切束缚，给平淡日子加点料，注入满满的pa…...

编程日记 2026/4/15 23:05:50

【Python深入浅出】Python3中os模块：开启系统交互的万能钥匙

目录一、引言：os 模块初印象二、os 模块基础操作2.1 文件与目录操作2.1.1 创建操作2.1.2 读取操作2.1.3 删除操作2.1.4 信息获取 2.2 系统信息获取与环境变量管理2.2.1 系统信息获取2.2.2 环境变量管理 2.3 进程管理与工作目录操作2.3.1 进程管理2.3.2 工作目录操作…...

编程日记 2026/4/16 3:28:43

【图片转换PDF】多个文件夹里图片逐个批量转换成多个pdf软件，子文件夹单独合并转换，子文件夹单独批量转换，基于Py的解决方案

建筑设计公司在项目执行过程中，会产生大量的设计图纸、效果图、实景照片等图片资料。这些资料按照项目名称、阶段、专业等维度存放在多个文件夹和子文件夹中。操作需求：为了方便内部管理和向客户交付完整的设计方案，公司需要将每个项目文件…...

编程日记 2026/4/11 21:22:24

在Linux上如何让ollama在GPU上运行模型

之前一直在 Mac 上使用 ollama 所以没注意，最近在 Ubuntu 上运行发现一直在 CPU 上跑。我一开始以为是超显存了，因为 Mac 上如果超内存的话，那么就只用 CPU，但是我发现 Llama3.2 3B 只占用 3GB，这远没有超。看了一下命…...

编程日记 2026/4/14 8:51:57

程序诗篇里的灵动笔触：指针绘就数据的梦幻蓝图＜8＞

大家好啊，我是小象٩(๑ω๑)۶ 我的博客：Xiao Xiangζั͡ޓއއ 很高兴见到大家，希望能够和大家一起交流学习，共同进步。今天我们复习前面学习的指针知识目录关于指针数组和数组指针的区别指针数组（Array of Poi…...

编程日记 2026/4/14 17:04:23

快速集成DeepSeek到项目

DeepSeek API-KEY 获取登录DeekSeek 官网，进入API 开放平台 2. 创建API-KEY 复制API-KEY进行保存，后期API调用使用项目中集成DeepSeek 这里只展示部分核心代码，具体请查看源码orange-ai-deepseek-biz-starter Slf4j AllArgsConstructo…...

编程日记 2026/4/11 21:18:24

DeepSeek做赛车游戏

赛车模型 2D生成图片任意AI图片软件SD，MJ 图片生成3D模型车身车轮场景 Rodin,Tripo和Meshy 询问deepSeek如何开发拷贝代码将汽车运行代码拖到汽车上再让AI写个摄像头跟随代码再去提问deepseek控制轮胎和一些处理细节...

编程日记 2026/4/11 22:57:19

未来替代手机的产品，而非手机的本身

替代手机的产品包括以下几种： 可穿戴设备：智能手表、智能眼镜等可穿戴设备可以提供类似手机的功能，如通话、信息推送、浏览网页等。虚拟现实（VR）技术：通过佩戴VR头显，用户可以进行语音通话、发…...

编程日记 2026/4/13 21:31:23

在Hbuilderx中使用uniapp开发微信小程序时封装请求方法请求代码如下 function requestFun(app) {// get请求app.config.globalProperties._get function(path, data, success, fail, complete) {data data || {};data.token uni.getStorageSync(token) || ;uni.request…...

编程日记 2026/4/11 21:21:33

Repmgr管理PostgreSQL服务器集群笔记

目录 Repmgr管理PostgreSQL服务器集群笔记一、概述（一）主要工具（二）用户和元数据二、准备工作（一）基本环境（二）PostgreSQL用户创建、目录规划（三）互信配置&a…...

编程日记 2026/2/28 20:54:00

deepseek本地部署-linux

1、官网推荐安装方法（使用脚本，我绕不过github，未采用） 登录ollama下载网站https://ollama.com/download/linux，linux下有下载脚本。正常来说，在OS系统下直接执行脚本即可。 2、手动安装方法 2.1获取ol…...

编程日记 2026/4/22 12:57:02

vite + axios 代理不起作用 404 无效

vite axios 代理不起作用先看官方示例 export default defineConfig({server: {proxy: {// 字符串简写写法/foo: http://localhost:4567,// 选项写法/api: {target: http://jsonplaceholder.typicode.com,changeOrigin: true,rewrite: (path) > path.replace(/^\/api/, )…...

编程日记 2026/4/11 21:18:42

【Linux】从零开始：编写你的第一个Linux进度条小程序

Linux相关知识点可以通过点击以下链接进行学习一起加油！初识指令指令进阶权限管理yum包管理与vim编辑器GCC/G编译器make与Makefile自动化构建GDB调试器与Git版本控制工具 🌈个人主页：是店小二呀 🌈C语言专栏：C语言 &am…...

编程日记 2026/4/15 15:45:30

【办公类-53-04】20250209Python模仿制作2024学年第二学期校历

背景需求： 马上开学了，又要制作校历（删划节假日）。之前我都是用网络的图片，然后在PPT里修改。存在问题： 网络校历是从周日开始的，但日常我们老师做教案，都是默认从周一到周五&…...

编程日记 2026/4/11 22:58:00

11vue3实战-----封装缓存工具

11vue3实战-----封装缓存工具 1.背景2.pinia的持久化思路3.以localStorage为例解决问题4.封装缓存工具 1.背景在上一章节，实现登录功能时候，当账号密码正确，身份验证成功之后，把用户信息保存起来，是用的pinia。然而p…...

编程日记 2026/4/11 21:18:40

Unity 基础编程

在这个练习中将新建unity脚本，控制player的运动与转动，实现用代码检测碰撞与删除物体。该练习将应用附件中的项目文件，该文件与Unity快速练习的文件是同一个项目文件。一、构建Player运动脚本该部分将构建一个在场景中由玩家控制游戏物…...

编程日记 2026/4/24 11:29:28

Spring Boot接入Deep Seek的API

1，首先进入deepseek的官网：DeepSeek | 深度求索，单击右上角的API开放平台。 2，单击API keys，创建一个API，创建完成务必复制！！不然关掉之后会看不看api key！！&…...

编程日记 2026/4/23 19:41:01

介绍下SpringBoot常用的依赖项

Spring Boot 是一个用于快速开发 Spring 应用程序的框架，它通过自动配置和依赖管理简化了开发过程。以下是一些 Spring Boot 项目中常用的依赖项： 1. Spring Boot Starter Web 作用: 用于构建 Web 应用程序，包括 RESTful 服务。依赖项: spr…...

编程日记 2025/9/19 3:26:50

解决 keep-alive 缓存组件中定时器干扰问题

当使用 keep-alive 缓存组件时，组件中的定时器可能会在组件被缓存后继续运行，从而干扰其他组件的逻辑。为了避免这种情况，可以通过以下方法解决： 1. 在组件的 deactivated 钩子中清理定时器 keep-alive 为缓存的组件提供了 acti…...

编程日记 2026/2/18 20:37:26

PostgreSQL插件-pg_stat_statements-安装和使用

文章目录插件介绍插件安装1.修改配置文件postgresql.conf2.插件相关参数参数默认值参数说明特别注意pg_stat_statements.max参数设置太小日志会有警告插件使用1.创建插件2.使用插件3.重置数据4.删除插件可能会出现的问题1.没有编译安装插件2.没有配置shared_preload_librari…...

编程日记 2026/4/3 22:11:41

flutter安卓打包签名

flutter安卓打包签名 1.创建签名文件 keytool -genkeypair -v -keystore my-release-key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias my-key-aliaskeytool 是一个用于管理密钥和证书的命令行工具，通常与 Java 开发工具包 (JDK) 一起使用。my-release-…...

编程日记 2026/4/3 17:14:50

从Word里面用VBA调用NVIDIA的免费DeepSeekR1

看上去能用而已。选中的文字作为输入，运行对应的宏即可；会先MSGBOX提示一下，然后相关内容追加到word文档中。需要自己注册生成好用的apikey Option ExplicitSub DeepSeek()Dim selectedText As StringDim apiKey As StringDim response A…...

编程日记 2026/4/11 21:21:09

JavaScript 中的防抖和节流，它们的区别是什么，以及如何实现？

在前端开发中，防抖（Debounce）和节流（Throttle）是两种常用的优化高频率事件处理的技术。它们能够有效减少事件处理函数的执行次数，从而提升页面性能和用户体验。下面将详细解释这两种技术的概念、区别、…...

编程日记 2026/3/14 10:05:14

【Kubernetes的SpringCloud最佳实践】Spring Cloud netflix 能否被K8s资源完全替代？

在部署Spring Cloud微服务到Kubernetes（K8s）时， Spring Cloud netflix 是否需要完全替代？或者可以部分替代，结合使用？ 例如，服务发现和负载均衡可以交给K8s处理， 但某些功能如API网关…...

编程日记 2026/4/21 5:43:39

MATLAB中extract 函数用法

目录语法说明示例从地址中提取邮政编码提取在数值位置处的字符 extract函数的功能是从字符串中提取子字符串。语法 newStr extract(str,pat) newStr extract(str,pos) 说明 newStr extract(str,pat) 返回 str 中与 pat 指定的模式匹配的任何子字符串。如果 s…...

编程日记 2026/3/21 6:24:44

DeepSeek-V3：开源多模态大模型的突破与未来

目录引言一、DeepSeek-V3 的概述 1.1 什么是 DeepSeek-V3？ 1.2 DeepSeek-V3 的定位二、DeepSeek-V3 的核心特性 2.1 多模态能力 2.2 开源与可扩展性 2.3 高性能与高效训练 2.4 多语言支持 2.5 安全与伦理三、DeepSeek-V3 的技术架构 3.1 模型架构 3…...

编程日记 2026/4/11 19:20:32

一.什么是javaScript

二.快速实现

三.JS引入方式

1.行内引入:

2.内部引入:

3.外部引入:

四.基础语法

1.变量

变量命名规则:

2.数据类型

3.运算符

五.JS对象

1.数组

创建数组:

2.操作数组

3.函数

函数注意事项:

函数参数:

4.对象

1.使用字面量 创建对象:

2.使用new Object()创建对象

3.使用 构造函数 创建对象

相关文章：

1.使用字面量创建对象:

3.使用构造函数创建对象