【how2j练习题】HTML DOM部分阶段练习

news2024/11/27 4:41:21

练习1

在这里插入图片描述

<!-- 验证账号是否已经存在 
那么就在js使用简单的验证规则： 如果账号是以a或者A开头的，那么就提示已经存在了。 -->
<!-- 
1.需要一个输入框和一个按钮
2.按钮上绑上一个事件。
3.编写事件，并输出答案 -->

<html>

<style>
</style>

<script>

    function changeDiv(){
        var input1 = document.getElementById("input").value;

        //  document.getElementById("d").innerHTML= input1;

        var color = document.body.style.color;

         if(input1[0] == "a" || input1[0] == "A"){

            document.getElementById("d").innerHTML= "账号已经存在";
            document.body.style.color = 'red';
        }else{
             document.getElementById("d").innerHTML= "账号可以使用";     
             document.body.style.color = 'green';   
        }    
    }
    </script>    
    
<input id="input" class="class">
<button onclick="changeDiv()">验证</button>
<span id="d"></span>
</html>

在这里插入图片描述
在这里插入图片描述

练习2

在这里插入图片描述

<!--点击按钮，切换照片-->
<!-- src属性切换 和 属性节点切换 -->

<html>
    
<img src="aaa.jpg" id="img" />

<script> 

function changeDiv1(){
  document.getElementById("img").src= "bbb.jpg";
}

function changeDiv2(){
  document.getElementById("img").attributes[0].nodeValue= "ccc.jpg" ;
}
</script>
 
<br>
<button onclick="changeDiv1()">通过src属性切换图片1</button>
<button onclick="changeDiv2()">通过属性节点切换图片2</button>
 
</html>

在这里插入图片描述
在这里插入图片描述

练习3

在这里插入图片描述

<!-- 验证账号是否已经存在 判断输入框里的值，是否是整数(浮点数也不行) -->

<html>

<style>
</style>


<script>


    function changeDiv(){
        var input1 = document.getElementById("input").value;

        //  document.getElementById("d").innerHTML= input1;

        var color = document.body.style.color;


        if( input1%1 === 0){
            document.getElementById("d").innerHTML= "是整数";     
             document.body.style.color = 'green';   

            
         
        }else{

            
            document.getElementById("d").innerHTML= "不是整数";
            document.body.style.color = 'red';

        }
    
         
    }
    
    </script>    


<input id="input" class="class">
<button onclick="changeDiv()">验证</button>
<span id="d"></span>

在这里插入图片描述
在这里插入图片描述

练习 4

在这里插入图片描述



 
<style>
    table {
        width: 800px;
	    border-collapse: collapse;
    }

    tr {
        background-color: white;
        text-align: center;
        border-bottom: 1px solid gray;
        }
</style>

<table>

    <thead>
        <tr>
            <td>id</td>
            <td>名称</td>
            <td>血量</td>
            <td>伤害</td>
        </tr>
    </thead>
    
    <tbody>
      <tr>
        <td>1</td>
        <td>aaa</td>
        <td>34544</td>
        <td>34234</td>
      </tr>

      <tr>
        <td>2</td>
        <td>addd</td>
        <td>1234</td>
        <td>32424</td>
      </tr>

      <tr>
        <td>3</td>
        <td>gfxdgg</td>
        <td>3243</td>
        <td>124223</td>
      </tr>

      <tr>
        <td>4</td>
        <td>fddzss</td>
        <td>43242</td>
        <td>340012</td>
      </tr>

    </tbody>
    
  
</table>

<script>
    var  trs = document.getElementsByTagName("tr");

    for(i=1;i<trs.length;i+=2){

      trs[i].style.background = "#f2f2f2";
    }
 </script>

在这里插入图片描述

练习 5

在这里插入图片描述

