javaweb个人主页设计（html+css+js）

目录

1 前言和要求

1.1 前言

1.2 设计要求

2 预览

2.1 主页页面

2.2 个人简介

2.3 个人爱好

2.4 个人成绩有代码，但是图片已省略，可以根据自己情况添加

2.5 收藏夹

3 代码实现 

3.1 主页

3.2 个人简介

3.3 个人爱好

3.4 个人成绩（根据自己的情况添加）

3.5 收藏夹

4 可能要用的图片，其他根据自己情况选或者全部自己找新的

4.1 主页

4.2 个人简介

 4.3 收藏夹

1 前言和要求

1.1 前言

        如果有些东西css样式看不懂的话可以去编程宝库或者菜鸟教程查找相应的知识，另外作为业余选手，因为不是专业的，做的前端网页，是有一些毛病的，必须在全屏下效果才好，浏览器大小变化的话会有一点问题。

1.2 设计要求

（1）结构要求：主页和二级页面美观，至少2段以上文字介绍自己，至少3个二级页面（主页超链接进入），至少3张图片，有背景音乐。

（2）内容要求：个人自序、个人爱好、个人成绩、收藏夹（网上好的文章或诗词等的链接）等部分。

（3）技术要求：网页美观，内容丰富，浏览方便，界面友好，使用的HTML标签/样式及其JavaScript特效。

2 预览

2.1 主页页面

2.2 个人简介

2.3 个人爱好

2.4 个人成绩有代码，但是图片已省略，可以根据自己情况添加

2.5 收藏夹

3 代码实现 

3.1 主页

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>WX的主页</title>
        <style>
            body{
                /*background-color:#11BBEE;*/
                /*background-color: #33d3d3;*/
                margin:0px;
                background-image:url(picture/15.jpg);
                background-size:100% 100%;
                background-attachment: fixed;
                /*background-image-z-index: -1;*/
                background-repeat:no-repeat;
            }
            h1{
                text-align:center;
            }
            div.a{
                float:left;
                position:relative;
                left:50%;

            }
            div.b {

                position: relative;
                left: -50%;

            }
            .center {
                margin: auto;
                width: 50%;
            }
            p{
                font-size: 20px;
            }
        </style>
    </head>
    <body>
        <audio controls autoplay loop id="vd" style="display: inline">
            <source src="music/love.mp3" type="audio/mpeg">
            您的浏览器不支持 audio 元素。
        </audio>
        <h1 style="text-align:center;margin-top:0;">WX的主页</h1>

        <div style="border-style: dashed;border-color: #00ccff;clear: both"></div>
            <div class="a" style="margin-top: 25px">
                <div class="b" style="">
                    <div style="text-align: center">
                        <a href="homework8.1.html"><img src="picture/20.jpg" style="border-radius:50%;width: 100px;height: 100px;"></a>
                        <a href="homework8.2.html"><img src="picture/23.jpg" style="border-radius:50%;width: 100px;height: 100px;margin-left: 50px"></a>
                        <a href="homework8.3.html"><img src="picture/24.jpg" style="border-radius:50%;width: 100px;height: 100px;margin-left: 50px"></a>
                        <a href="homework8.4.html"><img src="picture/25.jpg" style="border-radius:50%;width: 100px;height: 100px;margin-left: 50px"></a>
                        <br />
                        <p style="display:inline;margin-left: -8px;">个人简介</p>
                        <p style="display:inline;margin-left: 70px;">个人爱好</p>
                        <p style="display:inline;margin-left: 70px;">个人成绩</p>
                        <p style="display:inline;margin-left: 82px;">收藏夹</p>
                        <p style="color: green;margin-top:5%;font-size: 22px;">点击对应图片即可跳转</p>
                        <table style="">
                            <tr>
                                <td style="width: 400px">
                                    <p style="display:inline;margin-left:-100px;color: red;text-shadow:2px 0px #43798d;font-size: 25px">"梦想与现实之间的距离叫行动"</p>
                                    <p style="font-family:'Times New Roman';margin-left:-100px;color: red;font-style:italic;text-shadow:2px 0px #43798d;font-size: 25px">"The distance between a dream and a reality is called action"</p>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 400px">
                                    <p style="display:inline;color: blue;margin-left:-500px;text-shadow:2px 0px #43798d;font-size: 25px">"减少期待，调整心态"</p>
                                    <p style="font-family:'Times New Roman';margin-left:-500px;color: blue;font-style:italic;text-shadow:2px 0px #43798d;font-size: 25px">"Reduce expectations and adjust your mindset"</p>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
    </body>
