【web前端开发】前端生日礼物–注册页面篇

2023年6月2日下午3:52 • 人工智能 • 阅读 79

文章目录

总计划
注册界面
*
页面背景设置
–
- 注意
字体选择
–
- 不明原因：在父相子绝下字体不对齐父类
登录浮窗
–
可改进
其他
*
css-普通盒子
input
暂时成功样品

总计划

登录界面今日
主页面+登录失败 24日
记事本 25、26、27日

注册界面

页面背景设置

way1:

.content{
            position: relative;
            width:800px;
            height:300px;
            background: url(5.jpg);
            background-repeat: repeat-x;
            background-size: cover;
        }

铺不满

way2:

.content{
            position:fixed;
                top: 0;
                left: 0;
                width:100%;
                height:100%;
                min-width: 1000px;
                z-index:-10;
                zoom: 1;
                background-color: #fff;
                background: url(5.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                -webkit-background-size: cover;
                -o-background-size: cover;
                background-position: center 0;
        }

过于满了。。

way3:
宽度不管了，高度适中，背景使用body加渐变

<style>
        body{

            height:100vh;
            display:flex;
            justify-content:center;
            align-items:center;

            background:linear-gradient(to top left,
            overflow:hidden;
        }
        .content{
            position:fixed;
                top: 0;
                left: 0;
                width:100%;
                height:100%;

                background-color:
                background: url(5.jpg);
                background-repeat: no-repeat;

                -o-background-size: cover;
                background-position: center 0;
            }
    </style>

注意

去掉宽高图片不显示
以后设置页面可以参考此模板
设置为相对位置，顶端有空隙。（解决）

way:改top值

; 字体选择

使用普通白色

不明原因：在父相子绝下字体不对齐父类

[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:abbb7e44-fc67-4fc2-948a-6a880f850665

[En]

[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:5b606d0c-6142-4535-afb2-4ff8a5011aca

; 登录浮窗

制作透明盒子

way1:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--
    <script type="text/javascript">

        function showCommentDiv(obj) {
            var top = $(obj).offset().top;
            var left = $(obj).offset().left + $(obj).width() - 7;
            $("#commentListDiv").css({'top':top + "px",'left':left+"px"}).show("slow");
        }

        function showThis(obj) {
            $(obj).show();
        }

        function hideCommentDiv() {
            $("#editCourseDiv").hide();
        }
        function hideThis(obj) {
            $(obj).hide();
        }

        function getValue(obj) {
        var selectId = obj.value;
        var selectTitle = obj.title;
        $("#teaMarkContent").val(selectTitle);
        }

    </script>
</head>
<body>
<div align="left" id="commentListDiv" onmouseover="showThis(this);" onmouseout="hideThis(this);" style="width:200px;height:200px;border:solid 1px #a1bece;position:absolute;z-index:10000;display:none;background-color:#EEF7EA;">
    <p><b>基本评语：</b></p>
            <table>
                <c:forEach items="${commentListJB}" var="comment">
                    <tr>
                        <td>
                            <span style="white-space:nowrap;">
                                <input type="radio" name="comment" id="comment" value="${comment.id}" title="${comment.content}" onclick="getValue(this)"/>${comment.content}
                            </span>
                        </td>
                    </tr>
                </c:forEach>
            </table>
    </div>
</body>
</html>

无效果：

way2:

.bottom{
        position:absolute;
        bottom:100px;
        width:300px;
        height:300px;
        line-height:30px;
        background-color: rgba(200,200,200,0.4);
        background-position: center;
    }

成功！

给盒子设定圆角值

在bottom类中添加语句如下：

border-radius: 50%;

成功！

把透明盒子搬到register页面中

1.明明使用了父相子绝，仍然关系错乱：

.lucency{
                position:absolute;
                bottom:500px;
                width:300px;
                height:300px;
                line-height:30px;
                background-color: rgba(200,200,200,0.5);
                background-position: center;
                border-radius: 50%;
            }

2.只有top类设置对其有效
【web前端开发】前端生日礼物--注册页面篇

3.把前面两个盒子设置为父相子绝，最后使用margin-left推动透明盒子

*{
            top:0;
            bottom:0;
            left:0;
        }
        body{
            position:relative;

            height:100vh;
            display:flex;
            justify-content:center;
            align-items:center;

            background:linear-gradient(to top left,
            overflow:hidden;
        }
        .content{
            position: absolute;

            width:100%;
            height:100%;

            background: url(images/register/5.jpg);
            background-repeat: no-repeat;
            -o-background-size: cover;
            background-position: center 0;

            }
            .lucency{

                margin-top: 200px;

                width:300px;
                height:300px;
                margin-left:600px;
                border-radius: 50%;

                background-color: rgba(200,200,200,0.5);

                margin:auto;

            }

最终效果：

文本输入框样式设置

使用B站的炫酷特效

效果图：

; 1.改变背景框颜色+文本内容

感觉不错~

2.放入register.php的布局问题

放入所有盒子外层+稍微修改register.php的body和*类：

不明原因框下拉：

; 3.输入框下拉更进

1.解决刚刚上面问题
对比8和body，改变代码：

ok~~~

2.继续修饰

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录界面title>
    <style>
        *{
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family:'Poppins',sans-serif;

        }
        body{
            position:relative;

            background:linear-gradient(to top left,#AFC4FF,#0EF3FF,#4A83FF);
            overflow:hidden;

            display:flex;
            justify-content:center;
            align-items:center;
            min-height:100vh;
            flex-direction:column;
            gap:30px;
        }
        .content{
            position: absolute;

            width:100%;
            height:100%;

            background: url(images/register/5.jpg);
            background-repeat: no-repeat;
            -o-background-size: cover;
            background-position: center 0;

            }
        .lucency{
            position:relative;
            margin-top: 200px;
            width: 400px;
            height: 400px;
            margin-left: 600px;
            border-radius: 50%;
            background-color: rgba(200,400,400,0.5); //设置颜色的半透明效果

        }
        .text{
            position: absolute;
            font-family:Microsoft YaHei UI Light;
            font-size:40px;
            top:40px;

        }

        .inputBox{
            position:relative;
            width:300px;
            left:30px;
            top:30px;
        }
        .inputBox input{
            width:100%;
            padding:10px;
            border:1px soild rgba(255,255,255,0.25);

            background:#85E6F8;
            border-radius:5px;

            outline:none;
            color:#fff;
            font-size:1em;
        }
        .inputBox span{
            position: absolute;
            left:0;
            padding:10px;
            pointer-events:none;
            font-size:1em;

            color:#fff;
            text-transform:uppercase;
            transition: 0.5s;
        }
        .inputBox input:valid~span,
        .inputBox input:focus~span{
            color:#00dfc4;;
            transform: translateX(10px) translateY(-7px);
            font-size:0.65em;
            padding:0 10px;
            background: #fff;
            border-left:1px solid #00dfc4;
            border-right:1px solid #00dfc4;
            letter-spacing:0.2em;
        }
        .inputBox:nth-child(2) input:valid~span,
        .inputBox:nth-child(2) input:focus~span{
            background:#00dfc4;
            color:#fff;
            border-radius:2px;
        }
        .inputBox input:valid,
        .inputBox input:focus{
            border:1px solid #00dfc4;
        }

    style>

head>
<body>
    <div class="content">
        <div class="lucency">

            <p class="text">Happy  Brithday's  Dayp>
        div>
    div>

    <div class="inputBox">
        <input type="text" required="required">
        <span>Your Namespan>
    div>
    <div class="inputBox">
        <input type="text" required="required">
        <span>Your Wife's Namespan>
    div>
body>
html>

实现登录功能

[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:10f87b02-5696-49cb-b1c6-2cabfeb09417

[En]

[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:b71f56c0-5e8e-43e1-8a4e-2c424b79ffa4

【html页面实现登录验证码功能（纯前端）】https://blog.csdn.net/qq_49137582/article/details/125253568

1.对代码进行理解+配合下面章节中其他-input 的内容理解


DOCTYPE HTML>
<html>
    <head>
        <title>注册模块title>
        <meta charset="utf-8">
        <style>
            #vcode {
                height: 35px;
                width: 40%;
                font-size: 15pt;
                margin-left: 15%;
                border-radius: 5px;
                border: 1;
                padding-left: 8px;
            }
            #code {
                color: #ffffff;

                background-color: #000000;
                font-size: 20pt;
                font-family: "华康娃娃体W5";
                padding: 5px 35px 10px 35px;
                margin-left: 5%;
                cursor: pointer;
            }
            #search_pass_link {
                width: 70%;
                text-align: right;
                margin: 0 auto;
                padding: 5px;
            }
            .btns {
                width: 30%;
                margin-left: 13%;
                height: 40px;
                border: 0;
                font-size: 14pt;
                font-family:"微软雅黑";
                background-color: #FC5628;
                color: #ffffff;
                cursor: pointer;

                border-radius: 20px;

                border: 0;
            }
        style>
    head>

    <body left-margin="0" onload="changeImg()">
        <div class="main_bar">

                <form action=" " onsubmit="return check()">
                        <input type="text" id="vcode" placeholder="验证码" value="验证码" onfocus="this.value=''" onblur="if(this.value=='')this.value='验证码'" />
                        <span id="code" title="看不清，换一张">span>
                        <div id="search_pass_link">
                        div>
                        <input type="submit" id="submit" value="登录" class="btns" onmouseover="this.style.backgroundColor='#FF8D00'" onmouseout="this.style.backgroundColor='#FC5628'">
                        <input type="reset"  value="重置" class="btns" onmouseover="this.style.backgroundColor='#FF8D00'" onmouseout="this.style.backgroundColor='#FC5628'">

                form>
        div>
    body>

    <script type="text/javascript">

        var code;
        document.getElementById("code").onclick = changeImg;
        function changeImg() {
            var arrays = new Array(
                '1', '2', '3', '4', '5', '6', '7', '8', '9', '0',
                'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j',
                'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't',
                'u', 'v', 'w', 'x', 'y', 'z',
                'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
                'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T',
                'U', 'V', 'W', 'X', 'Y', 'Z'
            );
            code = '';

            for(var i = 0; i < 4; i++) {

                var r = parseInt(Math.random() * arrays.length);
                code += arrays[r];
            }
            document.getElementById('code').innerHTML = code;

        }

        function check() {

            var input_code = document.getElementById('vcode').value;

            if(input_code.toLowerCase() == code.toLowerCase()) {

                return true;
            }
            alert("请输入正确的验证码!");

            return false;
        }

        script>
html>

2.对代码功能适应修改

改动function check()代码：

function check() {
            var name = 'ludan';

            var input_code = document.getElementById('vcode').value;

            if(input_code.toLowerCase() == name.toLowerCase()){

                return true;
            }
            alert("请输入正确的验证码!");

            return false;

        }

        </script>

设置name = ludan,输入lud,出现提示，说明成功：

3.按照成功的逻辑写入register.php中

加入< form >后两个输入框粘连：改body中gap为inputBox中margin
加入value\placeholder\onfocus中valus这些骚操作后,特效挂在上面下不来，删除一些后好了：

<input type="text" required="required" id="vcode">

3.配置 两个输入框判断+下面两个按钮

跳转成功：

可改进

加个前言的炫酷动画
可以做成轮播图背景
网页缩放不为100%时文本框错乱（先让朋友查看一下会不会这样）

; 其他

css-普通盒子

background同background-image
css左右居中


margin: 0 auto;

background-position: center;

设置四角进行平铺 –此方法只适用于颜色盒子

.content{
                position:relative;
                top: 0;
                bottom:0;
                left: 0;
                right:0;

                background-color:red;
            }

display:flex弹性布局【待详解】
margin表示元素的外边距
top、bottom、left、right是绝对定位，必须设置position为absolute。 margin一系列设置是相对定位。
align-items属性作用：设置同一行子元素在Y轴的对齐方式
height: 100px;百分比是跟着父类元素的
order 作用：排序
flex-grow （分配剩余空间）

content类尝试，err

border-style:solid;设置边框线
图片平铺父容器【待详解】
在{}中加入margin:0;后图片垂直平铺了！

[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:ece8ef04-4afe-4cd6-a4ec-28fdba143343

[En]
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:7a2ea7bc-3af1-4650-807a-78e31eefd038*
改进：

ok了~~~

input

【js】toLowerCase()方法用来返回一个字符串，该字符串中的字母被转换成小写字母，而且对非字母字符不会产生影响
【js】val变量。
JavaScript中，使用一个变量之前，先用var关键字声明它，变量如果没有赋值，则初始化值为undefined
var关键字声明的变量，无论实际声明的位置在何处，都会被视为声明在函数的顶部（如果声明不在任意函数内，则视为在全局作用域的顶部，也称 变量提升）

 var a = 1;

【js】document.getElementById(” “) 得到的是一个对象
【js】onclick 事件会在元素被点击时发生。,就是帮我们实现点击某个元素想要执行某个操作的需求。
【js】parseInt获取一个数组的下标
【js】innerHTML在JS是双向功能：获取对象的内容或向对象插入内容
【js】onload：多时候我们要对页面中的某一个模块进行操作，这时候我们常常使用javascript代码来进行操作。为了能够保证操作的模块或对象在js代码之前就加载了，我们不得不把js代码放在页面的底端
【js】onsubmit方法：在点击按钮进行提交后,如果设置了onsubmit,则首先会调用到onsubmit中的方法,onsubmit的值为true则继续提交,为false则不提交,默认值为true,一定要配套return，不然true还是false都正常提交。
【js】onblur 事件会在对象失去焦点时发生。
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:162d3a0b-2c01-46b1-a00d-e19620a72565

[En]

[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:459b1b48-9ddb-419a-9eb7-5fb76ffff49b

<HTML>    <HEAD>    <TITLE>使用onBlur事件处理程序TITLE>    HEAD>    <BODY BGCOLOR="lavender">    <FORM name="F1">    <INPUT TYPE=text NAME=text1 value="1111ONBLUR_green" ONBLUR="(document.bgColor='green')">    <INPUT TYPE=text NAME=text2 value="2222ONBLUR_black" ONBLUR="(document.bgColor='black')">    <INPUT TYPE=text NAME=text2 value="3333ONBLUR_yellow" ONBLUR="(document.bgColor='yellow')">    <p>    <INPUT TYPE=text NAME=text3 value="4444onfocus_blue" οnfοcus="(document.bgColor='blue')">    <INPUT TYPE=text NAME=text4 value="5555onfocus_red" οnfοcus="(document.bgColor='red')">    <INPUT TYPE=text NAME=text4 value="6666onfocus_orange" οnfοcus="(document.bgColor='orange')">    FORM>    BODY>    HTML>

【html】value\placeholder\onfocus中valus

<input type="text" id="vcode" placeholder="名字背景" value="name" onfocus="this.value=''" onblur="if(this.value=='')this.value='名字粗体'"

【js】onfous作用：聚焦时文本框内容值（去掉上面代码中的οnfοcus=”this.value=””对比查看效果）
【js】< script >和< script type=”text/javascript” >都正确
【html】onsubmit返回表单真值，若真进行action功能
【CSS】对id属性进行css样式修改，加#
【CSS】gap和padding都是css中的样式，在bootstrap中的p-5和g-4指的分别是对padding设置和gap的设置
只能用于body中
【CSS】cursor:pointer的作用
cursor : 网页浏览时用户鼠标指针的样式或图形形状。
属性值：
default：默认光标（通常是一个箭头）
auto：默认，浏览器设置的光标
crosshair：光标为十字线
pointer：光标为一只手
move：光标为某对象可移动
text：光标指示文本
wait：光标指示程序正在忙（通常是一只表或者一个沙漏）
【CSS】去掉边框
【HTML】按钮聚焦和非聚焦下颜色

onmouseover="this.style.backgroundColor='#FF8D00'"onmouseout="this.style.backgroundColor='#FFFFFF'"

暂时成功样品

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;

}
body{
    position:relative;

    background:linear-gradient(to top left,#AFC4FF,#0EF3FF,#4A83FF);
    overflow:hidden;

    display:flex;
    justify-content:center;

    min-height:100vh;
    flex-direction:column;

}
.content{
    position: absolute;

    width:100%;
    height:100%;

    background: url(images/register/5.jpg);
    background-repeat: no-repeat;
    background-position: center 0;

    }
.lucency{
    position:absolute;
    margin-top: 200px;
    width: 400px;
    height: 400px;
    margin-left: 600px;
    border-radius: 50%;
    background-color: rgba(200,400,400,0.5);

}
.text{

    position: absolute;
    width:500px;

    font-family:Segoe Script;

    font-size:35px;

    top:40px;
    margin:auto;

}

.text1{

    position: absolute;
    width:500px;

    font-family:Segoe Script;

    font-size:35px;

    top:20px;
    margin:auto;

}

.inputBox{
    position:relative;
    width:300px;
    left:30px;
    top:100px;
    margin:30px;
}
.inputBox input{
    width:100%;
    padding:10px;
    border:1px soild rgba(255,255,255,0.25);

    background:#85E6F8;
    border-radius:5px;

    outline:none;
    color:#fff;
    font-size:1em;

}
.inputBox span{
    position: absolute;
    left:0;
    padding:10px;
    pointer-events:none;
    font-size:1em;

    color:#fff;
    text-transform:uppercase;
    transition: 0.5s;
}
.inputBox input:valid~span,
.inputBox input:focus~span{
    color:#00dfc4;;
    transform: translateX(10px) translateY(-7px);
    font-size:0.65em;
    padding:0 10px;
    background: #fff;
    border-left:1px solid #00dfc4;
    border-right:1px solid #00dfc4;
    letter-spacing:0.2em;
}
.inputBox:nth-child(2) input:valid~span,
.inputBox:nth-child(2) input:focus~span{
    background:#00dfc4;
    color:#fff;
    border-radius:2px;
}
.inputBox input:valid,
.inputBox input:focus{
    border:1px solid #00dfc4;
}

.btns1{

    position:absolute;
    width: 100px;
    height: 40px;
    margin-left:80px;
    margin-top:100px;

    font-size: 14pt;
    font-family:"微软雅黑";
    background-color: #ffffff;
    color: #85E6F8;

    cursor: pointer;
    border-radius: 20px;
    border: 0;
}
.btns2{
    position:absolute;
    width: 100px;
    height: 40px;
    margin-left:230px;
    margin-top:100px;

    font-size: 14pt;
    font-family:"微软雅黑";
    background-color: #ffffff;
    color: #85E6F8;

    cursor: pointer;
    border-radius: 20px;
    border: 0;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录界面</title>
    <link rel="stylesheet" href="register.css">
</head>
<body>
    <div class="content">
        <div class="lucency">
            <!-- 进入透明盒子lucency -->
            <!-- <div class="text1">Honey, I love you've been...... -->
            Happy  Brithday's  Day!!!</div>
            <form action="home.php" onsubmit=" return check()">
                <!-- 文本输入框 (尝试不嵌套位置书写) -->
                <div class="inputBox">
                    <!-- 和fuction check()有关的参数: vcode -->
                    <input type="text" required="required"
                    id="yn">
                    <span>Your Name</span>
                </div>

                <div class="inputBox">
                    <input type="text" required="required"
                    id="ywn">
                    <span>Your Wife's Name

                ="this.style.backgroundColor='#FFFFFF'">
                <input type="reset"  value="reset" class="btns2"
                    onmouseover="this.style.backgroundColor='#FF8D00'"
                    onmouseout="this.style.backgroundColor='#FFFFFF'">
            </form>
        </div>

    </div>

</body>

<script>

        function check() {
            var name1 = '刘丹琪';
            var name2 = '路聃';

            var input_yn = document.getElementById('yn').value;
            var input_ywn = document.getElementById('ywn').value;

            if(input_yn.toLowerCase() == name1.toLowerCase()
            && input_ywn.toLowerCase() == name2.toLowerCase()){

                return true;
            }
            alert("这不能输错吧呜呜呜呜呜");

            return false;
        }
</script>
</html>

Original: https://blog.csdn.net/m0_65431212/article/details/127009928
Author: 汪汪想变强
Title: 【web前端开发】前端生日礼物–注册页面篇

原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/561345/

转载文章受原作者版权保护。转载请注明原作者出处！

人工智能

【自取】最近整理的，有需要可以领取学习：

Linux核心资料大放送~

全栈面试题汇总（持续更新&可下载）

一个提高学习100%效率的工具！

【超详细】深度学习面试题目！

LeetCode Python刷题答案下载！

LeetCode Java版刷题答案下载！

LeetCode C++ 版本，抓紧保存！

LeetCode GO语言刷题答案下载！

知识图谱：图数据库neo4j安装与使用

知识图谱知识图谱：在Linux中安装图数据库neo4j * 前言一. 下载 – + 1. 国外官网（不推荐，下载速度慢）： 2. 国内下载官网： * –…

人工智能 2023年6月10日
00126
Ubuntu20.04+ROSnoetic运行A-LOAM并保存TUM格式轨迹

1、准备工作需要提前安装Ceres solver和PCL，如果你安装的是完整版ROS那么PCL已经自动安装好了，ceres安装参见我另一篇博客https://blog.csdn….

人工智能 2023年6月1日
00172
【数据挖掘】数据挖掘笔记（二）数据标注与数据生成

目录 * – 1 数据标注 – + 1.1 前言 + 1.2 Self-training + 1.3 弱监督 – 2 数据生成 – …

人工智能 2023年7月18日
0058
基于 global pointer 实体抽取。

长度为n的序列有n/2(1+n)个子序列刚好是文本长度*文本长度的正方形从对角线开始向上全部的格子数量 1 2 3 4 n 1 1+2 1+2+3 1+2+3+4 &#…

人工智能 2023年5月28日
0068
图像拼接（Image Stiching）方向论文微总结

抵扣说明： 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。 Original: https:…

人工智能 2023年6月17日
0055
[opencv完整项目详解] 传统图像算法解决路标的检测和识别(改进升级版)

之前路标匹配[opencv完整项目详解] 传统图像算法解决路标的检测和识别的一个改进版。之前路标匹配存在的一个问题：这路就是改进后的路标匹配相似度：可以看出，改进后所有路标的匹配相…

人工智能 2023年7月20日
00122
pytorch-textclassification是一个专注于中文文本分类（多类分类、多标签分类）的轻量级自然语言处理工具包，基于pytorch和transformers，包含各种实验

pytorch-textclassification是一个以pytorch和transformers为基础，专注于文本分类的轻量级自然语言处理工具包。支持中文长文本、短文本的多类分…

人工智能 2023年7月2日
0093
快速配置tensorflow gpu环境（使用conda安装CUDA）

啊哦~你想找的内容离你而去了哦内容不存在，可能是由于以下原因造成的： [En] The content does not exist and may be caused by t…

人工智能 2023年5月24日
0087
python中axis和value_python – Pandas错误“*** ValueError：长度不匹配：预期的轴有0个元素,新值有……”…

我在访问Pandas DataFrame df中的数据时遇到错误： ipdb> df.loc[1988,’ATTEND’] *** ValueErro…

人工智能 2023年7月9日
0078
opencv4图像分割那些你不知道的API 代码可直接移植使用

抵扣说明： 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。 Original: https:…

人工智能 2023年6月21日
0080
R语言回归模型残差标准误差计算实战（Residual Standard Error）：计算残差标准误、残差标准误解读

抵扣说明： 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。 Original: https:…

人工智能 2023年7月17日
00119
2000-2020年中国地面气象数据：从NOAA到分省面板

最近看到 Mukherjee et al. (2021, JFE) 的文章，受到了点启发，想找中国的云层数据来试试，但是没有质量特别高的数据，只好老老实实按照这篇论文中的做法从NO…

人工智能 2023年6月11日
00174
分别从权重空间角度和函数空间角度看高斯过程回归

高斯过程回归——权重空间角度假设有n n n个观察值组成的训练数据D = { x i , y i } i = 1 n \mathcal{D}={\mathbf{x}i, y_i}…

人工智能 2023年6月18日
0077
【matlab图像处理】图像处理的经典操作

中国史之【文王推演《易经》】：《周易》即《易经》，传统经典之一，相传是周文王被囚禁期间所作，内容包括《经》和《传》两部分，中心思想是以阴阳的交替变化描述世间万物。《周易》是中国传统…

人工智能 2023年6月17日
00103
plt.subplot(),plt.plot(),plt.xlim()详解

使用plt.subplot来创建小图. plt.subplot(221)表示将整个图像窗口分为2行2列, 当前位置为1. plt.subplot(221)表示第一行的左图 plt….

人工智能 2023年6月19日
00173
网络ioctl实践3：设置网卡的mac、ip、子网掩码、广播地址

前言网络ioctl实践1：获取网卡的MAC和IP 网络ioctl实践2：获取网卡的广播地址和子网掩码本文使用的命令是： Request说明数据类型对应的union成员SIOCS…

人工智能 2023年6月29日
00144

2024 年 5 月
一	二	三	四	五	六	日
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31