<style>
    /* 下拉按钮样式 */
    .dropbtn {
        color: CornflowerBlue;
        text-decoration: none;
        font-size:20px;
        font-family:宋体;
    }
    
    /* 容器 <div> - 需要定位下拉内容 */
    .dropdown {
        margin-top:15px;
        position: relative;
        display: inline-block;
    }
    
    /* 下拉内容 (默认隐藏) */
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #ffffff;
        min-width: 80px;
        border: 1px solid lightgray;
    }
    
    /* 下拉菜单的链接 */
    .dropdown-content a {
        color: gray;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }
    
    /* 鼠标移上去后修改下拉菜单链接颜色 */
    .dropdown-content a:hover {background-color: #f1f1f1}
    
    /* 在鼠标移上去后显示下拉菜单 */
    .dropdown:hover .dropdown-content {
        display: block;
    }
    
    </style>

<div class="dropdown">
    <a class="dropbtn">武器</a>
    <div class="dropdown-content">
      <a href="#">大剑</a>
      <a href="#">屠龙</a>
      <a href="#">倚天</a>
      <a href="#">七孔砖</a>
    </div>
</div>
<div class="dropdown">
    <a class="dropbtn">护甲</a>
    <div class="dropdown-content">
      <a href="#">胸甲</a>
      <a href="#">护腕</a>
      <a href="#">头盔</a>
      <a href="#">鞋子</a>
    </div>
</div>

<div class="dropdown">
    <a class="dropbtn">英雄</a>
    <div class="dropdown-content">
      <a href="#">aaa</a>
      <a href="#">aaa</a>
      <a href="#">aaa</a>
      <a href="#">aaa</a>
    </div>
</div>

在这里插入图片描述

练习 6

在这里插入图片描述

<html>

<style>
</style>

<script>



    function change(){
        var input1 = document.getElementById("input").value;
        
        var color = document.body.style.color;

         if(input1[0] == "a" || input1[0] == "A"){
            
            document.getElementById("d").innerHTML= "账号已经存在";
            document.body.style.color = 'red';
        }else{
             document.getElementById("d").innerHTML= "账号可以使用";     
             document.body.style.color = 'green';   
        }    
    }



</script>    
    
<input id="input" class="class" onchange="change()">
<!-- <button onclick="changeDiv()">验证</button> -->
<span id="d"></span>
</html>

在这里插入图片描述

练习 7

在这里插入图片描述


<!-- 
    有多个复选框
    点击选中所有，所有的复选框都选中了
    点击反向选择，反选复选框 
-->
<!-- 
单选框是否选中，是看checked属性是true还是false

全选：设置每一个选择框的 checked 为 true
全不选：设置每一个选择框的 checked 为 false
反选：设置每一个选择框的 checked 与自身相反 -->

<!DOCTYPE html>
<style>
        .nonebtn {
        color: CornflowerBlue;
        text-decoration: none;
        font-size:20px;
        font-family:宋体;
    }
</style>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>		
	
		<input type="checkbox" name="books" id="checkAll" >
		全选
        <br>

		<input type="checkbox" name="books">
        tokyo hot
        <br>

        <input type="checkbox" name="books">
        tokyo hot
        <br>

        <input type="checkbox" name="books">
		lol
        <br>

		<input type="checkbox" name="books">
        wow
        <br>

        <input type="checkbox" name="books">
        warcraft
        <br>

        <input type="checkbox" name="books">
        diablo
        <br>

		<a href="#"  class = "nonebtn" id="checkNone" >全不选
        <br>

	
	</body>
	<script type="text/javascript">
		var books=document.getElementsByName("books");
		//1.全选 checkAll
		var checkAll=document.getElementById("checkAll");
		checkAll.onclick=function(){
		    for(i=0;i<books.length;i++){		         
		         books[i].checked=true;
		    }
		};

		//2.全不选 checkNone
		var checkNone=document.getElementById("checkNone");
		checkNone.onclick=function(){		    
		    for(i=0;i<books.length;i++){		         
		         books[i].checked=false;
		    }
		};
	</script>
</html>

在这里插入图片描述

练习 8

在这里插入图片描述


<style>
    table {
        width: 800px;
	    border-collapse: collapse;
    }

    tr {
        background-color: white;
        text-align: center;
        border-bottom: 1px solid gray;
        }
</style>

<table>

    <thead>
        <tr>
            <td>id</td>
            <td>名称</td>
            <td>血量</td>
            <td>伤害</td>
        </tr>
    </thead>
    
    <tbody>

    </tbody>
  
</table>

<script>
    //动态生成表格
    //data是模拟后台传来的数据
    var data = [
        {
            "id":"1",
            "name":"gareen",
            "blood":"340",
            "disaster":"58",
        },
        {
            "id":"2",
            "name":"teemo",
            "blood":"320",
            "disaster":"76",
        },
        {
            "id":"3",
            "name":"annine",
            "blood":"380",
            "disaster":"38",
        },
        {
            "id":"4",
            "name":"deadbrother",
            "blood":"400",
            "disaster":"90",
        }
    ];

        // 获取文档中id = "demo"的元素
    var tbody = document.querySelector('tbody');
    for(var i=0;i<data.length;i++){
        var tr = document.createElement('tr'); // 创建一个tr元素 行元素
        tbody.appendChild(tr);//将行tr放到tbody里
        for(var k in data[i]){
            var td = document.createElement('td'); //创建列
            td.innerHTML = data[i][k]; 
            tr.appendChild(td); //将td放到tr里
        }
    }

 </script>

在这里插入图片描述

练习 9

在这里插入图片描述

<script>
    function addJs(){
        //创建新元素
        var newScript = document.createElement('script'); 
        newScript.src = 'hello.js'; 

        //获得旧元素
        var firstScript = document.getElementsByTagName("script")[0]; 

        //新元素替换旧元素
        firstScript.parentNode.insertBefore(newScript,firstScript);
}

</script>
<button onclick="addJs()">加载js，test3041.js</button>

在这里插入图片描述

练习 10

在这里插入图片描述

<!-- 在进行删除操作前，都应该提示用户是否要删除 -->
<style>
    table {
        width: 800px;
	    border-collapse: collapse;
    }

    tr {
        background-color: white;
        text-align: center;
        border-bottom: 1px solid gray;
        }
</style>

<table>

    <thead>
        <tr>
            <td>id</td>
            <td>名称</td>
            <td>血量</td>
            <td>伤害</td>
            <th>操作</th>
        </tr>
    </thead>
    
    <tbody>

    </tbody>
  
</table>

<script>
    //动态生成表格
    //data是模拟后台传来的数据
    var data = [
        {
            "id":"1",
            "name":"gareen",
            "blood":"340",
            "disaster":"58",
        },
        {
            "id":"2",
            "name":"teemo",
            "blood":"320",
            "disaster":"76",
        },
        {
            "id":"3",
            "name":"annine",
            "blood":"380",
            "disaster":"38",
        },
        {
            "id":"4",
            "name":"deadbrother",
            "blood":"400",
            "disaster":"90",
        }
    ];


    var tbody = document.querySelector('tbody');
        for(var i=0;i<data.length;i++){
            var tr = document.createElement('tr');  //创建行
            tbody.appendChild(tr);  // 将tr放到tbody里
            for (var k in data[i]){
                var td = document.createElement('td'); //创建列
                td.innerHTML = data[i][k];  //单元格（列）添加数据
                tr.appendChild(td);   //将td放到tr里
            }
 
            //创建删除的单元格
            var td = document.createElement('td');
            td.innerHTML = '<a herf="javascript:;" style="color:blue;">' + '删除' + '</a>';
            tr.appendChild(td);
        }
 
        //实现点击删除两字删除对应的行

        //得到a
        var as = document.querySelectorAll('a');

        //1.弹出窗口进行询问

        //2.如果点击确定则执行 //如果不确定则关闭窗口




        //3.删除a
        for (var i=0;i<as.length;i++){
            as[i].onclick = function(){
                var r = confirm("确定删除？");
                if(r == true){
                    tbody.removeChild(this.parentNode.parentNode);  //this.parentNode.parentNode 代表a的父亲的父亲
                    alert("已删除");
                }else{
                    alert("未删除");
                }

            }
        }

 </script>

在这里插入图片描述

练习 11

在这里插入图片描述

 <!-- 验证账号密码不为空 -->
 <form action="https://how2j.cn/study/login.jsp" method = "post" onsubmit="return login()" >
    账号：<input id="d1" type="text" name="name"> <br/>
    密码：<input id = "d2" type="password" name="password" > <br/>
    <input type="submit" value="登陆">
</form>
<script>
    //获得不同的input根据text
    // 分别判断是否为空
    // 根据不同的情况输出不同的提示
    // 如果都不为空则提交

    function login(){
    var  div1 = document.getElementById("d1");
    
    var  div2 = document.getElementById("d2");

    if(div1.value.length == 0){
        alert("用户名不能为空！");
        return false;
    }
    if(div2.value.length == 0){
        alert("密码不能为空！");
        return false;
    }

    return true;


}

</script>

在这里插入图片描述

练习 12

在这里插入图片描述

<!-- 注册用户名用户名至少要三位数长度 -->

<form action="sucess.jsp" method = "post" onsubmit=" return assign()" >
    账号：<input id="d1" type="text" name="name"> <br/>

    <br/>

    <input type="submit" value="注册">

</form>
<script>
    //获得不同的input根据text
    // 分别判断长度是否大于三位数
    // 大于提交
    // 小于警示框

    function assign(){
    var  div1 = document.getElementById("d1");
    

    if(div1.value.length < 3){
        alert("用户名至少需要3位长度");
        return false;
    }

    return true;


}

</script>

在这里插入图片描述

练习 13

在这里插入图片描述



<form action="sucess.jsp" method = "post" onsubmit="return login()" >
    账号：<input id="d1" type="text" name="name"> <br/>
    <br/>
    年龄：<input id = "d2" type="text" name="age" > <br/>
    <br/>
    <input type="submit" value="登陆">
</form>
<script>
    //获得不同的input根据text
    // 分别判断是否为空
    // 根据不同的情况输出不同的提示
    // 如果都不为空则提交

    function login(){
    var  div1 = document.getElementById("d1");

    var  div2 = document.getElementById("d2");
    
    if(div1.value.length < 3){
        alert("用户名至少需要3位长度");
        return false;
    }

    if(isNaN(Number(div2.value))){
            alert("不是数字");
            return false;
        }
   

    return true;
 }

</script>

在这里插入图片描述

练习14

在这里插入图片描述


<form action="sucess.jsp" method = "post" id = "form" >
    账号：<input id="d1" type="text" name="name">
         <span id = "s_name"></span>
    <br/>
    <br/>
    年龄：<input id = "d2" type="text" name="age" > 
          <span id = "s_age"></span>
    <br/>
    <br/>
    <input type="submit" value="登陆">
</form>

<script>
    
    window.onload = function(){
            document.getElementById("form").onsubmit = function(){
                return checkUsername() && checkAge();
            };
            document.getElementById("d1").onblur = checkUsername;
            document.getElementById("d2").onblur = checkAge;
        };


function checkAge(){
            //校验年龄
            
            // 1.获取年龄的值
            var age = document.getElementById("d2").value;
            // 2.定义正则表达式
            var reg_age = /^(?:[1-9][0-9]?|1[01][0-9]|120)$/;
            // 3.判断值是否符合正则的规则
             var flag2 = reg_age.test(age);
             var s_age = document.getElementById("s_age");
            if(flag2){
                s_age.innerHTML = "年龄正确";
            }else{
                s_age.innerHTML = "年龄必须为整数";
            }
            return flag2;

    }


    function checkUsername(){

            // 校验用户名
            
            // 1.获取用户名的值
            var username = document.getElementById("d1").value;
            // 2.定义正则表达式
            var reg_username = /^[a-zA-Z0-9_-]{3,16}$/;
             // 3.判断值是否符合正则的规则
            var flag1 = reg_username.test(username);
            // 4.提示信息
            var s_username = document.getElementById("s_name");
            if(flag1){
                s_username.innerHTML = "格式正确";
            }else{
                s_username.innerHTML = "用户名格式有误";
            }
            return flag1;

}




</script>

在这里插入图片描述
在这里插入图片描述

练习15

在这里插入图片描述

<form action="sucess.jsp" method = "post" id = "form" >
    账号：<input id="d1" type="text" name="name">
         <span id = "s_name"></span>
    <br/>
    <br/>
    年龄：<input id = "d2" type="text" name="age" > 
          <span id = "s_age"></span>
    <br/>
    <br/>

    邮箱：<input id = "d3" type="text" name="email" > 
    <span id = "s_email"></span>
    <br/>
    <br/>
    <input type="submit" value="登陆">
</form>

<script>
    
    window.onload = function(){
            document.getElementById("form").onsubmit = function(){
                return checkUsername() && checkAge()&&checkEmail();
            };
            document.getElementById("d1").onblur = checkUsername;
            document.getElementById("d2").onblur = checkAge;
            document.getElementById("d3").onblur = checkEmail;            
        };


function checkAge(){
            //校验年龄
            
            // 1.获取年龄的值
            var age = document.getElementById("d2").value;
            // 2.定义正则表达式
            var reg_age = /^(?:[1-9][0-9]?|1[01][0-9]|120)$/;
            // 3.判断值是否符合正则的规则
             var flag2 = reg_age.test(age);
             var s_age = document.getElementById("s_age");
            if(flag2){
                s_age.innerHTML = "年龄正确";
            }else{
                s_age.innerHTML = "年龄必须为整数";
            }
            return flag2;

    }


    function checkUsername(){

            // 校验用户名
            
            // 1.获取用户名的值
            var username = document.getElementById("d1").value;
            // 2.定义正则表达式
            var reg_username = /^[a-zA-Z0-9_-]{3,16}$/;
             // 3.判断值是否符合正则的规则
            var flag1 = reg_username.test(username);
            // 4.提示信息
            var s_username = document.getElementById("s_name");
            if(flag1){
                s_username.innerHTML = "格式正确";
            }else{
                s_username.innerHTML = "用户名格式有误";
            }
            return flag1;

    }


    function checkEmail(){

        // 校验邮箱

        // 1.获取邮箱的值
        var email = document.getElementById("d3").value;
        // 2.定义正则表达式
        var reg_email = /^[A-Za-z0-9]+([-._][A-Za-z0-9]+)*@[A-Za-z0-9]+(-[A-Za-z0-9]+)*(\.[A-Za-z]{2,6}|[A-Za-z]{2,4}\.[A-Za-z]{2,3})$/;
        // 3.判断值是否符合正则的规则
        var flag3 = reg_email.test(email);
        // 4.提示信息
        var s_email = document.getElementById("s_email");
        if(flag3){
            s_email.innerHTML = "格式正确";
        }else{
            s_email.innerHTML = "邮箱格式有误";
        }
        return flag3;

        }
</script>

在这里插入图片描述

练习16

在这里插入图片描述



<button onclick="hide()">隐藏div</button>
  
<button onclick="show()">显示div</button>
  
<br>
<br>
  
<div id="d">
  
这是一个div
  
</div>
  
<script>
function hide(){
 var d = document.getElementById("d");
 d.style.display="none";
}
  
function show(){
 var d = document.getElementById("d");
 d.style.display="block";
}
  
</script>

在这里插入图片描述

练习17

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<title>排序</title>
<style>
table {
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th {
  cursor: pointer;
}

th, td {
  text-align: left;
  padding: 16px;
}

tr:nth-child(even) {
  background-color: #f2f2f2
}
</style>
</head>
<body>

<p><strong>单击标题对表格进行排序。</strong></p>
<p>第一次单击时，排序方向为升序（A 到 Z）。</p>
<p>再次点击，排序方向为降序（Z to A）：</p>

<table id="myTable">
  <tr>
   <!--点击标题时，运行sortTable函数，参数为0表示按名称排序，1表示按国家排序:-->  
    <th onclick="sortTable(0)">id</th>
    <th onclick="sortTable(1)">name</th>
        <th onclick="sortTable(2)">blood</th>
    <th onclick="sortTable(3)">disaster</th>
  </tr>
  
</table>

<script>

    var data = [
        {
            "id":"1",
            "name":"gareen",
            "blood":"340",
            "disaster":"58",
        },
        {
            "id":"2",
            "name":"teemo",
            "blood":"320",
            "disaster":"76",
        },
        {
            "id":"3",
            "name":"annine",
            "blood":"380",
            "disaster":"38",
        },
        {
            "id":"4",
            "name":"deadbrother",
            "blood":"400",
            "disaster":"90",
        }
    ];

        // 获取文档中id = "demo"的元素
    var tbody = document.querySelector('tbody');
    for(var i=0;i<data.length;i++){
        var tr = document.createElement('tr'); // 创建一个tr元素 行元素
        tbody.appendChild(tr);//将行tr放到tbody里
        for(var k in data[i]){
            var td = document.createElement('td'); //创建列
            td.innerHTML = data[i][k]; 
            tr.appendChild(td); //将td放到tr里
        }
    }



function sortTable(n) {
  var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;
  table = document.getElementById("myTable");
  switching = true;
  //设置排序方向为升序：
  dir = "asc"; 
  /*创建一个循环，直到没有切换完成：*/
  while (switching) {
    //开始说：没有切换完成：
    switching = false;
    rows = table.rows;
    /*遍历所有表格行（除了第一行，它包含表格标题）：*/
    for (i = 1; i < (rows.length - 1); i++) {
      // 首先说不应该有切换：
      shouldSwitch = false;
      /*获取要比较的两个元素，一个来自当前行，一个来自下一行：*/
      x = rows[i].getElementsByTagName("TD")[n];
      y = rows[i + 1].getElementsByTagName("TD")[n];
      /*检查两行是否应该交换位置，基于方向，asc 或 desc:*/
      if (dir == "asc") {
        if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
          // 如果是这样，标记为一个开关并打破循环：
          shouldSwitch= true;
          break;
        }
      } else if (dir == "desc") {
        if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
          // 如果是这样，标记为一个开关并打破循环：
          shouldSwitch = true;
          break;
        }
      }
    }
    if (shouldSwitch) {
      /*如果已经标记了一个开关，则进行开关并标记一个开关已经完成：*/
      rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
      switching = true;
      //每次完成切换，将此计数增加 1：
      switchcount ++;      
    } else {
      /*如果没有进行切换并且方向为“asc”，则将方向设置为“desc”并再次运行 while 循环。*/
      if (switchcount == 0 && dir == "asc") {
        dir = "desc";
        switching = true;
      }
    }
  }
}
</script>