</html>

3.2 个人简介

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>个人自序</title>
        <style>
            body {
                margin: 0;
            }
            ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                width: 15%;
                background-color: #f1f1f1;
                position: fixed;
                height: 100%;
                overflow: auto;
            }

            li a {
                display: block;
                color: #000;
                padding: 8px 16px;
                text-decoration: none;
            }

            li a.active {
                background-color: #4CAF50;
                color: white;
            }
            li a:hover:not(.active) {
                background-color: #555;
                color: white;
            }
            body{
                margin: 0;
                background-image:url(picture/17.jpg);
                background-size:100% 100%;
                background-attachment: fixed;
                background-repeat:no-repeat;
            }
            td
            {
                padding:10px;
            }
            p{
                font-size: 18px;
            }
        </style>
    </head>
    <body>
        <ul style="text-align: center;background-color: #267F88FF">
            <li><img src="picture/12.jpg" style="margin:30px 0px 30px;width:55%;border-radius:50%;border:8px solid #210a42;"></li>
            <li><a href="homework8.html"><p style="font-size: 18px;color: white">主页</p></a></li>
            <li><a href="#info"><p style="font-size: 18px;color: white">基本信息</p></a></li>
            <li><a href="#resume"><p style="font-size: 18px;color: white">个人简介</p></a></li>
            <li><a href="#skill"><p style="font-size: 18px;color: white">技能</p></a></li>
            <li><a href="#dream"><p style="font-size: 18px;color: white">梦想</p></a></li>
        </ul>
        <div id="info" style="margin-left:15%;padding:1px 16px;">
            <a href="javascript:history.back(-1)" style="text-decoration: none;"><p style="font-size: 22px;display: inline">返回上一页</p></a>
            <h1 style="text-align: center;">基本信息</h1>
            <table style="width: 90%;">
                <tr>
                    <td><p>性别：男</p></td>
                    <td><p>年龄：19</p></td>
                    <td><p>家乡：xxxx/p></td>
                </tr>
                <tr>
                    <td style="width: 350px"><p>博客：https://blog.csdn.net/qq_63306482</p></td>
                    <td style="width: 250px"><p>邮箱：2761646008@qq.com</p></td>
                    <td style="width: 150px"><p>专业：物联网工程</p></td>
                </tr>
                <tr>
                    <td><p>高中：xxxxx中学</p></td>
                    <td><p>大学：湖南科技大学</p></td>
                    <td><p>学历：本科在读</p></td>
                </tr>
            </table>
            <img src="picture/19.jpg" style="margin-left: 200px;border-radius:50%;">
        </div>
        <div id="resume" style="margin-left:15%;">
            <br /> <br /> <br /> <br /> <br /><br /><br />
            <h1 style="text-align: center;">个人简介</h1>
            <div style="margin:0 15% 0 10% ">
                <p style="padding: 20px">
                    &emsp;&emsp;本科在读小学生，来自xxxxxxx地。一般程度爱好学习，平时上课的时候比较积极，一般不是坐在第一排，至少也是坐在前几排，注意力集中，喜欢积极和老师互动，回答老师的问题，但是在课后的时候一般就没怎么去复习或者学习了，导致临近考试时经常要花很多时间去复习。
                    <br />
                    &emsp;&emsp;大一的时候除了学习了课本的内容，并没有涉及过其他的知识，是一个啥也不会的小学生，所以大二这一年决定去多涉及一点课外的知识，刚好也加入了学院微科基地的工作室，可以有一些机会和小组成员去做一些项目，锻炼一下自己，提升一下自己的动手能力。
                    <br />
                    &emsp;&emsp;平常放松的方式有：篮球、羽毛球、乒乓球和听歌，没事的时候喜欢去操场跑跑步，骑单车去学校周围的公园、景点或者湘江边转转。这些方式都可以让自己在一天的忙碌中得到短暂的享受，也可以减轻自己的心理压力。
                    <br />
                    &emsp;&emsp;另外性格方面：属于xxxx，xxx，xxx，随便写点。
                </p>
            </div>
        </div>
        <br /> <br /> <br /> <br /> <br /> <br /><br />
        <div id="skill" style="margin-left:15%;">
            <br />
            <h1 style="text-align: center;">技能</h1>
            <div style="margin:0 15% 0 10%;">
                <h3>课程内所学技能：</h3>
                <a href="https://www.runoob.com/cprogramming/c-tutorial.html" target="_blank"><img src="picture/3.png" style="border-radius:50%;width: 200px;height: 150px;margin-left: 50px"></a>
                <a href="https://www.runoob.com/java/mysql-tutorial.html" target="_blank"><img src="picture/mysql.jpg" style="border-radius:50%;width: 130px;height: 120px;margin-left: 80px"></a>
                <a href="https://www.runoob.com/java/java-tutorial.html" target="_blank"><img src="picture/java.jpg" style="border-radius:50%;width: 130px;height: 120px;margin-left: 130px"></a>
                <br /><br />
                <p style="display: inline;margin-left: 120px">C语言</p><p style="display: inline;margin-left: 200px">MySQL</p><p style="display: inline;margin-left: 215px">JAVA</p>
                <br /><br />
                <a href="https://www.runoob.com/html/html-tutorial.html" target="_blank"><img src="picture/htm.png" style="margin-left: 85px"></a>
                <a href="https://www.runoob.com/css/css-tutorial.html" target="_blank"><img src="picture/css.png" style="border-radius:50%;width: 130px;height: 120px;margin-left: 120px"></a>
                <a href="https://www.runoob.com/js/js-tutorial.html" target="_blank"><img src="picture/js.png" style="border-radius:50%;width: 130px;height: 120px;margin-left: 130px"></a>
                <br /><br />
                <p style="display: inline;margin-left: 110px">html语言</p><p style="display: inline;margin-left: 182px">CSS样式</p><p style="display: inline;margin-left: 190px">JavaScript</p>
                <br /><br />
                <h3>课外所学技能：</h3>
                <a href="https://www.zhihu.com/tardis/zm/art/549784568?source_id=1005" target="_blank"><p style="display: inline;margin-left: 110px">51单片机</p></a>
                <a href="https://blog.csdn.net/fantastic_sky/article/details/110229474" target="_blank"><p style="display: inline;margin-left: 160px">STM32单片机</p></a>
                <a href="https://zhuanlan.zhihu.com/p/108050248" target="_blank"><p style="display: inline;margin-left: 158px">ZigBee技术</p></a>
            </div>
        </div>
        <div id="dream" style="margin-left:15%;">
            <br /> <br /> <br /> <br /> <br />
            <h1 style="text-align: center;">梦想</h1>
            <div style="margin:0 15% 0 5%;">
                <p style="padding: 20px">
                    &emsp;&emsp;终极梦想的话是实现财富自由，通俗点来说就是能满足日常生活的开销，想去旅游或者玩的时候不会太受金钱的限制，还有就是如果家人生病需要住院什么的，不会太为了医药的费用而去去发愁。
                    <br />
                    &emsp;&emsp;目前在大学阶段的梦想或者说目标是学好本专业的专业知识，打好基础，争取多去参加一些比赛，锻炼自己的能力，当然更希望拿一些奖，多搞些学术论文，希望能争取到学院推免的名额。
                </p>
            </div>
            <br /> <br /> <br /> <br /> <br />
        </div>
    </body>
