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

JavaScript-JavaWeb

news 2025/10/16 12:43:07

什么是JavaScript?

js引入方式

js基础语法

书写语法

变量

数据据类型

运算符

类型转换

流程语句

js函数

js对象

1.Array

2.String

3.JSON

js事件监听

什么是JavaScript?

● JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互。

● JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似。

● JavaScript 在1995年由Brendan Eich发明,并于1997年成为ECMA标准。

● ECMAScript 6(ES6)是最新的JavaScript版本(发布于2015年)。

js引入方式

● 内部脚本:将JS代码定义在HTML页面中

◆JavaScript代码必须位于<script></script>标签之间

◆ 在HTML文档中,可以在任意地方,放置任意数量的<script>

◆ 一般会把脚本置于<body>元素的底部,可改善显示速度

js基础语法

书写语法

● 区分大小写:与Java一样,变量名、函数名以及其他一切东西都是区分大小写的

● 每行结尾的分号可有可无
●注释:
● 单行注释://注释内容

● 多行注释:/* 注释内容*/

● 大括号表示代码块

//判断
if(count == 3){
alert(count);

}

变量

● JavaScript 中用var 关键字(variable的缩写)来声明变量。
● JavaScript是一门弱类型语言,变量可以存放不同类型的值。

● 变量名需要遵循如下规则:

>组成字符可以是任何字母、数字、下划线(_)或美元符号($)

> 数字不能开头

> 建议使用驼峰命名

注意事项

● ECMAScript 6新增了let关键字来定义变量。它的用法类似于var,但是所声明的变量,只在let关键字所在的代码块内有效,且不允许重复声明。
● ECMAScript 6 新增了const关键字,用来声明一个只读的常量。一旦声明,常量的值就不能改变。

数据据类型

运算符

类型转换

流程语句

js函数

● 介绍:函数(方法)是被设计为执行特定任务的代码块。

● 定义:JavaScript函数通过function关键字进行定义,语法为:

function functionName(参数1,参数2 .. ){
//要执行的代码

}

注意:

● 形式参数不需要类型。因为JavaScript是弱类型语言

● 返回值也不需要定义类型,可以在函数内部直接使用return返回即可

调用:函数名称(实际参数列表)

注意事项

● JS中,函数调用可以传递任意个数的参数。

js对象

1.Array

2.String

3.JSON

js事件监听

JavaScript-JavaWeb

目录什么是JavaScript? js引入方式 js基础语法书写语法变量数据据类型运算符类型转换流程语句 js函数 js对象 1.Array 2.String 3.JSON js事件监听什么是JavaScript? ● JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能…...

编程日记 2024/5/30 2:00:21

vue组件通讯$parent和$children获取单签组件的⽗组件和当前组件的⼦组件的例子

在 Vue 中，$parent 和 $children 是实例属性，允许你访问组件的父组件和子组件。但是，请注意，这些属性主要用于在开发过程中进行调试和临时访问，并不推荐在正常的组件通信中使用，因为它们破坏了组件的封装性…...

编程日记 2024/5/30 1:58:19

Util和utils

Util FieldStats 这段代码定义了一个名为FieldStats的Java类，位于com.cqupt.software_1.Util包中。它使用了lombok库的Data和AllArgsConstructor注解，这些注解帮助生成了getter、setter、toString等方法，以及包含所有参数的构造函数。类中有…...

编程日记 2024/5/30 1:57:18

拷贝构造、移动构造、拷贝赋值、移动赋值

最近在学习C的拷贝构造函数时发现一个问题：在函数中返回局部的类对象时，并没有调用拷贝构造函数。针对这个问题，查阅了一些资料，这里记录整理一下。调用拷贝构造函数的三种情况： ① 用一个类去初始化另一个对象时&a…...

编程日记 2024/5/30 1:55:14

Python3 笔记：math模块

要使用 math 函数必须先导入math模块语法：import math Python math 模块提供了许多对浮点数的数学运算函数。 math 模块下的函数，返回值均为浮点数，除非另有明确说明。如果需要计算复数，需使用 cmath 模块中的同名函数。 m…...