</body>
</html>

在这里插入图片描述

参考资料

https://www.cnblogs.com/liyihua/p/12393342.html

https://www.jb51.net/article/240730.htm

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1587466.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

模拟移动端美团案例（react版）

模拟移动端美团案例（react版）

文章目录 目录 概述 项目搭建 1.启动项目&#xff08;mock服务前端服务&#xff09; 2.使用Redux ToolTik(RTK)编写store(异步action) 3.组件触发action并渲染数据 一、渲染列表 ​编辑 二、tab切换类交互 三、添加购物车 四、统计区域功能实现 五、购物车列表功能实现 六、控制…
阅读更多...
软考高级架构师：数据库模式概念和例题

软考高级架构师：数据库模式概念和例题

一、AI 讲解 数据库模式分为三个层次&#xff1a;外模式、概念模式和内模式。这三个层次分别对应不同的抽象级别&#xff0c;帮助数据库管理员和用户以不同的视角理解数据库结构。 外模式&#xff08;用户级&#xff09;&#xff1a;是数据库用户的视图。每个用户可以通过外模…
阅读更多...
VMware导出虚拟机vmkd格式转换qcow2

VMware导出虚拟机vmkd格式转换qcow2

VMware虚拟机导出qcow2格式可以上传至云服务 1、需要导出的虚拟机 2、克隆虚拟机 3、选择克隆源 4、创建完整克隆 5、完成 6、找到VMware安装路径 7、找到vmware-vdiskmanager所在路径使用cmd或Windows PowerShell进入目录 进入vmware-vdiskmanager目录 cd F:\软件\VMware Wo…
阅读更多...
路由器如何端口映射到外网？