</html>

3.3 个人爱好

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>个人爱好</title>
        <style>
            body{
                background-color: #000000;
            }
            div.a{
                float:left;
                position:relative;
                left:50%;

            }
            div.b {

                position: relative;
                left: -50%;

            }
            .center {
                margin: auto;
                width: 50%;
            }
        </style>
    </head>
    <body>
        <div style="background-color: #555555;height: 100%;width:100%;float: left">
            <a href="javascript:history.back(-1)" style="text-decoration: none;color: red"><p style="font-size: 22px;display: inline">返回上一页</p></a>

            <h1 style="text-align: center;color: white">个人爱好</h1>
                <div style="float: left;margin-left: 55px">
                    <p style="color: white;font-size: 20px">1,跑步：</p>
                    <img src="picture/跑步.jpg">
                </div>
                <div style="float: left;margin-left: 55px">
                    <p style="color: white;font-size: 20px">2,骑行：</p>
                    <img src="picture/骑行.jpg" style="width: 420px">
                </div>
                <div style="float: left;margin-left: 55px">
                    <p style="color: white;font-size: 20px">3,羽毛球：</p>
                    <img src="picture/羽毛球1.jpg" style="height: 257px;width: 211px">
                </div>
                <div style="float: left;margin-left: 55px">
                    <p style="color: white;font-size: 20px;">4,篮球：</p>
                    <img src="picture/篮球.jpg" style="height: 257px;width: 393px;">
                </div>
                <div style="float: left;margin-left: 55px">
                    <p style="color: white;font-size: 20px;">5,音乐：</p>
                    <img src="picture/音乐.jpg" style="height: 257px;width: 420px">
                </div>
                <div style="float: left;margin-left: 55px">
                    <p style="color: white;font-size: 20px;">6,乒乓球：</p>
                    <img src="picture/乒乓球4.jpg" style="height: 257px;width: 211px">
                </div>
        </div>
    </body>
