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

JS学习笔记day04

news 文章来源：https://blog.csdn.net/a778203081/article/details/129453346 2024/9/21 3:28:04

今日内容

零、复习昨日

一、事件
二、DOM操作
三、案例

零、复习昨日

js 脚本语言,弱类型

引入方案: 3种

js的内容:

语法
dom
bom

语法

变量 var

数据类型

引用类型 - 对象,JSON

{key:value,key:value}

数组

var arr = new Array();
var arr = [1,2];
下标取值赋值
pop() shift() push() unshift()

日期

var date = new Date()

运算

没有& , |
=== 用来判断类型和值都相等才返回true

分支+循环

函数

function m1(a,b){

return a+b;

}

一、事件

1.1 事件介绍

事件: 就是发生在浏览器(页面)上一件事,键盘事件,鼠标事件,表单事件,加载事件等等

1.2 事件绑定方式

 <style>div{width: 200px;height: 200px;background-color: burlywood;}</style>
</head>
<body><button id="dj"><div></div></button></body><script>var sum = 0;var btn = document.getElementById("dj");btn.onclick = function(){sum++;alert("点击了"+sum);}        </script>

事件要想发生,就得将事件和标签先绑定

一个完整的事件有三部分

事件源(标签)
什么事(事件)
响应(动作效果)

事件绑定,其实就是事件和标签绑定

方式1: 事件源,事件,响应在一起
方式2: 事件源,事件在一起,响应抽取函数
方式3: 事件和响应全部抽取

方式1: 事件源,事件,响应在一起

  <body><!-- 事件源(标签),事件,响应(函数) --><!-- 方式1: 事件源,事件,响应在一起 --><!-- onclick是单击事件,是html属性 --><!-- alert() 函数就是事件的响应 --><button type="button" onclick="alert('听说你点我了?')">按钮</button></body>

方式2: 事件源,事件在一起,响应抽取函数

  <body><hr /><!-- 方式2: 事件源,事件在一起,响应抽取函数 --><button type="button" onclick="dian()">按钮</button><script>// 定义函数function dian() {alert("你又点我?!");}</script></body>

方式3【重要】: 事件和响应全部抽取

    <!-- 方式3: 事件和响应全部抽取 --><button id="btn">再点一下试试</button><script>// 1) 先获得标签对象var btn = document.getElementById("btn");// 2) 给标签对象设置事件以及响应btn.onclick = function () {alert("上瘾了是不是?!");};</script>

练习：div宽高各200,背景颜色red,设计点击事件,点击是出现弹框,并有输出语句计算,点击次数

1.3 不同事件的演示

这些事件,都是html中标签的属性,都是以onxxx开头

事件名称	描述
onchange	HTML 元素内容改变
onblur	输入框失去焦点
onfocus	输入框获得焦点
onclick	用户点击（单击）HTML 元素
ondblclick	用户双击HTML元素
onmouseover	用户将鼠标移入一个HTML元素中
onmousemove	用户在一个HTML元素上移动鼠标
onmouseout	用户从一个HTML元素上移开鼠标
onkeyup	键盘弹起
onkeydown	用户按下键盘按键
onkeypress	按压键盘
onload	浏览器已完成页面的加载
onsubmit	表单提交

1.3.1 鼠标事件

    <script>var box = document.getElementById("box");// 鼠标移动,只要鼠标动,就会触发函数box.onmousemove = function () {console.log("鼠标移动");};// 鼠标移入,移入进一次,触发一次box.onmouseover = function () {console.log("鼠标移入");};// 鼠标离开box.onmouseout = function () {console.log("鼠标离开");};</script>

1.3.2 键盘事件

    <script>var i = document.getElementById("i");// 事件触发后,函数有对应的事件对象// 键盘按下i.onkeydown = function (event) {// console.log("键盘按下");// event是事件对象,内部包含事件的所有信息// console.log(event);// 可以获得这次键盘事件的代号,13是回车键if (event.keyCode == 13) {console.log("提交表单");}};// 键盘弹起i.onkeyup = function () {// console.log("键盘弹起");};// 键盘按压(与按下效果一样)i.onkeypress = function () {// console.log("键盘按压");};</script>

1.3.3 表单事件【重点】

是指表单中能用上的一系列事件