路由器如何端口映射到外网？

随着互联网的发展和普及&#xff0c;远程访问已经成为了现代社会的一个重要需求。在复杂的网络环境下&#xff0c;特别是涉及异地组网的情况下&#xff0c;实现远程访问变得更加困难。本文将介绍一种名为【天联】的组网产品&#xff0c;它可以解决复杂网络环境下的远程连接问题…
阅读更多...
【漏洞复现】潍微科技-水务信息管理平台 ChangePwd SQL注入漏洞

【漏洞复现】潍微科技-水务信息管理平台 ChangePwd SQL注入漏洞

0x01 产品简介 潍微科技-水务信息管理平台主要帮助水务企业实现水质状态监测、管网运行监控、水厂安全保障、用水实时监控以及排放有效监管，确保居民安全稳定用水、环境有效保护，全面提升水务管理效率。 0x02 漏洞概述 潍微科技-水务信息管理平台 ChangePwd 接口存在SQL注…
阅读更多...
回顾C语言基础：九九乘法表

回顾C语言基础：九九乘法表

题目要求:LintCode 先把基本的写出来&#xff0c;为了看起来有个大概有个样子&#xff08;1&#xff09;每行换行&#xff1b;&#xff08;2&#xff09;输出结果4个空格&#xff0c;左对齐(%-5d)&#xff1a; 关于%-d的知识&#xff1a;是右对齐&#xff0c;-是左对齐&…
阅读更多...
【域适应】基于深度域适应MMD损失的典型四分类任务实现