编程日记 2024/5/30 1:52:11

python -【四】函数

函数一、函数的基础函数：是组织好的，可以重复使用的，用来实现特定功能的代码段语法 def 函数名(入参): return 出参 # 定义函数 def out_hello():print(hello ~~~)# 调用/使用/执行函数 out_hello()练习题自定义一个函数&#xff0c…...

编程日记 2024/5/30 1:51:10

动态规划 class Solution:def longestPalindrome(self, s):size len(s)maxl 1start 0dp [[False] * size for _ in range(size)]for i in range(size):dp[i][i] Truefor L in range(2, size 1):for i in range(size):j L i - 1if j > size:breakif s[i] s[j]:if L…...

编程日记 2024/5/30 1:50:09

【微机原理及接口技术】可编程计数器/定时器8253

【微机原理及接口技术】可编程计数器/定时器8253 文章目录【微机原理及接口技术】可编程计数器/定时器8253前言一、8253的内部结构和引脚二、8253的工作方式三、8253的编程总结前言本篇文章就8253芯片展开，详细介绍8253的内部结构和引脚，8253的工作方…...

编程日记 2024/5/30 1:49:08

23种设计模式之一— — — —装饰模式详细介绍与讲解

装饰模式详细讲解一、定义二、装饰模式结构核心思想模式角色模式的UML类图应用场景模式优点模式缺点实例演示图示代码演示运行结果一、定义装饰模式（别名：包装器） 装饰模式（Decorator Pattern）是结构型的设计模式…...

编程日记 2024/5/30 1:48:07

2024年2月28日星期三

2024年2月28日星期三农历正月十九 1. 住建部：各城市要做好今明两年住房发展计划，防止市场大起大落。 2. 政协委员赵长龙建议：增加元旦、端午、中秋高速免费，周六日半价。 3. 人民法院案例库开始对社会开放，与中国…...

编程日记 2024/5/30 1:47:06

Java中的super关键字详解

在Java编程中，super关键字是一个非常重要的概念，尤其是在继承和多态的场景中。理解super关键字的使用方法和其背后的机制，对于掌握面向对象编程（OOP）的基本概念至关重要。本篇博客将详细讲解super关键字的各种用法及其…...

编程日记 2024/5/30 1:46:04

消消乐游戏开发,三消游戏,消除小游戏

消消乐是一款非常受欢迎的休闲消除类游戏，通常也被称为“三消游戏”。这类游戏的主要目标是通过交换和匹配三个或更多相同的物品来清除它们，从而得分并通过关卡。以下是一些消消乐游戏的基本特点和玩法： 基本玩法交换和匹配：玩…...

编程日记 2024/5/30 1:45:03

三十三、openlayers官网示例Drawing Features Style——在地图上绘制图形，并修改绘制过程中的颜色

