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.任务系统中，不同的计数类型，不同的任务目标类型。…...
别再手动调相机了！用CinemachineFreeLook快速搞定Unity第三人称视角（附完整配置流程）
告别繁琐调试：用CinemachineFreeLook打造专业级Unity第三人称视角 在游戏开发中，第三人称视角的实现往往让开发者头疼不已。传统的手动摄像机控制不仅需要编写大量代码来处理跟随、旋转和碰撞检测，还容易产生抖动、穿模等恼人的问题。而Unity…...
PotPlayer智能字幕翻译：用百度翻译API打破语言障碍的观影体验
PotPlayer智能字幕翻译：用百度翻译API打破语言障碍的观影体验 【免费下载链接】PotPlayer_Subtitle_Translate_Baidu PotPlayer 字幕在线翻译插件 - 百度平台 项目地址: https://gitcode.com/gh_mirrors/po/PotPlayer_Subtitle_Translate_Baidu 你是否曾在观…...
Linux下MT7601 USB无线网卡驱动编译与网络配置全攻略
1. 项目概述：从零构建一个可用的USB无线网卡最近在折腾一个基于老旧工控板的自制家庭服务器项目，手头正好有一块闲置的、芯片方案为MT7601的USB无线网卡。在Linux系统下，这类第三方芯片的网卡往往不像Intel、Realtek那样有完善的内核原生支持…...
别再死记硬背base64了！深入浅出聊聊CTF中那些‘魔改’编码的识别与对抗思路
CTF逆向工程中的编码魔法：从Base64变异到通用对抗策略 在网络安全竞赛的战场上，编码就像是一把双刃剑——它既是保护信息的盾牌，也是隐藏线索的迷雾。对于CTF逆向选手而言，面对各种"魔改"编码就像是在解谜题时突然发现规…...
从游戏到科研：手把手教你设计并运行一个n-back工作记忆测试
从游戏到科研：手把手教你设计并运行一个n-back工作记忆测试 工作记忆是人类认知功能的核心组成部分，它直接影响着我们的学习、推理和问题解决能力。在心理学和认知科学领域，n-back任务已经成为评估工作记忆容量的黄金标准之一。本文将带你从零…...
)
宇视DMX易用性推宣—即时回放进度条拖动(B3358P510版本开始支持)
一．功能介绍通过拖动进度条调整即时回放的时间点。即时回放：从当前时刻开始倒放回放画面，最多可倒放至24小时前，如无录像则无法回放。二．配置步骤1、进入平台【实况播放】界面，选中相机拖动到右侧窗格播放实…...
为什么很多人学不会渗透？因为一开始就没学HTTP
最近刚开始系统学 Web 安全，发现很多人一上来就学 Kali、SQLMap、各种扫描器，但其实最应该先学的是 HTTP。因为后面很多 Web 漏洞，本质上都是在“修改 HTTP 请求”。比如：- SQL 注入 → 改参数 - XSS → 改输入内容 - 越权 → 改 …...
MIPI CSI调试实战：从时序不稳到稳定传输，我调了这三个关键点
MIPI CSI调试实战：从时序不稳到稳定传输的三大关键突破 调试MIPI CSI接口就像在解一道复杂的物理方程，每一个变量都可能成为图像花屏或数据丢包的罪魁祸首。去年在为一款工业摄像头模组开发驱动时，我遇到了令人抓狂的随机性图像撕裂问题——在…...
液压串联弹性驱动器融合的双足机器人运动控制方法【附算法】
✨ 长期致力于双足机器人、运动控制、液压SEA、导纳控制、参数优化、快速步行研究工作，擅长数据搜集与处理、建模仿真、程序编写、仿真设计。 ✅ 专业定制毕设、代码 ✅ 如需沟通交流，点击《获取方式》 （1）基于无源性扰动观测器的…...
告别DLL缺失！用VS2019的Setup Project打包C++程序，保姆级配置指南
告别DLL缺失！用VS2019的Setup Project打包C程序，保姆级配置指南 在C开发中，最令人头疼的问题之一莫过于程序在其他电脑上运行时出现"DLL缺失"的错误。这种问题不仅影响用户体验，也让开发者陷入反复调试的困境。本文将带…...