【域适应】基于深度域适应MMD损失的典型四分类任务实现

关于 MMD &#xff08;maximum mean discrepancy&#xff09;是用来衡量两组数据分布之间相似度的度量。一般地&#xff0c;如果两组数据分布相似&#xff0c;那么MMD 损失就相对较小&#xff0c;说明两组数据/特征处于相似的特征空间中。基于这个想法&#xff0c;对于源域和目…
阅读更多...
实况窗助力美团打造鸿蒙原生外卖新体验，用户可实时掌握外卖进展

实况窗助力美团打造鸿蒙原生外卖新体验，用户可实时掌握外卖进展

自2023年华为宣布全新HarmonyOS NEXT蓄势待发&#xff0c;鸿蒙原生应用全面启动以来&#xff0c;已有金融、旅行、社交等多个领域的企业和开发者陆续宣布加入鸿蒙生态。其中&#xff0c;美团作为国内头部的科技零售企业&#xff0c;是首批加入鸿蒙生态的伙伴&#xff0c;其下的…
阅读更多...
华为ensp中PPPOE (点对点协议)原理和配置命令

华为ensp中PPPOE (点对点协议)原理和配置命令

作者主页&#xff1a;点击&#xff01; ENSP专栏&#xff1a;点击&#xff01; 创作时间&#xff1a;2024年4月12日6点30分 PPPoE&#xff08;PPP over Ethernet&#xff09;是一种将PPP协议封装到以太网帧中的链路层协议。它可以使以太网网络中的多台主机连接到远端的宽带接…
阅读更多...
【应用】SpringBoot-自动配置原理

