JavaScript学习小结
变量声明：使用var关键字，变量没有类型，但值有类型（弱类型语言）
数据类型：
①number
②string（单引号，双引号都可以表示字符串）
③boolean
④Object类型
⑤undefined类型（声明但未赋值的变量）
比较运算符中与JAVA中不同的：
==：等于，只比较值，有隐式转换
===：全等，比较值和数据类型
函数：①自定义函数 ②全局函数
语法：
function functionName([arguments]) {alert("自定义函数");}全局（内置）函数：
parseInt(arg);参数arg转换为整数
parseFloat(arg);参数转换为Float类型数
eval("xxxxx");执行字符串内容，可以当作js脚本运行
typeof();返回当前数值类型
alert("xxx");弹窗内容
console.log(a);控制台输出a
事件（HTML中的常用事件，调用js函数）
onclic:单击事件
ondblclick：双击事件
onblur：失焦事件
onfocus：聚焦事件
onmouseover：移入事件
onmouseout：移开事件
onload：网页所有内容加载完自动执行（一般放在body）
onchange：内容发生改变且光标失焦之后
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script>function main() {console.log("自定义函数")}</script></head><!-- 加载完页面加载 --><body onload="main()"><!-- 单击事件 --><button type="submit" onclick="main()">提交</button><hr><!-- 双击事件 --><button type="submit" ondblclick="main()">提交</button><hr><!-- 失焦事件 --><textarea cols="5" rows="10" onblur="main()"></textarea><hr><!-- 聚焦事件 --><textarea cols="5" rows="10" onfocus="main()"></textarea><hr><!-- 移入事件 --><textarea cols="5" rows="10" onmouseover="main()"></textarea><hr><!-- 移出事件 --><textarea cols="5" rows="10" onmouseout="main()"></textarea><hr><!-- 更改保存事件 --><textarea cols="5" rows="10" onchange="main()"></textarea></body>
</html>内置对象
string字符串：
s.length
s.substring(开始位置，结束位置+1)；
s.substr(开始位置，截取长度);
s.split(";");分隔符
Array数组：
string s=Array.join("");//连接数组，转化为字符串
array.reverse();//反转数组
array.sort();//给数组排序，需要传入自定义排序函数
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>var s = "a b c d e f g h i j k l m n";console.log(s.length);console.log(s.split(' '));console.log(s.substr(0, 3));console.log(s.substring(1, 3));var array = [1, 2, 3, 9, 0];console.log(array);console.log(array.join(''));array.reverse();console.log(array);array.sort(array_sort);console.log(array);function array_sort(a, b) {return a - b;}var date = new Date();console.log(date.getFullYear());console.log(date.getMonth());console.log(date.getDate());console.log(date.getHours());console.log(date.getTime());console.log(Math.PI);console.log(Math.sqrt(9));console.log(Math.floor(10.9));console.log(Math.ceil(9.1));</script></head><body></body>
</html>
DOM（document object model）
使用步骤：
1，触发js
2，js获得网页标签（在js中，每一个网页标签就是一个对象）
通过document对象()
document：文档对象
document.getElementById("div_id"):通过id找到HTML标签。
可以精确获得网页中的某个标签。
js中所获得的网页中的标签对象称为DOM。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>function oper() {var text1 = document.getElementById("text1");// 获得text1标签对象var text2 = document.getElementById("text2");// 获得text2标签对象console.log(text1.value)// 输出text1中的内容text2.value = text1.value; //将text2框中内容变成text1内容text1.value = ''; //置空text1}function change(color) {var x = document.getElementById("div1");// 获得div1对象x.style.height = "100px";x.style.width = "100px"; //使用"100px"而不是"100 px"x.style.backgroundColor = color; // 一旦触发当前函数，div1对象更改宽高颜色}</script></head><body><input type="text" value="" id="text1"><input type="text" value="" id="text2"><button onclick="oper()">上传</button><div id="div1">div</div><button id="red" onclick="change('red')">红色</button><button id="yellow" onclick="change('yellow')">黄色</button><button id="pink" onclick="change('pink')">粉色</button></body>
</html>
js操作标签体内容：
obj.innerHTML
obj.innerText
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><div id="div_id">我的标签</div><script>var c = document.getElementById("div_id");alert(c.innerHTML);</script></body>
</html>
相关文章：
JavaScript学习小结
变量声明：使用var关键字，变量没有类型，但值有类型（弱类型语言） 数据类型： ①number ②string（单引号，双引号都可以表示字符串） ③boolean ④Object类型 ⑤undefine…...
MySQL学习笔记13
DISTINCT数据去重： 案例：获取tb_student学生表学员年龄的分布情况。 mysql> select * from tb_student; ------------------------------------------------- | id | name | age | gender | address | --------------------------…...
怎么获取外网ip地址
在网络连接中，每个设备都被分配一个唯一的IP地址，用于标识和定位该设备。其中，内部或局域网IP地址是在局域网内使用的，而外网IP地址则是与公共互联网通信时所使用的地址。 获取外网IP地址对于许多人来说可能是一个常见的需求&…...
)
算法 只出现一次的两个数字-(哈希+异或)
牛客网: BM52 题目: 数组中仅2个数字出现1次，其余出现2次 思路: 出现2次的数字异或结果为0，另外两个不同的数字异或结果res不为0，异或结果的二进制位必与其中一个相同，求出二进制位为1的pos, 遍历数组，所有此位置为1…...
外卖霸王餐小程序、H5、公众号版外卖系统源码
最新外卖霸王餐小程序、H5、微信公众号版外卖系统源码、霸王餐美团、饿了么系统，粉丝裂变玩源码下载，外卖cps小程序项目，外卖红包cps带好友返利佣金分销系统程序、饿了么美团联盟源码，外卖cps带分销返利后端源码，基于L…...
amlogic 机顶盒关闭DLNA 后，手机还能搜到盒子
S905L3 带有投屏的功能，并通过 com.droidlogic.mediacenter.dlna.MediaCenterService 服务的启动和停止来开启和关闭DLNA功能，但是在测试中发现机顶盒关闭DLNA后，手机还能搜索到盒子。我在复测中发现关闭后有时很难很久搜索到盒子，…...
@Autowire、@Recourse用啥？
在使用IDEA写Spring相关的项目的时候，在字段上使用Autowired注解时，总是会有一个波浪线提示：Field injection is not recommended. 这是为啥呢？今天就来一探究竟。 众所周知，在Spring里面有三种可选的注入方式…...
[linux] 过滤警告⚠️
如果你在Python脚本中输出和执行脚本文件时想要过滤掉警告信息，可以尝试以下方法： 使用warnings模块：导入warnings模块并设置warnings.filterwarnings("ignore")，这将会忽略所有的警告信息。在需要过滤警告的部分之前添…...
Linux必备操作系统命令大全
一、基础命令 pwd 命令 pwd命令用于显示当前所在的工作目录的全路径名称。该命令无需任何参数，只需在终端窗口中输入 pwd 命令即可使用。 cd 命令 cd命令用于更改当前工作目录。该命令需要一个参数：目标目录名称。例如，若要进入 Document…...
【rtp】VideoTimingExtension 扩展的解析和写入
VideoTimingExtension 扩展有13个字节，并非都是字符串类型 class VideoTimingExtension {public:using value_type = VideoSendTiming;static constexpr RTPExtensionType kId = kRtpExtensionVideoTiming;static constexpr uint8_t kValueSizeBytes = 13...
网络安全CTF比赛有哪些事？——《CTF那些事儿》告诉你
目录 前言 一、内容简介 二、读者对象 三、专家推荐 四、全书目录 前言 CTF比赛是快速提升网络安全实战技能的重要途径，已成为各个行业选拔网络安全人才的通用方法。但是，本书作者在从事CTF培训的过程中，发现存在几个突出的问题࿱…...
Winform直接与Wpf交互
Winform项目中，可以直接使用wpf中的自定义控件和窗体 测试环境： vistual studio 2017 window 10 一 winform直接使用wpf的自定义控件 步骤如下： 1 新建winfrom项目，名为WinFormDemo，默认有一个名为Form1的窗体…...
Uni-app 调用微信地图导航功能【有图】
前言 我们在使用uni-app时，有时候会遇到需要开发地图和导航的功能，这些方法其实微信小程序的API已经帮我们封装好了 详见：微信小程序开发文档 接下来我们就演示如何用uni-app来使用他们 使用 <template><view><button type…...
Golang slice 通过growslice调用nextslicecap计算扩容
先来看一段代码 code: e : []int64{1, 2, 3}fmt.Println("cap of e before:", cap(e))e append(e, 4, 5, 6, 7)fmt.Println("cap of e after:", cap(e))output:cap of e before: 3 cap of e after: 8 为什么容量是8？ append了的4个元素&…...
HTTP 协商缓存 Last-Modified,If-Modified-Since
浏览器第一次跟服务器请求一个资源，服务器在返回这个资源的同时，在respone header加上Last-Modified属性（表示这个资源在服务器上的最后修改时间）： ----------------------------------------------------------------…...
零基础教程：Yolov5模型改进-添加13种注意力机制
1.准备工作 先给出13种注意力机制的下载地址： https://github.com/z1069614715/objectdetection_script 2.加入注意力机制 1.以添加SimAM注意力机制为例（不需要接收通道数的注意力机制） 1.在models文件下新建py文件，取名叫Sim…...
vue截取地址参数
const getQueryValueFn () >{// 获取当前页面的URLconst currentURL window.location.href;//创建一个URL对象来解析当前URL。URL对象提供了方便的属性和方法来处理URL的各个部分const url new URL(currentURL);// 使用URLSearchParams获取查询参数const queryParams ne…...
ubuntu 14.04更新GCC版本
按最基本的apt-get install gcc-8，不成功，提示如下。 按网上说的：apt-get update ,apt-get upgrade 后都无效果。 apt-cache search get 搜索后，发现资源链接里最新的也只有4.8.4所以不行。 需要更新资源链接，镜像地…...
AndroidUtil - 强大易用的安卓工具类库
官网 https://github.com/Blankj/AndroidUtilCode/blob/master/README-CN.md 项目介绍 AndroidUtilCode 🔥 是一个强大易用的安卓工具类库，它合理地封装了安卓开发中常用的函数，具有完善的 Demo 和单元测试，利用其封装好的 API…...
[多态设计模式]枚举
背景： 游戏服务器中，多态可以说体现的淋漓尽致。 如： 1.开启条件。有的系统是根据玩家等级，有的是根据通关第几关。 2.商店可能有不同类型的商店。 3.任务系统中，不同的计数类型，不同的任务目标类型。…...
synchronized 学习
学习源： https://www.bilibili.com/video/BV1aJ411V763?spm_id_from333.788.videopod.episodes&vd_source32e1c41a9370911ab06d12fbc36c4ebc 1.应用场景 不超卖，也要考虑性能问题（场景） 2.常见面试问题： sync出…...
【Java_EE】Spring MVC
目录 Spring Web MVC 编辑注解 RestController RequestMapping RequestParam RequestParam RequestBody PathVariable RequestPart 参数传递 注意事项 编辑参数重命名 RequestParam 编辑编辑传递集合 RequestParam 传递JSON数据 编辑RequestBody …...
学校时钟系统，标准考场时钟系统，AI亮相2025高考，赛思时钟系统为教育公平筑起“精准防线”
2025年#高考 将在近日拉开帷幕，#AI 监考一度冲上热搜。当AI深度融入高考，#时间同步 不再是辅助功能，而是决定AI监考系统成败的“生命线”。 AI亮相2025高考，40种异常行为0.5秒精准识别 2025年高考即将拉开帷幕，江西、…...
【生成模型】视频生成论文调研
工作清单 上游应用方向：控制、速度、时长、高动态、多主体驱动 类型工作基础模型WAN / WAN-VACE / HunyuanVideo控制条件轨迹控制ATI~镜头控制ReCamMaster~多主体驱动Phantom~音频驱动Let Them Talk: Audio-Driven Multi-Person Conversational Video Generation速…...
回溯算法学习
一、电话号码的字母组合 import java.util.ArrayList; import java.util.List;import javax.management.loading.PrivateClassLoader;public class letterCombinations {private static final String[] KEYPAD {"", //0"", //1"abc", //2"…...
Python Ovito统计金刚石结构数量
大家好，我是小马老师。 本文介绍python ovito方法统计金刚石结构的方法。 Ovito Identify diamond structure命令可以识别和统计金刚石结构，但是无法直接输出结构的变化情况。 本文使用python调用ovito包的方法，可以持续统计各步的金刚石结构，具体代码如下： from ovito…...
mac 安装homebrew (nvm 及git)
mac 安装nvm 及git 万恶之源 mac 安装这些东西离不开Xcode。及homebrew 一、先说安装git步骤 通用： 方法一：使用 Homebrew 安装 Git（推荐） 步骤如下：打开终端（Terminal.app） 1.安装 Homebrew…...
【UE5 C++】通过文件对话框获取选择文件的路径
目录 效果 步骤 源码 效果 步骤 1. 在“xxx.Build.cs”中添加需要使用的模块 ，这里主要使用“DesktopPlatform”模块 2. 添加后闭UE编辑器，右键点击 .uproject 文件，选择 "Generate Visual Studio project files"，重…...
《信号与系统》第 6 章 信号与系统的时域和频域特性
目录 6.0 引言 6.1 傅里叶变换的模和相位表示 6.2 线性时不变系统频率响应的模和相位表示 6.2.1 线性与非线性相位 6.2.2 群时延 6.2.3 对数模和相位图 6.3 理想频率选择性滤波器的时域特性 6.4 非理想滤波器的时域和频域特性讨论 6.5 一阶与二阶连续时间系统 6.5.1 …...
6.9-QT模拟计算器
源码: 头文件: widget.h #ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QMouseEvent>QT_BEGIN_NAMESPACE namespace Ui { class Widget; } QT_END_NAMESPACEclass Widget : public QWidget {Q_OBJECTpublic:Widget(QWidget *parent nullptr);…...