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

JavaScript-JavaWeb

news 2026/3/30 23:43:20

目录

什么是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 中&#xff0c;$parent 和 $children 是实例属性&#xff0c;允许你访问组件的父组件和子组件。但是&#xff0c;请注意&#xff0c;这些属性主要用于在开发过程中进行调试和临时访问&#xff0c;并不推荐在正常的组件通信中使用&#xff0c;因为它们破坏了组件的封装性…...

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

Util和utils

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

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

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

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

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

Python3 笔记：math模块

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

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

python -【四】函数

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

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

力扣 5. 最长回文子串 python AC

动态规划 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芯片展开&#xff0c;详细介绍8253的内部结构和引脚&#xff0c;8253的工作方…...

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

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

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

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

2024年2月28日 星期三

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

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

Java中的super关键字详解

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

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

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

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

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

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

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

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

Vue——事件修饰符

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

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

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

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

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

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

作用&#xff1a;辅助v-if进行判断渲染 语法&#xff1a; v-else v-else-if"表达式"PS&#xff1a;需要紧接着v-if使用 示例代码&#xff1a; <body><div id"app"><p v-if"gender 1">性别&#xff1a;♂ 男</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的核心类之一&#xff0c;它显著的简化了SQL查询&#xff0c;并与ResultSetHandler协同工作将使编码量大为减少。 注意事项 1. 使用QreryRunner必须保证实体类的变量名&#xff0c;和sql语句中要查找的字段名必须相同&#xff0c;否则查询 不到数据,会出…...

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

原创：黄大年茶思屋难题揭榜第11期｜5道核心题精简公开·被退稿求技术指正

黄大年茶思屋难题揭榜第11期&#xff5c;5道核心题精简公开被退稿求技术指正 作者&#xff1a;华夏之光永存 摘要 这五道题我们已完整解题并提交黄大年茶思屋难题揭榜&#xff0c;最终被直接退稿&#xff0c;但平台未给出任何具体技术驳回理由、未指明缺陷、未提供修改方向。我…...

编程新知 2026/3/30 23:02:16

如何用智能工具提升暗黑破坏神3战斗效率：D3KeyHelper全功能指南

如何用智能工具提升暗黑破坏神3战斗效率&#xff1a;D3KeyHelper全功能指南 【免费下载链接】D3keyHelper D3KeyHelper是一个有图形界面&#xff0c;可自定义配置的暗黑3鼠标宏工具。 项目地址: https://gitcode.com/gh_mirrors/d3/D3keyHelper 暗黑破坏神3的战斗节奏快…...

编程新知 2026/3/30 22:01:33

React Native WebRTC M124版本终极指南：未来发展方向与特性深度解析

React Native WebRTC M124版本终极指南&#xff1a;未来发展方向与特性深度解析 【免费下载链接】react-native-webrtc The WebRTC module for React Native 项目地址: https://gitcode.com/gh_mirrors/re/react-native-webrtc React Native WebRTC是React Native生态中…...

编程新知 2026/3/30 21:55:08

告别90%重复劳动：psd2fgui工具实战指南

告别90%重复劳动&#xff1a;psd2fgui工具实战指南 【免费下载链接】psd2fgui A tool for converting psd file to fairygui package. 项目地址: https://gitcode.com/gh_mirrors/ps/psd2fgui 价值定位&#xff1a;UI开发中哪些环节正在吞噬你的效率&#xff1f; 作为游…...

编程新知 2026/3/30 20:52:49

从Kaggle竞赛到真实业务：聊聊那些年我们用错的AI算法和开源库

从Kaggle竞赛到真实业务&#xff1a;聊聊那些年我们用错的AI算法和开源库 在数据科学社区里&#xff0c;Kaggle竞赛排行榜和真实业务需求之间&#xff0c;似乎永远隔着一道看不见的鸿沟。那些在竞赛中斩获高分的神奇模型&#xff0c;一旦放进生产环境&#xff0c;常常表现得像…...

编程新知 2026/3/30 19:58:22

云计算案例排错（云上3）

故障1 CPU&内存配额错误 solo-1工作负载启动失败&#xff0c;提示&#xff1a;重启启动容器失败。 解决方案&#xff1a;看下solo-1的更新升级中的容器规划配置&#xff0c;是否是正确的配置&#xff08;CPU配额&#xff1a;申请0.25Core 限制0.29Core&#xff1b;内存配额…...

编程新知 2026/3/30 19:41:48

红日靶场（二）phpstudy服务异常排查与修复指南

1. phpstudy服务异常排查思路 遇到phpstudy服务启动失败时&#xff0c;很多新手会直接重装软件&#xff0c;其实80%的问题通过系统化排查都能解决。我处理过上百个红日靶场环境&#xff0c;总结出这套黄金排查法则&#xff1a; 首先确认报错类型&#xff0c;常见的三种情况&…...

编程新知 2026/3/30 18:50:54

前端调试必备：Chrome控制台Network选项卡的10个实用技巧

前端调试进阶&#xff1a;Chrome控制台Network选项卡的深度实战指南 当你面对一个加载缓慢的页面或是莫名其妙的API请求失败时&#xff0c;是否曾感到无从下手&#xff1f;作为前端开发者&#xff0c;我们每天都要与各种网络请求打交道&#xff0c;而Chrome开发者工具的Network…...

编程新知 2026/3/30 18:24:46

BilibiliCommentScraper：革新性全量数据采集的技术突破方案

BilibiliCommentScraper&#xff1a;革新性全量数据采集的技术突破方案 【免费下载链接】BilibiliCommentScraper 项目地址: https://gitcode.com/gh_mirrors/bi/BilibiliCommentScraper 在当今数据驱动决策的时代&#xff0c;高效采集方案与完整数据获取已成为内容分析…...

编程新知 2026/3/30 17:30:06

1998-2025年区县政府工作报告文本数据

县域政府工作报告是县级政府向同级人民代表大会汇报年度工作的核心文件&#xff0c;报告既总结上一年度经济社会发展和政府工作成效&#xff0c;也提出当前形势判断、政策取向及下一阶段重点任务&#xff0c;是集中反映政府施政理念、政策重点和发展方向的重要文本 整理了1998…...

编程新知 2026/3/30 17:07:56