【应用】SpringBoot-自动配置原理

前言 本文简要介绍SpringBoot的自动配置原理。 本文讲述的SpringBoot版本为&#xff1a;3.1.2。 前置知识 在看原理介绍之前&#xff0c;需要知道Import注解的作用&#xff1a; 可以导入Configuration注解的配置类、声明Bean注解的bean方法&#xff1b;可以导入ImportSele…
阅读更多...
AtCoder Beginner Contest 141 F. Xor Sum 3（异或性质+异或线性基求最大异或值）

AtCoder Beginner Contest 141 F. Xor Sum 3（异或性质+异或线性基求最大异或值）

题目 n(2<n<1e5)个数&#xff0c;第i个数ai(0<ai<2^60) 将n个数分成两堆&#xff0c;对每一堆求异或和&#xff0c;再将得到的两个数求和&#xff0c; 现在希望这个和最大&#xff0c;输出这个最大的值 思路来源 ABC141F - 洛谷专栏 题解 感觉思路来源说的很…
阅读更多...
再说vue响应式数据

再说vue响应式数据

请说一下你对响应式数据的理解 如何实现响应式数据据 对象 vue2 响应式核心代码 数组 vue2 处理缺陷Vue3则采用 proxy - vue3 响应式核心代码 请说一下你对响应式数据的理解 如何实现响应式数据据 数组和对象类型当值变化时如何劫持到。 对象 对象内部通过defineReactive方…
阅读更多...
mysql重启失败