</html>

3.4 个人成绩（根据自己的情况添加）

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>个人成绩</title>
        <style>
            body{
                background-color: black;
            }
        </style>
    </head>
    <body>
        <div style="background-color: #555555">
            <a href="javascript:history.back(-1)" style="text-decoration: none;color: red"><p style="font-size: 22px;display: inline">返回上一页</p></a>

            <h1 style="text-align: center;color: white">个人成绩</h1>
            <!--内容根据自己的情况设置-->
<!--            <h2 style="color: white">大一上：</h2>-->
            <img src="picture/11.jpg" style="width: 850px;height:500px">
<!--            <h2 style="color: white">大一下：</h2>-->
<!--            <img src="picture/成绩1.png" style="width: 1250px">-->
<!--            <h2 style="color: white">大二上：</h2>-->
<!--            <img src="picture/成绩2.png" style="width: 1250px;margin-bottom: 40px">-->
        </div>
    </body>
</html>

3.5 收藏夹

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>收藏夹</title>
        <style>
            body{

                background-image:url(picture/16.jpg);
                background-size:100% 100%;
                background-attachment: fixed;
                /*background-image-z-index: -1;*/
                background-repeat:no-repeat;
            }
            div.a{
                float:left;
                position:relative;
                left:50%;

            }
            div.b {
                position: relative;
                left: -50%;
            }
            p.a{
                font-size: 18px;
                color: #6400fc;
            }
            img.a{
                float:left;
                position:relative;
                left:50%;
            }
        </style>
    </head>
    <body>
    <a href="javascript:history.back(-1)" style="text-decoration: none;color: #ff0000;"><h2 style="font-size: 25px;display: inline;margin-left: 250px">返回上一页</h2></a>

    <h1 style="text-align: center;font-size: 35px">收藏夹</h1>
            <h2 style="margin-left: 20px;font-size: 28px">短句：</h2>
                <div style="float:left;margin-left: 40px;">
                    <p class="a">1：从来就不存在什么意外</p>
                    <p class="a">4：一生清贫怎敢如繁华，两袖清风怎敢误佳人</p>
                    <p class="a">7：人的贪婪就在于你想拥有你不配拥有的东西</p>
                </div>
                <div style="float:left;margin-left: 40px;">
                    <p class="a" >2：岂能尽如人意，所以减少期待</p>
                    <p class="a">5：少说废话多行动，埋头苦干别认怂</p>
                    <p class="a">8：在这个爱意泛滥的时代，深情反而成了错误</p>
                </div>
                <div style="float:left;margin-left: 40px;">
                    <p class="a">3：没有明天，背水一战</p>
                    <p class="a">6：梦想与现实之间的距离叫行动</p>
                    <p class="a">9：你要悄悄拔尖，然后惊艳所有人</p>
                </div>
                <h2 style="margin-top: 250px;margin-left :20px;clear: both;font-size: 28px">图片：</h2>
                <img src="picture/39.jpg" style="width: 400px;height: 300px">
                <img src="picture/35.jpg" style="width: 400px;height: 300px">
                <img src="picture/38.jpg" style="width: 400px;height: 300px">

                <img src="picture/51.jpg" style="width: 400px;height: 300px">
                <img src="picture/49.jpg" style="width: 400px;height: 300px">
                <img src="picture/48.jpg" style="width: 400px;height: 300px">

                <img src="picture/28.jpg" style="width: 400px;height: 300px">
                <img src="picture/50.jpg" style="width: 400px;height: 300px">
                <img src="picture/26.jpg" style="width: 400px;height: 300px">

                <img src="picture/34.jpg" style="width: 400px;height: 300px">
                <img src="picture/41.jpg" style="width: 400px;height: 300px">
                <img src="picture/37.jpg" style="width: 400px;height: 300px">

                <img src="picture/44.jpg" style="width: 400px;height: 300px">
                <img src="picture/40.jpg" style="width: 400px;height: 300px">
                <img src="picture/43.jpg" style="width: 400px;height: 300px">

                <img src="picture/47.jpg" style="width: 400px;height: 300px">
                <img src="picture/46.jpg" style="width: 400px;height: 300px">
                <img src="picture/27.jpg" style="width: 400px;height: 300px">

                <img src="picture/33.jpg" style="width: 400px;height: 300px">
                <img src="picture/32.jpg" style="width: 400px;height: 300px">
                <img src="picture/29.jpg" style="width: 400px;height: 300px">

                <img src="picture/36.jpg" style="width: 300px;height: 400px">
                <img src="picture/45.jpg" style="width: 300px;height: 400px">
                <img src="picture/42.jpg" style="width: 300px;height: 400px">
    </body>
