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.任务系统中，不同的计数类型，不同的任务目标类型。…...
浏览器访问 AWS ECS 上部署的 Docker 容器（监听 80 端口）
✅ 一、ECS 服务配置 Dockerfile 确保监听 80 端口 EXPOSE 80 CMD ["nginx", "-g", "daemon off;"]或 EXPOSE 80 CMD ["python3", "-m", "http.server", "80"]任务定义（Task Definition&…...
Unity3D中Gfx.WaitForPresent优化方案
前言 在Unity中，Gfx.WaitForPresent占用CPU过高通常表示主线程在等待GPU完成渲染（即CPU被阻塞），这表明存在GPU瓶颈或垂直同步/帧率设置问题。以下是系统的优化方案： 对惹，这里有一个游戏开发交流小组&…...
在鸿蒙HarmonyOS 5中实现抖音风格的点赞功能
下面我将详细介绍如何使用HarmonyOS SDK在HarmonyOS 5中实现类似抖音的点赞功能，包括动画效果、数据同步和交互优化。 1. 基础点赞功能实现 1.1 创建数据模型 // VideoModel.ets export class VideoModel {id: string "";title: string ""…...
JavaScript 中的 ES|QL：利用 Apache Arrow 工具
作者：来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。 想获得 Elastic 认证吗？了解下一期 Elasticsearch Engineer 培训的时间吧！ Elasticsearch 拥有众多新功能，助你为自己…...
Leetcode 3577. Count the Number of Computer Unlocking Permutations
Leetcode 3577. Count the Number of Computer Unlocking Permutations 1. 解题思路2. 代码实现 题目链接：3577. Count the Number of Computer Unlocking Permutations 1. 解题思路 这一题其实就是一个脑筋急转弯，要想要能够将所有的电脑解锁&#x…...
剑指offer20_链表中环的入口节点
链表中环的入口节点 给定一个链表，若其中包含环，则输出环的入口节点。 若其中不包含环，则输出null。 数据范围 节点 val 值取值范围 [ 1 , 1000 ] [1,1000] [1,1000]。 节点 val 值各不相同。 链表长度 [ 0 , 500 ] [0,500] [0,500]。 …...
【C语言练习】080. 使用C语言实现简单的数据库操作
080. 使用C语言实现简单的数据库操作 080. 使用C语言实现简单的数据库操作使用原生APIODBC接口第三方库ORM框架文件模拟1. 安装SQLite2. 示例代码：使用SQLite创建数据库、表和插入数据3. 编译和运行4. 示例运行输出：5. 注意事项6. 总结080. 使用C语言实现简单的数据库操作 在…...
Linux --进程控制
本文从以下五个方面来初步认识进程控制： 目录 进程创建 进程终止 进程等待 进程替换 模拟实现一个微型shell 进程创建 在Linux系统中我们可以在一个进程使用系统调用fork()来创建子进程，创建出来的进程就是子进程，原来的进程为父进程。…...
初学 pytest 记录
安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...
Linux C语言网络编程详细入门教程：如何一步步实现TCP服务端与客户端通信
文章目录 Linux C语言网络编程详细入门教程：如何一步步实现TCP服务端与客户端通信前言一、网络通信基础概念二、服务端与客户端的完整流程图解三、每一步的详细讲解和代码示例1. 创建Socket（服务端和客户端都要）2. 绑定本地地址和端口&#x…...