mysql重启失败

服务器重启了一下&#xff0c;然后启动后发现mysql自动启动没有生效&#xff0c;于是手动通过systemctl启动mysqld&#xff0c;然后就报错:Starting MySQL...........The server quit without updating P[FAILED](/data/mysql/iz2zebvmy1qv3fao9c5riuz.pid). 根据配置my.cnf文…
阅读更多...
Hello 算法10：搜索

Hello 算法10：搜索

https://www.hello-algo.com/chapter_searching/binary_search/ 二分查找法 给定一个长度为 n的数组 nums &#xff0c;元素按从小到大的顺序排列&#xff0c;数组不包含重复元素。请查找并返回元素 target 在该数组中的索引。若数组不包含该元素&#xff0c;则返回 -1 。 # 首…
阅读更多...
Ubuntu下配置Android NDK环境

Ubuntu下配置Android NDK环境

Android-NDK的下载 下载Android-NDK wget -c http://dl.google.com/android/ndk/android-ndk-r10e-linux-x86_64.bin 执行bin文件&#xff08;即解压&#xff09; ./android-ndk-r10c-linux-x86_64.bin Android-NDK的配置 要想使用Android-NDK&#xff0c;还需要进行环境变量…
阅读更多...
程序猿之路

程序猿之路

我接触计算机算对自己来说是比较晚的了&#xff0c;上初中的时候就有微机课&#xff0c;但是在那个小县城&#xff0c;上课也只是3个人共用一个电脑&#xff0c;我初中整个过程只会开关机&#xff0c;哈哈&#xff0c;虽然学过word&#xff0c;但是无奈&#xff0c;我插不上手呀…
阅读更多...
Qlik Sense :use Peek function to Group by and Get Rowno

