leijiawu 2个月前
```javascript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .image{ width: 80%; margin: 0 auto; } </style> </head> <body> <div class="image"> <h2 style="text-align: center;">精选图片展示</h3> <img src="" alt="" width="100%" id="img1"> <button id="start" style="width: 49%">开始</button> <button id="pause" style="width: 50%">暂停</button> </div> <script> const img = document.querySelector("#img1")//通过id “img1”查找页面元素，并用img保存 let nIntervId;//用来保存setInterval计时器函数的返回值（setInterval返回的ID值） function changeImg(){ if(!nIntervId){ //判断setInterval返回的ID值是否为null nIntervId=setInterval(flashImg,160);//如果为null说明setInterval计时器停止，所以让setInterval在这里运行，每隔160毫秒就执行一次flashImg函数 } } var i_img=1 //循环的变量 img.src='img/'+'屏幕截图('+i_img +').png';//设置打开HTML式默认展示的图片的路径 function flashImg(){ img.src='img/'+'屏幕截图('+i_img +').png'; //设置新一张的图片路径 if(i_img==25){ i_img=0; //重新循环 } i_img++; } function stopchangeImg(){ clearInterval(nIntervId);//清除setInterval返回的ID值 nIntervId = null; } document.getElementById("img1").addEventListener("mouseenter",stopchangeImg);//为img1添加mouseenter事件监听器，执行stopchangeImg函数，暂停更换图片 document.getElementById("img1").addEventListener("mouseleave",changeImg);//为img1添加mouseleave事件监听器，执行changeImg函数，更换图片 document.getElementById("start").addEventListener("click",changeImg);//为id是“start”的按钮添加click事件监听器，执行changeImg函数，更换图片 document.getElementById("pause").addEventListener("click",stopchangeImg);//为id是“start”添加pause事件监听器，执行stopchangeImg函数，暂停更换图片 </script> </body> </html> ```
leijiawu 2个月前
```html <img src="" alt="" width="100%" id="img1"> ``` if语句里面的img.src会使用绝对路径 ```javascript <script> const img = document.querySelector("#img1")//通过id “img1”查找页面元素，并用img保存 img.src='1.jpg' if(img.src==='1.jpg'){//这里的img.src会自动使用绝对路径，所以只会执行else语句，除非'1.jpg'换成绝对路径 img.src='2.jpg'//相对路径 }else{ img.src='1.jpg'//相对路径 } </script> ```
leijiawu 2个月前
```javascript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .container{ position: relative; width: 400px; height: 150px; background-color:antiquewhite; margin: 100px auto; text-align: center; } button{ width: 80px; height: 30px; margin-top: 20px; margin-bottom: 20px; } </style> </head> <body> <div class="container"> <input type="text"> <button id="bt">Click me</button> <p id="p1"></p> </div> <script> const input =document.querySelector('input') const btn =document.querySelector('button') const p=document.querySelector('p') var str; btn.addEventListener('click',function(){ str=input.value // p.innerHTML=`你输入的内容是${str}` if(isNaN(str.charAt(0))){ p.style.color='red'; p.innerHTML=`你输入的内容是${str}` }else{ p.style.color='blue'; p.innerHTML=`你输入的内容是${str}` } }) </script> </body> </html> ```
leijiawu 2个月前
## JavaScript点击计数的两种方法 ### 一、用querySelector ```javascript const button=document.querySelector('button') const p=document.querySelector('p') p.innerHTML=............ ``` ### 二、用getElementsById ```javascript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .container{ position: relative; width: 400px; height: 150px; background-color:antiquewhite; margin: 100px auto; text-align: center; } button{ width: 80px; height: 30px; margin-top: 20px; margin-bottom: 20px; } </style> </head> <body> <div class="container"> <button id="bt">Click me</button> <p id="p1"></p> </div> <script> var str1='这是第'; var num1=0; var str2='次点击'; document.getElementById('bt').addEventListener('click',function(){ num1++; document.getElementById('p1').innerHTML = str1 + num1+str2; }) </script> </body> </html> ```
leijiawu 2个月前
简单模板 ```javascript var times=1; p.innerHTML=`这是第${times}次点击` ```
leijiawu 2个月前
刚刚开始学Spring，被一堆手动配置搞懵了🥵 所以简单看了一些Spring核心知识就去学Spring Boot了。 首先是配置环境，先要配置好JDK, 再配置Maven, 配好环境，后就可以开始了。 这里我使用的是社区版的IntelliJ IDEA, 结果发现没有Spring Initiallzr插件，一看是代理的问题，代理设置成自动代理，网址填 https://plugins.jetbrains.com， 重启IDEA就可以加载出插件市场✌️，结果，官方的Spring插件居然要收费！ 我又试了书本里提到的Spring Boot CLI, 安装好后，输入命令、创建、运行，总是出现乱七八糟的错误，要么是active文件不行😡，要么是自己结束运行😡，也没有找到解决方法。😭 最后，我直接使用官方的构建网站 https://start.spring.io/ 选好配置，点GENERATE，就会自动下载压缩包到本地，解压后，用IDEA打开，运行，成功！😘 打开浏览器访问8080端口，就可以访问正在运行的Spring Boot应用了！但是此时并没有视图，在resource/static/文件夹创建一个index.html就可以作为默认的主页视图。😘
leijiawu 2个月前
### ST算法 ST算法居然是“简单算法”！？ 在求解区间最大值的时候，如果数据范围较小的话，可以直接用暴力法解决；如果数据范围比骄傲大的时候，则需要考虑使用__ST算法__。 __ST算法__是基于倍增法而得来算法。它的基本原理：大区间能被两个小区间覆盖，则大区间的最值可以由和两个小区间的最值计算得来。 所以，（1）把数列分为许多个小区间，（2）对任意一个区间进行最值查询，找到覆盖它的两个小区间，用这两个区间的最值算出答案。✌️嗯，可以发现，递推关系是一个dp过程。 那么，分小区间，就是分为1、2、4、8...x^2的小区间。 定义dp[s][k], 左端点是s， 长度是2^k，记录的是这个区间的最值。所以地推关系是dp[s][k]=min{ dp[s][k-1], dp[s + 1<<(k-1)][k-1] }, 其中1<<(k-1)表示2的(k-1)次方。 直接上模板！ ```cpp #include<bits/stdc++.h> using namespace std; const int N = 500001; int n,m; int a[N],dp[N][40}; void st_init(){ for(int i=1;i<=n;i++) dp[i][0]=a[i]; int p=log2(n); for(int k=1;k<=p;k++) for(int s=1;s+=(1<<k)<n+1;s++) dp[s][k]=max(dp[s][k-1],dp[s+(1<<(k-1))][k-1]); } int st_query(int L,int R){ int k=log2(R-L+1); return max(dp[L][k],dp[R-(1<<k)+1][k]); } ```
leijiawu 2个月前
## Git远程仓库的简易使用（以gitee为例） --- git远程仓库能让我们更方便地管理项目，更方便地在多个设备之间同步代码，本文讲的是最简易的gitee远程仓库的使用。 --- ### 一、下载Git 首先要把git下载到你的电脑上，一般默认安装就好。 下载地址： 国内镜像：https://registry.npmmirror.com/binary.html?path=git-for-windows/ ### 二、注册gitee与创建仓库 此时，你已经拥有gitee账号，接下来，你需要考虑是否要创建“仓库”。 如果项目已经有仓库了，那么就直接使用那个项目的仓库就行。 如果项目还没有仓库， 那么就创建一个仓库。 ### 三、生成SSH公钥 电脑与gitee仓库的文件传输，需要电脑上有一种叫做“公钥”的文件,作为访问gitee的钥匙。咋弄? 这里我直接帮你找了两篇生成ssh公钥的文章： 1、腾讯云开发者社区（我自己试过的）：https://cloud.tencent.com/developer/article/1594769 2、gitee自己的教程（较为简短但是我没试过）：https://gitee.com/profile/sshkeys ### 四、在gitee上添加公钥 刚刚你已经生成了公钥，就是那个“.pub”后缀的文件，自己想办法复制里面的所有字符，然后在仓库所属的gitee账号的页面右上角【头像】-【账号设置】-【安全设置】-【SSH公钥】，添加公钥，公钥标题虽然可以随便写但是最好写这个公钥是那个设备的，然后把刚刚复制的字符粘贴进“公钥”里面，点击确定。 ### 五、上传项目到gitee 现在假设仓库还是空的，那么请看这篇文章： https://blog.csdn.net/qq_45798556/article/details/114632849 ### 六、简单的操作 git pull :gitee仓库文件覆盖本地文件 git push :本地文件覆盖gitee仓库文件
🎉欢迎来到沃德码🎉
本站发布各种有关编程的博客，包括C/C++、Java、PHP、HTML/CSS、服务端、数据库等，还有其它的一些内容，虽然都比较基础😅 有事没事，来逛逛吧~😉 分享快乐Coding日常😜
热门博客🔥
159
118
110
104
99
90
86
76
71
59
56
46
41
37