</html>

4 可能要用的图片，其他根据自己情况选或者全部自己找新的

4.1 主页

4.2 个人简介

 

 4.3 收藏夹

 

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

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

图吧工具箱：装机爱好者必备工具合集

图吧工具箱：装机爱好者必备工具合集

名人说：莫道谗言如浪深，莫言迁客似沙沉。 ——刘禹锡《浪淘沙》 创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder😊） 目录 一、概述二、主要功能1、硬件检测2、测试与故障诊断三、使用方法四、总结很高兴你打开了这篇博客，更多好用的软件工具，请关注我、订阅专栏…
阅读更多...
0302GPIO外设输入功能

0302GPIO外设输入功能

GPIO外设输入功能 输入部分硬件电路按键简介传感器模块简介按键和传感器模块的硬件电路 C语言的学习C语言数据类型宏定义typedef结构体枚举C语言知识总结 按键控制LED灯&光敏传感器蜂鸣器GPIO总结GPIO使用方法总结模块化编程的方法&#xff1a; 两个程序&#xff1a;按键控…
阅读更多...
图像分割-编码解码网络的训练-kreas实现

图像分割-编码解码网络的训练-kreas实现

一、数据集加载&#xff1a; 纯手工打造一个函数用来加载数据&#xff0c;数据分别为image和mask 我们所需要的类型&#xff1a;&#xff08;B数量&#xff0c;长&#xff0c;宽&#xff0c;通道数&#xff09;&#xff0c;只要将数据加载成这样并mask和image对应就行。 第一步…
阅读更多...
S271系列RTU在旅游景区人流监控中的应用案例

S271系列RTU在旅游景区人流监控中的应用案例