这篇讲的是使用Draw绘制图形时根据绘制形状设置不同颜色。根据下拉框中的值在styles对象中取对应的颜色对象，new Draw的时候将其设置为style参数。 const styles {Point: {"circle-radius": 5,"circle-fill-color": "red",},LineS…...

编程日记 2024/5/30 1:44:02

Vue——事件修饰符

文章目录前言阻止默认事件 prevent阻止事件冒泡 stop 前言在官方文档中对于事件修饰符有一个很好的说明，本篇文章主要记录验证测试的案例。官方文档事件修饰符阻止默认事件 prevent 在js原生的语言中，可以根据标签本身的事件对象进行阻止默认事件…...

编程日记 2024/5/30 1:43:00

Go语言GoFly框架快速新增接口/上手写代码

拿到一个新框架大家可能无从下手，因为你对框架设计思路、结构不了解，从而产生恐惧，所以我们框架是通过简单可视化界面安装，安装后即可看到效果，然后点击先点点看各个功能，看现有的功能是怎么写的&#xff0…...

编程日记 2024/5/30 1:42:00

【Vue】v-else 和 v-else-if

作用：辅助v-if进行判断渲染语法： v-else v-else-if"表达式"PS：需要紧接着v-if使用示例代码： <body><div id"app"><p v-if"gender 1">性别：♂ 男</p><…...

编程日记 2024/5/30 1:39:58

一致性hash算法原理图和负载均衡原理-urlhash与least_conn案例

一. 一致性hash算法原理图 4台服务器计算hash值图解减少一台服务3台服务器计算hash值图解增加一台服务器5台服务器计算hash值图解二. 负载均衡原理-urlhash与least_conn 2.1.urlhash案例 # urlhash upstream tomcats {hash $requ...

编程日记 2024/5/30 1:38:56

MySQL建库

删除数据库新建数据库右键-新建数据库字符集选中utf8(支持中文) 修改字符集右键--数据库的属性将字符集支持的数量变少可以修改...

编程日记 2024/5/30 1:35:52

系统资源监控器工具glances的使用详解

目录 1、glances工具介绍 2、安装方式 3、glances的工具界面说明 4、常用的参数选项 5、常用快捷键说明 1、glances工具介绍 glances可以分析系统的 CPU使用率、内存使用率、内核统计信息和运行队列信息磁盘I/O速度、传输和读/写比率、磁盘适配器网络I/O速度、传输和读/写…...

编程日记 2024/5/30 1:34:50

JDBC使用QreryRunner简化SQL查询注意事项

QreryRunner是Dbutils的核心类之一，它显著的简化了SQL查询，并与ResultSetHandler协同工作将使编码量大为减少。注意事项 1. 使用QreryRunner必须保证实体类的变量名，和sql语句中要查找的字段名必须相同，否则查询不到数据,会出…...

编程日记 2024/5/30 1:31:47

iPhone密码忘记了办？iPhoneUnlocker，iPhone解锁工具Aiseesoft iPhone Unlocker 高级注册版分享

平时用 iPhone 的时候，难免会碰到解锁的麻烦事。比如密码忘了、人脸识别 / 指纹识别突然不灵，或者买了二手 iPhone 却被原来的 iCloud 账号锁住，这时候就需要靠谱的解锁工具来帮忙了。Aiseesoft iPhone Unlocker 就是专门解决这些问题的软件&…...

编程新知 2025/10/11 19:08:26

解决本地部署 SmolVLM2 大语言模型运行 flash-attn 报错

出现的问题安装 flash-attn 会一直卡在 build 那一步或者运行报错解决办法是因为你安装的 flash-attn 版本没有对应上，所以报错，到 https://github.com/Dao-AILab/flash-attention/releases 下载对应版本，cu、torch、cp 的版本一定要对…...

编程新知 2025/7/15 0:42:05

ardupilot 开发环境eclipse 中import 缺少C++

目录文章目录目录摘要1.修复过程摘要本节主要解决ardupilot 开发环境eclipse 中import 缺少C++，无法导入ardupilot代码，会引起查看不方便的问题。如下图所示 1.修复过程 0.安装ubuntu 软件中自带的eclipse 1.打开eclipse—Help—install new software 2.在 Work with中…...

编程新知 2025/10/12 0:09:52

汇编常见指令

汇编常见指令一、数据传送指令指令功能示例说明MOV数据传送MOV EAX, 10将立即数 10 送入 EAXMOV [EBX], EAX将 EAX 值存入 EBX 指向的内存LEA加载有效地址LEA EAX, [EBX4]将 EBX4 的地址存入 EAX（不访问内存）XCHG交换数据XCHG EAX, EBX交换 EAX 和 EB…...

编程新知 2025/7/20 13:23:05

微软PowerBI考试 PL300-在 Power BI 中清理、转换和加载数据

微软PowerBI考试 PL300-在 Power BI 中清理、转换和加载数据 Power Query 具有大量专门帮助您清理和准备数据以供分析的功能。您将了解如何简化复杂模型、更改数据类型、重命名对象和透视数据。您还将了解如何分析列，以便知晓哪些列包含有价值的数据，…...

编程新知 2025/9/28 3:34:34

C++.OpenGL （14/64）多光源（Multiple Lights）

多光源（Multiple Lights）多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...

编程新知 2025/6/11 3:15:20