Qlik Sense :use Peek function to Group by and Get Rowno

Question Row number based on groups of data Calculate row number for groups 有时候我们需要基于分组来对数据进行内部排序&#xff0c;例如一个iddate&#xff0c;把不同的属性的记录标记为123&#xff0c;又或者把重复记录标记出来 Solved: Calculate row number for…
阅读更多...
如何实现word一键注音？给一篇word文章快速注音的方法

如何实现word一键注音？给一篇word文章快速注音的方法

在日常生活和工作中&#xff0c;我们经常需要处理各种文档&#xff0c;其中不乏包含大量生僻字或需要标注拼音的文本。手动为每一个字添加拼音不仅效率低下&#xff0c;而且容易出错。那么&#xff0c;有没有一种方法可以实现Word文档的一键注音呢&#xff1f;本文将为大家详细…
阅读更多...
基于SpringBoot和Vue的企业客户管理系统

基于SpringBoot和Vue的企业客户管理系统

今天要和大家聊的是基于SpringBoot和Vue的企业客户管理系统 &#xff01;&#xff01;&#xff01; 有需要的小伙伴可以通过文章末尾名片咨询我哦&#xff01;&#xff01;&#xff01; &#x1f495;&#x1f495;作者&#xff1a;李同学 &#x1f495;&#x1f495;个人简介…
阅读更多...
IntelliJ IDEA（WebStorm、PyCharm、DataGrip等）设置中英文等宽字体，英文为中文的一半（包括标点符号）

IntelliJ IDEA（WebStorm、PyCharm、DataGrip等）设置中英文等宽字体，英文为中文的一半（包括标点符号）

1.设置前&#xff08;idea默认字体为 JetBrains Mono&#xff09; 2.设置后&#xff08;楷体&#xff09;
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023