onblur 失去焦点
onfocus 获得焦点
onchange 内容改变
onsubmit 表单提交

  <body><div><!-- 因为tijiao()函数,返回有了true/false所以οnsubmit="return true" 即提交表达οnsubmit="return false" 阻止表达提交--><form accept="/java2301" onsubmit="return tijiao()">用户名<input id="i1" type="text" name="username" /><br />密码<input type="password" name="password" /><br />籍贯<select id="jiguan" name="jigaun"><option>河南</option><option>河北</option><option>北京</option></select><input type="submit" value="提交" /></form><script>var i1 = document.getElementById("i1");// 绑定获得焦点事件i1.onfocus = function () {// 将来可以通过操作DOM,获得输入框的值,也可以改变样式console.log("输入框获得焦点");};// 绑定失去焦点i1.onblur = function () {console.log("输入框失去焦点");};var jiguan = document.getElementById("jiguan");// 给下拉框绑定内容改变事件jiguan.onchange = function () {// 将来配合DOM操作,可以获得改变的内容,做一些其他事情// 可以用于省市二级联动console.log("内容改变");};/*1) 表单事件是表单form的事件,所以这个事件要绑定在form上2) 函数要返回true/false3) onsubmit中也要写return*/function tijiao() {console.log("点击提交按钮");// return 返回false,认为表达不提交// 返回true.表达就会提交// 一般用来数据校验return true;}</script></div></body>

1.3.4 加载事件【重点】

浏览器加载页面,是瀑布式加载,即从上之下依次加载执行.

  <head><title>加载事件</title><script>/*解决方案,等页面加载完后,再触发函数,执行绑定事件页面加载事件是窗口对象的事件该函数onload,会在页面加载后触发函数*/window.onload = function () {var btn = document.getElementById("btn");btn.onclick = function () {alert("试试就试试!");};};</script></head><body><button id="btn">点我一下试试?!</button></body>

二、DOM操作

2.1 概述

通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