S271系列RTU在旅游景区人流监控中的应用案例 随着全球旅游业的迅猛发展&#xff0c;旅游景区的管理者越来越关注如何利用先进的技术手段提升游客体验、优化管理效率以及确保安全。S271系列RTU作为一款先进的无线工业物联网设备&#xff0c;在旅游景区的人流监控中展现出了其独…
阅读更多...
PTA - 编写函数计算圆面积

PTA - 编写函数计算圆面积

题目描述&#xff1a; 1.要求编写函数getCircleArea(r)计算给定半径r的圆面积&#xff0c;函数返回圆的面积。 2.要求编写函数get_rList(n) 输入n个值放入列表并将列表返回 函数接口定义&#xff1a; getCircleArea(r); get_rList(n); 传入的参数r表示圆的半径&#xff0c…
阅读更多...
批量下载手机中APP程序中文件

批量下载手机中APP程序中文件

需求 利用 adb pull 下载手机中app的某目录 adb pull 命令本身不支持直接下载整个目录&#xff08;文件夹&#xff09;及其所有子目录和文件作为一个单一的操作。但是&#xff0c;可以通过一些方法来间接实现这一目的。 方法 1. 首先将要下载的目录进行 tar 打包 # 在 And…
阅读更多...
2020 ICPC Shanghai Site B. Mine Sweeper II 题解 构造 鸽巢原理

2020 ICPC Shanghai Site B. Mine Sweeper II 题解 构造 鸽巢原理

Mine Sweeper II 题目描述 A mine-sweeper map X X X can be expressed as an n m n\times m nm grid. Each cell of the grid is either a mine cell or a non-mine cell. A mine cell has no number on it. Each non-mine cell has a number representing the number of…
阅读更多...
Raylib 实现超大地图放大缩小与两种模式瓦片地图刷新

Raylib 实现超大地图放大缩小与两种模式瓦片地图刷新

原理&#xff1a; 一种刷新模式&#xff1a; 在宫格内整体刷新&#xff0c;类似九宫格移动到边缘&#xff0c;则九宫格整体平移一个宫格&#xff0c;不过这里是移动一个瓦片像素&#xff0c;实际上就是全屏刷新&#xff0c;这个上限是 笔记本 3060 70帧 100*100个瓦片每帧都…
阅读更多...
《赌局的诱惑》-反赌反诈剧情脚本

《赌局的诱惑》-反赌反诈剧情脚本

场景1&#xff1a; 一家普通公司的休息室&#xff0c;有一张桌子&#xff0c;上面摆放着扑克牌和一些现金。墙上挂着一个时钟&#xff0c;显示时间是下午5点。 人物&#xff1a; 张伟&#xff1a;新员工&#xff0c;被同事拉入赌局。 赵刚&#xff1a;资深员工&#xff0c;赌…
阅读更多...
UE5.3-基础蓝图类整理一

UE5.3-基础蓝图类整理一

常用蓝图类整理&#xff1a; 1、获取当前关卡名&#xff1a;Get Current LevelName 2、通过关卡名打开关卡&#xff1a;Open Level(by name) 3、碰撞检测事件&#xff1a;Event ActorBeginOverlap 4、获取当前player&#xff1a;Get Player Pawn 5、判断是否相等&#xff1…
阅读更多...
反弹球python小游戏

反弹球python小游戏

1.准备图片(可以替换) 2.python Pygame类 class Ls(pygame.sprite.Sprite):def __init__(self,pos):#pos 鼠标点击的位置super().__init__()self.image pygame.image.load(ji.png)self.dx2self.dx r.randint(20,500)self.image pygame.transform.scale(self.image,(self.dx…
阅读更多...
昇思25天学习打卡营第21天|LSTM+CRF序列标注

昇思25天学习打卡营第21天|LSTM+CRF序列标注

1. 学习内容复盘 概述 序列标注指给定输入序列&#xff0c;给序列中每个Token进行标注标签的过程。序列标注问题通常用于从文本中进行信息抽取&#xff0c;包括分词(Word Segmentation)、词性标注(Position Tagging)、命名实体识别(Named Entity Recognition, NER)等。以命名…
阅读更多...
iis部署前后端分离项目（React前端，Node.js后端）