HTML DOM 模型被构造为对象的树：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Pq4GefEE-1678454186311)(https://qiushiju-tuchuang.oss-cn-hangzhou.aliyuncs.com/image/dom%E6%A0%91.jpg)]

有了DOM树,就可以通过树来查找节点(元素),找到元素就可以对元素进行操作(修改,删除,添加),还可以操作元素的样式

JavaScript 能够改变页面中的所有 HTML 元素。

JavaScript 能够改变页面中的所有 HTML 属性。

JavaScript 能够改变页面中的所有 CSS 样式。

JavaScript 能够对页面中的所有事件做出反应。

2.2 查找元素

查找元素(标签)有很多方式

通过id查找元素
document.getElementById(“id属性值”);
如果找到该元素，则该方法将以对象（在 x 中）的形式返回该元素。
如果未找到该元素，则 x 将包含 null。

通过标签名查找元素
方法：getElementsByTagName(“合法的元素名”);
如果找到,返回的是数组

通过class查找元素
方法：getElementsByClassName(“class属性的值”)
如果找到,返回的是数组

  <body><!-- 给标签设置id属性,id值要唯一 --><button id="btn">按钮</button><ul><li>貂蝉</li><li>西施</li><li>王昭君</li><li>杨玉环</li><li class="xd">邓紫棋</li><li class="xd">邓丽君</li><li class="xd">张曼玉</li><li class="xd">朱茵</li></ul><script>// 方式1:通过id获得标签对象(对象是唯一)var btn = document.getElementById("btn");// console.log(btn);// 方式2:通过标签名来获得// 因为有同名,返回的是所有同名标签对象,放入数组中返回var liArr = document.getElementsByTagName("li");// console.log(liArr);for (var i = 0; i < liArr.length; i++) {// console.log(liArr[i]);}// 方式3: 通过类名获得标签对象var mvArr = document.getElementsByClassName("xd");console.log(mvArr);</script></body>

2.3 元素内容的查找和设置

元素内容,是指标签开闭之间的内容.
<p>这就是内容</p>
<p><span>这就是内容</span></p>
查找和设置使用的是相同的属性

innerHTML 获得或设置标签的内容
get === value 获得提交的信息内容
set === value 设置
innerText 获得或设置标签的内容

  <body><p id="p1"><span>你好啊,JavaScript</span></p><button id="btn1">设置innerHTML</button><button id="btn2">设置innerText</button><script>var p1 = document.getElementById("p1");// 获得内容,innerHTML获得是标签和内容var innerHTML = p1.innerHTML;console.log(innerHTML);// 获得内容,innerText获得的只是文本内容var innerText = p1.innerText;console.log(innerText);var btn1 = document.getElementById("btn1");btn1.onclick = function () {// 只能获得标签内的文本以及html元素p1.innerHTML = "<span>你好啊,李焕英</span>";};var btn2 = document.getElementById("btn2");btn2.onclick = function () {// 给p标签设置内容,内容全部解析为文本p1.innerText = "<span>你好啊,李焕英</span>";};</script></body>

2.4 元素属性的查找和设置

元素属性,是指开标签内的属性,通过dom对象直接调用操作.比如

domObj.id
domObj.name
domObj.value
…

  <body><input id="i1" class="c1" type="text" value="默认值" /><button id="btn1">点击获得属性值</button><button id="btn2">点击设置属性值</button><script>var btn1 = document.getElementById("btn1");var i1 = document.getElementById("i1");btn1.onclick = function () {// 获得属性值console.log(i1.id); // 获得id属性值console.log(i1.class); // 没有获得class属性console.log(i1.type); // 获得type属性值console.log(i1.value); // 获得value属性值【重要】};btn2.onclick = function () {// 设置属性值i1.type = "password";i1.value = "123456";  // 【重要】};</script></body>

2.5 元素CSS样式的查找和设置

元素css样式的查找和设置,是指标签中style的属性值的获得和设置

获得属性值
元素对象.style.属性

设置属性值
元素对象.style.属性 = “值”

  <body><divid="box"style="width: 200px; height: 200px; background-color: red"></div><button id="btn1">获得css样式</button><button id="btn2">设置css样式</button><script>var box = document.getElementById("box");var btn1 = document.getElementById("btn1");btn1.onclick = function () {// 获得样式,主要是style的属性值var style = box.style;// console.log(style);// 获得具体样式,可以再继续调用console.log(box.style.width);console.log(box.style.height);// 有连字符的,要去掉,后面首字母变大写console.log(box.style.backgroundColor);};var btn2 = document.getElementById("btn2");btn2.onclick = function () {// 设置box样式,尺寸越来越大// 获得原来的尺寸var width = box.style.width; // 200pxvar height = box.style.height;// 获得宽度,截取数值// var newWidth = width.substring(0, width.length - 2);// 自带属性获得不带px的宽度var newWidth2 = box.clientWidth;var newHeight = box.clientHeight;// 设置尺寸box.style.width = newWidth2 + 10 + "px";box.style.height = newHeight + 10 + "px";// 只能获得,不能这样设置!// box.clientWidth = newWidth2 + 10;// box.clientHeight = newHeight + 10;};</script></body>

2.6 操作元素

如需向 HTML DOM 添加新元素，必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。

创建元素：document.createElement()

追加元素：appendChild()

创建出一个文本内容,这个内容是值开闭标签间的文本内容

document.createTextNode(“文本内容”);

删除已有的 HTML 元素,使用方法：removeChild()

  <body><button id="btn">点击时创建p标签,以及内容</button><div id="box"></div><script>var btn = document.getElementById("btn");btn.onclick = function () {// 创建元素pvar p = document.createElement("p"); // <p></p>// 创建文本内容var text = document.createTextNode("你好啊,Java"); // 你好啊,Java// 在p标签内,追加文本p.appendChild(text); // <p>你好啊,Java</p>var box = document.getElementById("box");// 把内容追加到div中box.appendChild(p);};</script></body>

2.9 删除元素

删除子节点

元素对象.removeChild(子元素);

  <body><ul id="ul"><li>刘德华</li><li>吴彦祖</li><li>彭于晏</li></ul><button id="btn">点击删除子元素</button><script>var btn = document.getElementById("btn");btn.onclick = function () {// 获得父元素var ul = document.getElementById("ul");// 获得所有li元素var liArr = document.getElementsByTagName("li");// 遍历for (var i = 0; i < liArr.length; i++) {// 通过父元素,删除子元素ul.removeChild(liArr[i]);i--; //下标回退}};</script></body>

2.10 改变HTML

改变HTML输出流：document.write() 可用于直接向 HTML 输出流写内容

<!DOCTYPE html>
<html>
<body>
<script>
document.write("Hello world,I'm JavaScript");
</script>
</body>
</html>

三、案例

练习1

输入框,点击输入框时,将输入框变高300,宽300,边框蓝色,背景红色.当离开输入框时,样式消失

事件: 获得焦点,失去焦点

要设置css样式

    <!-- 点击输入框时,将输入框变高300,宽300,边框蓝色,背景红色.当离开输入框时,样式消失 --><input id="i1" /><script>var i1 = document.getElementById("i1");i1.onfocus = function () {i1.style.height = "300px";i1.style.width = "300px";// i1.style.borderColor = "blue";i1.style.border = "30px yellow solid";i1.style.backgroundColor = "red";};i1.onblur = function () {i1.style.height = "";i1.style.width = "";i1.style.border = "";i1.style.backgroundColor = "";// 重置样式i1.style = "reset";// i1.style = "";};</script></body>

设置div,高300宽300,鼠标进入div,div背景变红,离开div背景变绿

  <divid="box"style="width: 300px; height: 300px; border: 2px red solid"></div><script>var box = document.getElementById("box");// 鼠标进入div,div背景变红,离开div背景变绿box.onmouseover = function () {box.style.backgroundColor = "red";};box.onmouseout = function () {box.style.backgroundColor = "green";};
</script>

练习: 设置输入框,输入内容,点击按钮,将内容追加到div后

  <body>请输入内容:<input id="i1" /><button id="btn">追加内容</button><div id="box"></div><script>var btn = document.getElementById("btn");btn.onclick = function () {// 获得输入框的内容var text = document.getElementById("i1").value;// 创建p标签var p = document.createElement("p");// 创建文本节点var textNode = document.createTextNode(text);// 追加内容p.appendChild(textNode);// 给div追加内容var box = document.getElementById("box");box.appendChild(p);document.getElementById("i1").value = "";};</script></body>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ztKOtCgG-1678454186312)(D:\前锋学习笔记\笔记\image-20230310172209152.png)]

JS学习笔记day04

今日内容零、复习昨日一、事件二、DOM操作三、案例零、复习昨日 js 脚本语言,弱类型引入方案: 3种 js的内容: 语法dombom 语法变量 var 数据类型引用类型 - 对象,JSON {key:value,key:value} 数组 var arr new Array();var arr [1,2];下标取值赋值pop() s…...

编程日记 2023/3/11 8:48:09

异步控制流程遍历篇

文章目录基础方法onlyOnce 只执行一次，第二次报错once 只执行一次，第二次无效iteratorSymbol 判断是否具有迭代器并返回迭代器arrayEach 普通数组遍历baseEach 对象类型遍历symbolEach 具有迭代器类型遍历异步遍历each异步控制流程的目的： 对…...

编程日记 2023/3/11 8:47:04

ICASSP 2023论文模型开源｜语音分离Mossformer

人类能在复杂的多人说话环境中轻易地分离干扰声音，选择性聆听感兴趣的主讲人说话。但这对机器却不容易，如何构建一个能够媲美人类听觉系统的自动化系统颇具挑战性。本文将详细解读ICASSP2023本届会议收录的单通道语音分离模型Mossformer论文&#xff0…...

编程日记 2023/3/11 8:46:00

vs2019 更改工程项目名称

本地解决方案所在的位置为：D:\Projcet 解决方案名称：hello.sln 位置：D:\Projcet\hello.sln 工程项目名称：test 位置：D:\Projcet\test (文件夹中包含头文件，源文件) 工程包含的文件： fun.h …...

编程日记 2023/3/11 8:44:56

1. 先去华为官网下载FusionCompute的镜像下载地址：https://support.huawei.com/enterprise/zh/distributed-storage/fusioncompute-pid-8576912/software/251713663?idAbsPathfixnode01%7C22658044%7C7919788%7C9856606%7C21462752%7C8576912 下载后放在D盘中&am…...

编程日记 2023/3/11 8:43:51

makefile 参数和基本使用

make 常用选项make[-f file] [options] [target]make 默认在当前目录中查找GUNmakefile、makefile 及 Makefile 文件作为make的输入文件-f 指定文件作为输入文件-v 显示版本号-n 只输出命令不执行， 一般作为测试-s 执行命令不显示命令，-w 显示执行前和执…...

编程日记 2023/3/11 8:42:49

golang 占位符还傻傻分不清？

xdm ，写 C/C 语言的时候有格式控制符，例如 %s , %d , %c , %p 等等在写 golang 的时候，也是有对应的格式控制符，也叫做占位符，写这个占位符，需要有对应的数据与之对应，不能瞎搞基本常见常用…...

编程日记 2023/3/11 8:41:46

manacher算法详解

例题求一个字符串的最长回文子串的长度 O(N2)O(N^2)O(N2)的解法很容易想，就是从每个字符位置向左右同时拓展，然后检查当前是不是回文，更新长度，可以简单写一下代码 int solve(string &ss){int ans 0;int n ss.length();s…...

编程日记 2023/3/11 8:40:40

要做一个关于DDD的内部技术分享，记录下用到的资源，学习笔记（未完）

最后更新于2023年3月10日 14:28:08 问题建模》软件分层》具体结构，是层层递进的关系。有了问题建模，才能进行具体的软件分层的讨论，再有了分层，才能讨论在domain里面应该怎么实现具体结构。 1、问题建模：Domain、Mod…...

编程日记 2023/3/11 8:39:35

KDZD互感器二次负载测试仪

一、概述电能计量综合误差过大是电能计量中普遍存在的一个关键问题。电压互感器二次回路压降引起的计量误差往往是影响电能计量综合误差的因素。所谓电压互感器二次压降引起的误差，就是指电压互感器二次端子和负载端子之间电压的幅值差相对于二次实际电压的百分数…...

编程日记 2023/3/11 8:38:31

在空投之后，Blur能否颠覆OpenSea的主导地位？

Mar. 2023, Daniel数据源： NFT Aggregators Overview & Aggregator Statistics Overview & Blur Airdrop一年前，通过聚合器进行的NFT交易量开始像滚雪球一样增长，有时甚至超过了直接通过市场平台的交易量。虽然聚合器的使用量从10月到…...

编程日记 2023/3/11 8:37:29

2023年新三板产品及服务研究报告

第一章概述全国中小企业股份转让系统（英语：National Equities Exchange and Quotations，缩写NEEQ），简称股转系统，是第三家全国性证券交易场所，因挂牌企业均为高科技企业而不同于原转让系统内…...

编程日记 2023/3/11 8:36:25

张力控制之开环模式

张力控制的相关知识也可以参看专栏的其它文章，链接如下：张力闭环控制之传感器篇（精密调节气阀应用）_RXXW_Dor的博客-CSDN博客跳舞轮对应张力调节范围，我们可以通过改变气缸的气压方式间接改变，张力跳舞轮在收放卷闭环控制上的详细应用，可以参看下面的文章链接，这里我…...

编程日记 2023/3/11 8:35:22

python的django框架从入门到熟练【保姆式教学】第二篇

在上一篇博客中，我们介绍了Django的基础知识，并创建了一个简单的Web应用程序。在本篇教程中，我们将深入探讨Django的模型层（Model），它是Django应用程序的核心组件之一。模型层 Django的模型层是一个对象…...

编程日记 2023/3/11 8:34:13

解决win10的过度保护导致文件下载不了程序不能打开运行

win7看来大概是要离我们远去了，虽然我们还能看见她的背影，但大势所趋，我们也只能慢慢的接受win10进入到我们的日常生活。但win10很多时候过度的保护却给我们带来了不便。这里列举两个最常见的问题，当然我这里也给出了解决方案。文…...

编程日记 2023/3/11 8:33:11

扬帆优配|业务量大突破，这个行业发展明显向好

近期上市的新股，大都在招股阐明书里公布了本年第一季度成绩预告。我国快递事务量本年已达200亿件国家邮政局监测数据显现，到3月8日，本年我国快递事务量已到达200.9亿件，比2019年到达200亿件提前了72天，比2022年提前…...

编程日记 2023/3/11 8:32:06

DJ1-4 计算机网络和因特网

目录一、协议层及其服务模型 ISO/OSI 七层参考模型 TCP/IP 参考模型 1. 网际协议栈（protocol stack） 2. 分层：逻辑通信 3. 协议分层与数据二、攻击威胁下的网络 1. 植入恶意软件 2. 攻击服务器和网络基础设施 3. 嗅探分组 4. 伪…...

编程日记 2023/3/11 8:31:03

Nginx根据$host及请求的URI规则重定向rewrite

项目背景： 将域名请求从默认的80端口转发到443 ssl。本项目特殊之处是一个端口监听多个域名，某些域名还有跳转到特定的地址。普通情况： server { listen 80; #默认的80端口，非…...

编程日记 2023/3/11 8:29:59

人工智能实验一：使用搜索算法实现罗马尼亚问题的求解

1.任务描述本关任务： 了解有信息搜索策略的算法思想；能够运用计算机语言实现搜索算法；应用A*搜索算法解决罗马尼亚问题； 2.相关知识 A*搜索算法介绍 A*算法常用于二维地图路径规划，算法所采用的启发式搜索可以…...

编程日记 2023/3/11 8:28:55

Spring Security基础入门

基础概念什么是认证认证：用户认证就是判断一个用户的身份身份合法的过程，用户去访问系统资源的时候系统要求验证用户的身份信息，身份合法方可继续访问，不合法则拒绝访问。常见的用户身份认证方式有：用户密码登录&am…...

编程日记 2023/3/11 8:27:51

dnsresolver-limit

文件OperationLimiter.h功能DnsResolver是andnroid中提供DNS能力的小型DNS解析器，limit是其中的一个小模块，支持全局、基于key（UID）的DNS请求限制。DnsResolver是多线程模型，单个DNS请求最多启动3个线程(传统DNS)。在网…...

编程日记 2023/3/11 8:26:47

使用 YoctoProject集成Qt6

By Toradex胡珊逢在嵌入式领域中Qt 作为普遍选择的 UI 方案目前已经发布 Qt6 版本。本文将介绍如何为 Toradex 的计算机模块使用 Yocto Project 将 Qt6 集成到镜像里。首先根据这里的说明，准备好Yocto Project 的编译环境。这里我们选择 Toradex 最新的 Linux BSP V…...

编程日记 2023/3/11 8:25:44

「媒体邀约」如何选择适合的媒体公关，媒体服务供应商

传媒如春雨，润物细无声，大家好，我是51媒体网胡老师。每天胡老师也会接到大量关于媒体方面的询问，胡老师也都一一的很耐心的进行了解答，也都很详细的做了媒体规划和媒体传播方案，但有的朋友还是很犹豫&…...

编程日记 2023/3/11 8:24:41

html2canvas和jspdf导出pdf，每个页面模块占一页，在pdf中垂直居中显示

需求：html页面转换pdf，页面有多个模块，页面中有文本、echarts、表格等模块，一个模块占一页，因为模块高度不够，所以需要垂直居中通过html2canvas和jspdf实现，html2canvas用于将页面元素生成canv…...

编程日记 2023/3/11 8:23:34

数学小课堂：集合论的公理化过程（用构建公理化体系的思路来构建自然数）

文章目录引言I 数的理论1.1 构建自然数1.2 定义整数/有理数/实数/虚数/复数II 自然数和集合的关系1.3 集合1.2 构建自然数III 线性规划问题(线性代数+最优化)3.1 题目3.2 答案引言数学是一个公理化的体系，是数学对其它知识体系有启发的地方。数学的思维方式：不轻易相信…...

编程日记 2023/3/11 8:22:30

3.10多线程

一.常见锁策略1.悲观锁 vs乐观锁体现在处理锁冲突的态度①悲观锁:预期锁冲突的概率高所以做的工作更多,付出的成本更多,更低效②乐观锁:预期锁冲突的概率低所以做的工作少,付出的成本更低,更搞笑2.读写锁 vs 普通的互斥锁①普通的互斥锁,只有两个操作加锁和解锁只有两个线程针…...

编程日记 2023/3/11 8:21:25

缓存双写一致性之更新策略探讨

问题由来数据redis和MySQL都要有一份，如何保证两边的一致性。如果redis中有数据：需要和数据库中的值相同如果redis中没有数据：数据库中的值是最新值，且准备会写redis 缓存操作分类自读缓存读写缓存： &#xff0…...

编程日记 2023/3/11 8:20:21

scala高级函数快速掌握

scala高级函数一.函数至简原则二.匿名的简化原则三.高阶函数四.柯里化和闭包五.递归六.抽象控制七.惰性加载🔥函数对于scala（函数式编程语言）来说非常重要，大家一定要学明白，加油！！！…...

编程日记 2023/3/11 8:19:17

手写模拟SpringMvc源码

MVC框架MVC是一种设计模式（设计模式就是日常开发中编写代码的一种好的方法和经验的总结）。模型（model）-视图（view）-控制器（controller），三层架构的设计模式。用于实现前端…...

编程日记 2023/3/11 8:18:16

五分钟了解JumpServer V2.* 与 v3 的区别

一、升级注意项 1、梳理数据。JumpServer V3 去除了系统用户功能，将资产与资产直接绑定。当一个资产名下有多个同名账号，例如两个root用户时，升级后会自动合并最后一个root，不会同步其他root用户。升级前需保证每一个资产只拥有一…...

编程日记 2023/3/11 8:17:11

用友开发者中心应用构建实践指引！

基于 iuap 技术底座，用友开发者中心致力于为企业和开发者提供一站式技术服务，让人人都能轻松构建企业级应用。本文以人力资源领域常用的应聘人员信息登记与分析功能为例，详细介绍如何在用友开发者中心使用 YonBuilder 进行应用构建。功能…...

编程日记 2023/3/11 8:16:08

snap使用interface:content的基础例子

snap做包还在学习阶段，官网文档可查看：The content interface | Snapcraft documentation该例子由publiser和consumer两部分组成，一个提供一个只读的数据区，一个来进行读取其中的信息，这样就完成了content的交互。publ…...

编程日记 2023/3/11 8:15:04

蓝桥杯刷题第七天

第一题：三角回文数问题描述对于正整数 n, 如果存在正整数 k 使得2n123⋯k2k(k1), 则 n 称为三角数。例如, 66066 是一个三角数, 因为 66066123⋯363。如果一个整数从左到右读出所有数位上的数字, 与从右到左读出所有数位上的数字是一样的, 则称这个数为回文数。例如…...

编程日记 2023/3/11 8:14:01

FinOps首次超越安全成为企业头等大事｜云计算趋势报告

随着云计算在过去十年中的广泛应用，云计算用户所面临的一个持续不变的趋势是：安全一直是用户面临的首要挑战。然而，这种情况正在发生转变。知名IT软件企业 Flexera 对云计算决策者进行年度调研已经持续12年，而今年安全问题首次…...

编程日记 2023/3/11 8:12:59

【深度强化学习】(3) Policy Gradients 模型解析，附Pytorch完整代码

大家好，今天和各位分享一下基于策略的深度强化学习方法，策略梯度法是对策略进行建模，然后通过梯度上升更新策略网络的参数。我们使用了 OpenAI 的 gym 库，基于策略梯度法完成了一个小游戏。完整代码可以从我的 GitHub 中获得&…...

编程日记 2023/3/11 8:11:56

Windows基于Nginx搭建RTMP流媒体服务器（附带所有组件下载地址及验证方法）

RTMP服务时常用于直播时提供拉流推流传输数据的一种服务。前段时间由于朋友想搭建一套直播时提供稳定数据传输的服务器，所以就研究了一下如何搭建及使用。 1、下载nginx 首先我们要知道一般nginx不能直接配置rtmp服务，在Windows系统上需要特殊nginx版本…...

编程日记 2023/3/11 8:10:54

交流电机驱动器中的隔离电压感应

汽车和工业终端设备，如电机驱动器、串式逆变器和机载充电器，在高电压下运行，不能安全地与人直接互动。隔离电压测量通过保护人类免受高压电路执行一个功能的影响，有助于优化操作和确保使用的安全性。设计用于高性能，隔…...

编程日记 2023/3/11 8:09:47

爬取知乎问题答案

参考博客：基于Python知乎回答爬虫 jieba关键字统计可视化_知乎爬虫搜索关键词_菠萝柚王子的博客-CSDN博客 1、安装依赖包 import numpy import requests import certifi from PIL import Image from lxml import etree import jieba from wordcloud import WordClo…...

编程日记 2023/3/11 8:08:43

通用智能理论

将智能定义为解决矛盾的能力，用解决矛盾的概率提升来评估智能程度，以此为基础推导智能原理，建立一种新的通用智能理论。 1 前言通用人工智能（Artificial General Intelligence）是人类长久以来的梦想。经历了一次次挫败…...

编程日记 2023/3/11 8:07:39

保姆级使用PyTorch训练与评估自己的MixMIM网络教程

文章目录前言0. 环境搭建&快速开始1. 数据集制作1.1 标签文件制作1.2 数据集划分1.3 数据集信息文件制作2. 修改参数文件3. 训练4. 评估5. 其他教程前言项目地址：https://github.com/Fafa-DL/Awesome-Backbones 操作教程：https://www.bilibili.co…...

编程日记 2023/3/11 8:06:35

《百万在线大型游戏服务端开发》前两章概念笔记

第1章从角色走路说起游戏网络通信的流程则是服务端先开启监听，等待客户端的连接，然后交互操作，最后断开。套接字每个Socket都包含网络连接中一端的信息。每个客户端需要一个Socket结构，服务端则需要N1个Socket结构&#xff…...

编程日记 2023/3/11 8:05:31

3BHE029110R0111 ABB

3BHE029110R0111 ABB变频器控制方式低压通用变频输出电压为380～650V，输出功率为0.75～400kW，工作频率为0～400Hz，它的主电路都采用交—直—交电路。其控制方式经历了以下四代。1U/fC的正弦脉宽调制&#xff0…...

编程日记 2023/3/11 8:04:29

实现防重复操作（JS与CSS）

实现防重复操作（JS与CSS） 一、前言日常开发中我们经常会对按钮进行一个防重复点击的校验，这个通常使用节流函数来实现。在规定时间内只允许提交一次，可以有效的避免事件过于频繁的执行和重复提交操作，以及为服务器考…...

编程日记 2023/3/11 8:03:25

怎么合并或注销重复LinkedIn领英帐号？

您可能会发现您拥有多个领英帐户。如果您收到消息，提示您尝试使用的邮箱与另一个帐户已绑定，就表明您可能存在重复的领英帐户。如果您使用许多不同的邮箱地址，也可能会收到这样的提示。领英精灵温馨提示: 目前，仅支持在 PC 端合并…...

编程日记 2023/3/11 8:02:23

Redis高频面试题汇总(中)

目录 1.什么是redis事务？ 2.如何使用 Redis 事务？ 3.Redis 事务为什么不支持原子性 4.Redis 事务支持持久性吗 5.Redis事务基于lua脚本的实现 6.Redis集群的主从复制模型是怎样的？ 7.Redis集群中，主从复制的数据同步的步骤 …...

编程日记 2023/3/11 8:01:19

【Flutter从入门到入坑之三】Flutter 是如何工作的

【Flutter从入门到入坑之一】Flutter 介绍及安装使用【Flutter从入门到入坑之二】Dart语言基础概述【Flutter从入门到入坑之三】Flutter 是如何工作的本文章主要以界面渲染过程为例，介绍一下 Flutter 是如何工作的。页面中的各界面元素（Widget&…...

编程日记 2023/3/11 8:00:12

Web Components学习(2)-语法

一、Web Components 对 Vue 的影响尤雨溪在创建 Vue 的时候大量参考了 Web Components 的语法，下面写个简单示例。首先写个 Vue 组件 my-span.vue：  <template><span>my-span</span> </template>…...

编程日记 2023/3/11 7:59:06

Lesson 9.2 随机森林回归器的参数

文章目录一、弱分类器的结构1. 分枝标准与特征重要性2. 调节树结构来控制过拟合二、弱分类器的数量三、弱分类器训练的数据1. 样本的随机抽样2. 特征的随机抽样3. 随机抽样的模式四、弱分类器的其他参数在开始学习之前，先导入我们需要的库。 import numpy as np im…...

编程日记 2023/3/11 7:58:02

Kubernetes Secret简介

Secret概述前面文章中学习ConfigMap的时候，我们说ConfigMap这个资源对象是Kubernetes当中非常重要的一个对象，一般情况下ConfigMap是用来存储一些非安全的配置信息，如果涉及到一些安全相关的数据的话用ConfigMap就非常不妥了，因…...

编程日记 2023/3/11 7:56:57

Redis 哨兵（Sentinel）

文章目录1.概述2. 没有哨兵下主从效果3.搭建多哨兵3.1 新建目录3.2 复制redis3.3 复制配置文件3.4 修改配置文件3.5 启动主从3.6 启动三个哨兵3.7 查看日志3.8 测试宕机1.概述在redis主从默认是只有主具备写的能力，而从只能读。如果主宕机，整个节点不具…...

编程日记 2023/3/11 7:55:55

今日内容

零、 复习昨日

零、 复习昨日

一、事件

1.1 事件介绍

1.2 事件绑定方式

1.3 不同事件的演示

1.3.1 鼠标事件

1.3.2 键盘事件

1.3.3 表单事件【重点】

1.3.4 加载事件【重点】

二、DOM操作

2.1 概述

2.2 查找元素

2.3 元素内容的查找和设置

2.4 元素属性的查找和设置

2.5 元素CSS样式的查找和设置

2.6 操作元素

2.9 删除元素

2.10 改变HTML

三、案例

相关文章：

零、复习昨日

零、复习昨日