iis部署前后端分离项目（React前端，Node.js后端）

iis虽然已经有点过时&#xff0c;但不少用户还在用&#xff0c;故总结一下。 1. 安装iis 如果电脑没有自带iis管理器&#xff0c;打开控制面板->程序->启用或关闭Windows功能&#xff0c;勾选iis安装即可 2. 部署前端项目 打开iis&#xff0c;添加网站&#xff0c;物理…
阅读更多...
Linux基本命令的使用示例

Linux基本命令的使用示例

目录 1实现效果&#xff1a;在downloads目录下创建1个空文件夹empty&#xff0c;创建1个空文件lake.txt&#xff0c;输入任意数据保存后退出 2实现效果&#xff1a;搜索包含关键字"泉眼"的行 3实现效果&#xff1a;重命名文件夹empty为full&#xff0c;复制文件cc…
阅读更多...
Anaconda+Pycharm 项目运行保姆级教程（附带视频）

Anaconda+Pycharm 项目运行保姆级教程（附带视频）

最近很多小白在问如何用anacondapycharm运行一个深度学习项目&#xff0c;进行代码复现呢&#xff1f;于是写下这篇文章希望能浅浅起到一个指导作用。 附视频讲解地址&#xff1a;AnacondaPycharm项目运行实例_哔哩哔哩_bilibili 一、项目运行前的准备&#xff08;软件安装&…
阅读更多...
锅总反驳李彦宏说的“不要卷模型，要卷应用”

锅总反驳李彦宏说的“不要卷模型，要卷应用”

李彦宏的观点是大家不要卷模型&#xff0c;要卷应用&#xff0c;但我认为这种看法是荒谬的。以下是24条反驳李彦宏观点的论点和论据&#xff1a; 模型的准确性直接决定应用的质量和用户体验&#xff1a; 论据&#xff1a;在自然语言处理、计算机视觉等领域&#xff0c;模型的准…
阅读更多...
Java虚拟机面试题汇总

Java虚拟机面试题汇总

目录 1. JVM的主要组成部分及其作用&#xff1f; 1.1 运行时数据区划分&#xff1f; 1.2 哪些区域可能会发生OOM&#xff1f; 1.3 堆和栈的区别&#xff1f; 1.4 内存模型中的happen-before是什么&#xff1f; 2. HotSpot虚拟机对象创建流程&#xff1f; 2.1 类加载过程…
阅读更多...
kafka 消费者

kafka 消费者

消费者 消费者。消费者连接到Kafka上并接收消息&#xff0c;进而进行相应的业务逻辑处理。 消费组 消费者负责订阅Kafka中的主题&#xff0c;并且从订阅的主题上拉取消息。 消费组&#xff1a;每个消费者都有一个对应的消费组&#xff0c;每一个分区只能被一个消费组中的一个…
阅读更多...
windows JDK11 与JDK1.8自动切换，以及切换后失效的问题

windows JDK11 与JDK1.8自动切换，以及切换后失效的问题

1.windows安装不同环境的jdk 2.切换jdk 3.切换失败 原因&#xff1a;这是因为当我们安装并配置好JDK11之后它会自动生成一个环境变量&#xff08;此变量我们看不到&#xff09;&#xff0c;此环境变量优先级较高&#xff0c;导致我们在切换回JDK8后系统会先读取到JDK11生成的…
阅读更多...
Docker镜像拉取失败/下载缓慢？如何正确的更换Docker镜像源？（含镜像源，亲测有效！）

Docker镜像拉取失败/下载缓慢？如何正确的更换Docker镜像源？（含镜像源，亲测有效！）

文章目录 📖 介绍 📖🏡 演示环境 🏡📒 Docker镜像源 📒📝 为何更换镜像源📝 如何更换Docker镜像源📝 验证镜像源更换成功📝 一些可用的Docker镜像源⚓️ 相关链接 ⚓️📖 介绍 📖 在当今快速迭代的软件开发环境中，Docker以其轻量级、可移植和高效的特…
阅读更多...
最新文章

Copyright @ 2022~2023