WeiComp
WeiComp

利用html+css制作个人简历

个人简历制作

使用html和css制作一份个人简历；
软件：IntelliJ IDEA 2022.3.2 Ultimate

效果演示：

利用html+css制作个人简历_第1张图片
利用html+css制作个人简历_第2张图片

前期准备

俗话说的好：工欲善其事必先利其器。首先需要认识html代码的各个部分以及常用的属性；

<head>
    <meta charset="UTF-8">
    <title>个人简历title>
    <link rel="icon" href="icon_Alien.png" type="image/x-icon"/>
    <link href="style.css" rel="stylesheet" type="text/css"/>
head>

link标签用于关联当前HTML页面与其他资源的关系，关系通过rel属性指定，这里使用的是icon表示这个文件是当前页面图标。

现在访问此页面，我们发现页面的图标已经变成我们指定的图标样式了。

利用html+css制作个人简历_第3张图片

在网页的标签对中使用标记来引入外部样式表文件，使用html规则引入外部css。我这里引用的是style.css文件（创建的style.css文件）

<link href="style.css" rel="stylesheet" type="text/css"/>

说明：html引入css文件的这种方法就不需要style标签，而是直接通过link一个样式来引用外部样式，推荐使用link来引用外部的css样式方法。

描述

设置一级标题，最多设置6级标题，即最大为
定义表格的行
定义表格单元
设置图片
设置表格

段落标签，它一般用于文章分段
属性规定单元格可横跨的行数
font-family 允许您通过给定一个有先后顺序的，由字体名或者字体族名组成的列表来为选定的元素设置字体

当然，还有其他的属性，这里只是展示了一部分，只是让大家看的懂，还有一部分没有展示，大家可以自行搜索了解；

现在我们再来看主体，我们可以在主体内部编写该页面要展示的所有内容，比如我们之前就用到了img标签来展示一个图片，其中每一个标签都称为一个元素：

 <img src="icon.jpg" 
      alt="一寸照片"
      style="height: 150px;
      width: 150px;
      text-align: justify"/>

利用html+css制作个人简历_第4张图片

我们接着来看看列表元素，这是一个无序列表，其中每一个li表示一个列表项：

<ul>
    <li>一号选项li>
    <li>二号选项li>
    <li>三号选项li>
    <li>四号选项li>
    <li>五号选项li>
ul>

利用html+css制作个人简历_第5张图片

我们也可以使用ol来显示一个有序列表：

<ol>
    <li>一号选项li>
    <li>二号选项li>
    <li>三号选项li>
    <li>四号选项li>
    <li>五号选项li>
ol>

利用html+css制作个人简历_第6张图片

现在我们来看看超链接，我们可以添加一个链接用于指向其他网站：

<a href="url">链接文本a>

HTML使用标签 来设置超文本链接。

在标签 中使用了href属性来描述链接的地址。

<li><a href="https://github.com/zechaowei">GitHub仓库a>li>
<li><a href="https://blog.csdn.net/weixin_50197544?spm=1000.2115.3001.5343">CSDN博客网站a>li>
<li><a href="https://zechaowei.netlify.app/">个人博客网站a>li>

image-20230402120159758

那么如果遇到特殊字符该怎么办呢？和XML一样，我们可以使用转义字符：

个人简历制作的中最常用到的转移字符就是 ，此处的分号不能够丢失；

利用html+css制作个人简历_第7张图片

<p class="style5">
    2020-09-14 —— 2024-07-01        
    Xi’an Shiyou University        
    计算机科学与技术
p>

CSS介绍

之前我们编写的页面非常基础，我们只能通过一些很基本的属性来排列我们的页面元素，那么如何实现更高度的自定义呢，我们就需要用到CSS来自定义样式，首先我们创建一个名为style.css的文件。

首先在我们HTML文件的头部添加：

<link href="style.css" rel="stylesheet" type="text/css"/>

我们在CSS文件中添加以下内容：

body{
    border: #CCCC00 3px solid;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 60%;
    height: 1300px;
    padding: 20px;
}

我们发现，网页的内容有边框了，这正是css在生效，相当于我们现在给页面添加了自定义的样式规则。

当然，我们也可以选择不使用CSS，而是直接对某个元素添加样式：


<body style="height: 1600px;width: 1000px">
  ...
body>

这样的效果其实是等同于上面的css文件的，相当于我们直接把样式定义在指定元素上。

也可以在头部直接定义样式，而不是使用外部文件：


<style>
    body {
        text-align: center;	
    }
style>

使用以上三种方式都可以自定义页面的样式，推荐使用还是第一种，不然我们的代码会很繁杂。

样式的属性是非常多的，不可能一个一个讲完，平时用到什么再来学什么，如果大家们感兴趣，可以自行下去了解。

CSS选择器

我们首先来了解一下选择器，那么什么是选择器呢？我们想要自定义一个元素的样式，那么我们肯定要去选择某个元素，只有先找到要自定义的元素，我们才能开始编写样式。

我们可以设定字体大小、行高等：

/*宽度为250px，高度10px  自定义样式*/
.style6{
    width: 250px;
    height: 10px;
    font-family: 黑体;
}

/*定义table样式*/
table{
    border-style: none;
    border-color: inherit;      /* 表格边框样式，颜色宽度 */
    border-width: 5px;
    width: 100%;
    height: 10%;
    padding: 5px;
}

我们发现，页面中所有的style6元素宽度全部被设定为了250个像素，高度设置为10px（px是单位大小，代表像素，除了px还有em和rem，他们是根据当前元素字体大小决定的相对大小，一般用于适配各种大小的浏览器窗口，这里暂时不用）

样式编写完成后，如果只有一个属性，可以不带;若多个属性则每个属性后面都需要添加一个;

一个标签选择器的格式为：

标签名称 {
  属性名称: 属性值
}

我们现在可以通过选择器快速地去设置某个元素样式了，那么如何实现只设置某个元素的样式呢，；可以通过id选择器，每个元素都可以有一个id属性，我们可以将其当做一个跳转的锚点使用，这里并没有使用到，不做过多解释，大家有兴趣可以自行了解；

虽然id选择器已经可以很方便的指定某个元素，但是如果我们希望n个但不是元素都被选择，id选择器就无法实现了，因为每个元素的id是唯一的，不允许出现重复id的元素，因此接着我们来讲解一下类选择器。

每个元素都可以有一个class属性，表示当前元素属于某个类（注意这里的类和我们Java中的类概念完全不同）一个元素可以属于很多个类，一个类也可以被很多个元素使用：

<form>
    <div >
        <label class="test">
            账号：
            <input type="text" placeholder="Username...">
        label>
    div>
    <div>
        <label class="test">
            密码：
            <input type="password" placeholder="Password...">
        label>
    div>
form>

上面的例子中，两个label元素都使用了test类（类名称是我们自定义的），现在我们在css文件中编写以下内容来以类进行选择：

.test{
    color: blue;
}

我们发现，两个标签的文本内容都变为了蓝色，因此使用类选择器，能够对所有为此类的元素添加样式。注意在进行类选择时，我们需要在类名前面加上.来表示。这正是css在生效，相当于我们现在给页面添加了自定义的样式规则；（这里另外写了一部分代码演示该功能）
利用html+css制作个人简历_第8张图片

以下代码中的部分就是利用该原理：

/*class 为style1的样式，字体大小为large，字体颜色为橙黄色*/
.style1{
    font-size: large;
    color: #FFFF33;
}

/*class 为style2的样式，字体颜色为橙黄*/
.style2{
    color: #FFFF33;
}

/*宽度为500px，高度为240px*/
.style3{
    width: 500px;
    height: 240px;
}

/*宽度为1500px，高度为50px*/
.style4{
    width: 1500px;
    height: 50px;
}

/*字体类型为 黑体*/
.style5{
    font-family: 黑体;
}

/*宽度为250px，高度10px*/
.style6{
    width: 250px;
    height: 10px;
    font-family: 黑体;
}

当然，我们也可以选择不使用CSS，而是直接对某个元素添加样式：


<h2 style="background-color: #FFFF33">教育背景h2>

/*定义h2样式 css*/
.h2{
    color: #000000;                 /* 颜色黑色 */
    background-color: #FFFF33;      /* 背景颜色黄色 */
}

我们发现，网页的内容中的的教育背景一栏编程了黄色；

image-20230402135818475

完整代码

以下是整个style.css文件完整代码：

/*style.css文件*/
/*class 为style1的样式，字体大小为large，字体颜色为橙黄色*/
.style1{
    font-size: large;
    color: #FFFF33;
}

/*class 为style2的样式，字体颜色为橙黄*/
.style2{
    color: #FFFF33;
}

/*宽度为500px，高度为240px*/
.style3{
    width: 500px;
    height: 240px;
}

/*宽度为1500px，高度为50px*/
.style4{
    width: 1500px;
    height: 50px;
}

/*字体类型为 黑体*/
.style5{
    font-family: 黑体;
}

/*宽度为250px，高度10px*/
.style6{
    width: 250px;
    height: 10px;
    font-family: 黑体;
}

body{
    border: #CCCC00 3px solid;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 60%;
    height: 1300px;
    padding: 20px;
}

/*定义table样式*/
table{
    border-style: none;
    border-color: inherit;      /* 表格边框样式，颜色宽度 */
    border-width: 5px;
    width: 100%;
    height: 10%;
    padding: 5px;
}

/*定义h2样式*/
.h2{
    color: #000000;                 /* 颜色黑色 */
    background-color: #FFFF33;      /* 背景颜色橙黄 */
}

以下是整个index.html部分代码：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历title>
    <link rel="icon" href="icon_Alien.png" type="image/x-icon"/>
    <link href="style.css" rel="stylesheet" type="text/css"/>
head>
<body style="height: 1600px;width: 1000px">
    <h1>个人简历h1>
    <h2 style="background-color: #FFFF33">基本信息h2>
    <table class="style4">
        <tr>
            <td class="style6">姓名：IT-驿站td>
            <td class="style6">出生年月：2001-08-22td>
            <td class="style3" rowspan="5">
                
                <img src="icon.jpg" alt="一寸照片"
                     style="height: 150px;
                     width: 150px;
                     text-align: justify"/>
            td>
        tr>
        <tr>
            <td class="style6">民族：汉td>
            <td class="style6">身高：180cmtd>
        tr>
        <tr>
            <td class="style6">电话：15366666666td>
            <td class="style6">政治面貌：群众td>
        tr>
        <tr>
            <td class="style6">邮箱：[email protected]td>
            <td class="style6">毕业大学：Xi’an Shiyou Universitytd>
        tr>
        <tr>
            <td class="style6">住址：11#115td>>
            <td class="style6">学历：本科td>>
        tr>
    table>

    <h2 style="background-color: #FFFF33">教育背景h2>
    <p class="style5">
        2020-09-14 —— 2024-07-01        
        Xi’an Shiyou University        
        计算机科学与技术
    p>
    <p class="style5">主修课程：计算机网络、离散数学、计算机组成原理、数据结构、C语言、操作系统、java程序设计、数据库等。p>


    <h2 style="background-color: #FFFF33">实习经历h2>
    <p>暂无实习经历p>


    <h2 style="background-color: #FFFF33">校园经历h2>
    <p class="style5">2021-09 —— 2022-09        
    Xi’an Shiyou University        
    网球社社长p>


    <h2 style="background-color: #FFFF33">技能证书h2>
    <p class="style5">CET-4p>
    <p class="style5">2022中国机器人大赛 暨RoboCup机器人世界杯中国赛FIRA小型组-半自主5vs5项目一等奖p>
    <p class="style5">数学建模省赛二等奖p>
    <p class="style5">计算机四级p>


    <h2 style="background-color: #FFFF33">自我评价h2>
    <ol>
        <li>技能li>
        <ul>
            <li>数据结构与算法：熟练并能实现常见的数据结构与算法；li>
            <li>计算机基础：
                熟悉计算机组成原理，如指令的运算、内存、IO等原理；
                熟悉计算机网络，如TCP通信、HTTP协议、Cookie等；
                了解操作系统，如常见的Linux命令等li>
            <li>数据库相关：掌握3种数据库基本使用以及部分高级操作，MySQL、MongoDB、Redis；
                能够熟练使用JDBC框架和Mybatis框架，
                以及数据库的部分高级操作，如存储过程、函数、锁、索引、MySQL集群方案li>
            <li>了解前端技术：HTML、CSS、JavaScript脚本；li>
            <li>Java基础：Java常用类库、了解常见的JVM运行机制，熟悉常见的设计模式li>
            <li>Java框架：熟悉Spring及其设计模式，SpringBoot、SpringCloud；li>
            <li>熟练SpringBoot的使用和原理、SpringDataJPA、Mail、Swagger等技术li>
            <li>SpringCloud组件：Eureka、Loadbalaner、Hystrix、Gatrway、Config、Stream；并能够登录校验，如OAuth2.0、单点登录等li>
            <li>中间件：了解Tomcat的设计，Docker容器技术、掌握Linux操作系统的基本使用(Ubuntu系统)、Git版本控制以及利用github合作开发li>
            <li>其他框架和技术：C语言、C++、Python、Golang、Android开发、Maven、JUL、Thymeleaf、Lombokli>
        ul>

        <li>素质和能力li>
        <ul>
            <li>具有较强的逻辑思维能力；li>
            <li>能够快速适应和学习新的技术和知识；li>
            <li>具有良好的沟通能力和团队合作精神；li>
            <li>具有独立思考和解决问题的能力；li>
        ul>
        <li>目标和愿景li>
        <ul>
            <li>希望能够在计算机领域获得一份优秀的工作，不断提升自己的技能和技术；li>
            <li>希望通过工作能够为社会和行业做出一定的贡献；li>
            <li>未来希望能够在计算机领域拥有自己的研究成果和创业经验；li>
        ul>

        <li>GitHub仓库以及个人博客网站li>
        <ul>
            <li><a href="https://github.com/zechaowei">GitHub仓库a>li>
            <li><a href="https://blog.csdn.net/weixin_50197544?spm=1000.2115.3001.5343">CSDN博客网站a>li>
            <li><a href="https://zechaowei.netlify.app/">个人博客网站a>li>
        ul>
    ol>
body>

参考资料

这里我展示了一些参考一部分文章，希望对大家阅读有所帮助。（本人参考第一篇引用的博客的模板，后期将写一篇比较高级的个人简介，希望大家喜欢）

使用html和css制作静态网页版的个人简历

HTML常用标签–整理篇

你可能感兴趣的:(css,html,前端,java)

  • JMM(Java内存模型)讲解 十五001 基础javajvm
    JMM（JavaMemoryModel，Java内存模型）是Java并发编程中的一个非常重要的概念，它帮助我们理解Java程序在多线程环境下内存操作的行为。别担心，我会用简单易懂的方式来讲解，让你轻松掌握它的核心内容。1.什么是JMM？定义JMM是Java内存模型的简称，它定义了Java程序中内存操作的规则和规范。简单来说，JMM规定了Java程序中的变量存储在内存中的方式，以及线程如何读取和写入
  • JavaScript 闭包与作用域的深度解析 小钟H呀 JS知识手册javascript开发语言ecmascript
    引言在JavaScript世界里，闭包和作用域是两个核心概念，理解它们对于编写高效、可维护的代码至关重要。本文将深入探讨JavaScript闭包与作用域的原理、应用及注意事项。一、作用域的概念（一）什么是作用域作用域是指变量和函数的可访问范围。在JavaScript中，主要有全局作用域和局部作用域。全局作用域：在代码的任何地方都可以访问到的变量和函数，通常在脚本的最外层或通过全局对象（如windo
  • 【vue】Mammoth.js的使用：将.docx转换成HTML 暴富暴富暴富啦啦啦 1024程序员节
    mammoth.convertToHtml(input,options）：把源文档转换为HTML文档mammoth.convertToMarkdown(input,options)：把源文档转换为Markdown文档。mammoth.extractRawText(input)：提取文档的原始文本。这将忽略文档中的所有格式。每个段落后跟两个换行符。npminstallelement-uimammot
  • java竞赛优化输入输出效率 px不是xp 蓝桥准备java开发语言
    在编程竞赛中，输入输出效率至关重要。Java的`Scanner`和`System.out.println`虽然简单，但在处理大规模数据时会严重拖慢速度。以下是**竞赛专用输入输出模板**及其原理详解，助你轻松应对高频I/O场景。---###⚡竞赛级输入输出模板（Java）importjava.io.*;importjava.util.*;publicclassMain{  publicstatic
  • 探索 TypeScript Redux：构建大规模JavaScript应用的终极指南 柳旖岭
    探索TypeScriptRedux：构建大规模JavaScript应用的终极指南去发现同类优质开源项目:https://gitcode.com/在当今快速发展的前端开发领域中，组合正确工具集来应对复杂性和扩展性挑战至关重要。今天，我们将深入了解一个令人兴奋的开源项目——TypeScriptRedux，它结合了TypeScript、JSPM、typings、React和Redux的强大功能，为开发者
  • GATK3.5GATK4.0与java版本的关系 探序基因 java
    探序基因肿瘤研究院整理操作系统centosstream9yum安装java后，输入java-version可看到：openjdkversion"11.0.20.1"2023-08-24LTSOpenJDKRuntimeEnvironment(Red_Hat-11.0.20.1.1-2)(build11.0.20.1+1-LTS)OpenJDK64-BitServerVM(Red_Hat-11.0.
  • 单细胞轨迹分析-monocle包的使用 探序基因 r语言
    探序基因肿瘤研究院整理安装：monocle源码下载：https://www.bioconductor.org/packages/release/bioc/html/monocle.htmlR版本，4.2.0BiocManager::install("monocle")不过在安装过程中还是报错了：Warning:无法在https://bioconductor.org/packages/3.15/bi
  • Java 运行时常量池笔记（详细版 小猫猫猫◍˃ᵕ˂◍ java笔记python
    Java运行时常量池笔记（详细版）Java的运行时常量池（RuntimeConstantPool）是JVM方法区的一部分，用于存储编译期生成的字面量和符号引用。它是Java类文件常量池的运行时表示，具有动态性和共享性。运行时常量池的核心概念1.什么是运行时常量池？运行时常量池是JVM方法区的一部分，存储类文件中常量池的内容。它包含：字面量：如字符串、整数、浮点数等。符号引用：如类名、方法名、字段名
  • 前端导出word文件—包含canvas(echarts图表) Liuer_Qin jscanvasechartsecharts前端javascript
    一、使用的插件html-docx-js二、整体思路因为canvas是运行在内存中的，所以不能简单的通过dom获取canvas图片，需要手动的先将canvas转为image。三、实现先克隆要下载的DOM的副本。因为canvas是运行在内存中的，所以也不能通过cloneNode方法克隆下来（克隆下来是空的）。我们这里将原DOM中的canvas转成图片，然后插入到副本的对应位置，这样操作不会影响原DOM
  • 【Python系列】Python 解释器的站点配置 Kwan的解忧杂货铺@新空间代码工作室 s1Pythonpython开发语言
    欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。推荐:kwan的首页,持续学习,不断总结,共同进步,活到老学到老导航檀越剑指大厂系列:全面总结java核心技术点,如集合,jvm,并发编程redis,kafka,Spring,微服务,Netty等常用开发工具系列:罗列常用的开发工具,如IDEA,M
  • 深入解析JVM性能问题定位与优化 测试不打烊 性能测试jvm性能优化
    JVM性能问题定位与优化详解：架构、内存、Linux命令与监控工具的全面解析引言Java虚拟机（JVM）是运行Java应用程序的核心组件，它管理内存、执行字节码，并提供垃圾回收机制等功能。然而，随着应用规模的增长，JVM的性能问题时常会成为系统瓶颈。为了有效定位和优化JVM性能问题，我们需要从JVM架构、内存管理、Linux系统命令，以及监控工具入手，对JVM的各类指标进行详尽的分析和优化。本文将
  • 【java基础】Java 中的 this 关键字 李少兄 Javajava开发语言
    前言在Java的编程世界里，this关键字宛如一把神奇的钥匙，看似简单，却蕴含着强大的功能。它在对象的创建、方法的调用以及成员变量的访问等方面都发挥着至关重要的作用。1.this关键字的基本概念this关键字是Java中的一个引用变量，它指向当前对象。在一个类的方法或构造器内部，this关键字可以用来引用调用该方法或构造器的对象实例。简单来说，this代表了当前正在执行操作的对象本身。哪个对象调用
  • 【Java基础】Java 中的 static 关键字 李少兄 Javajava开发语言
    一、前言在Java的编程世界里，static关键字是一个非常重要且实用的特性。它就像是一把神奇的钥匙，能够改变变量、方法、代码块和内部类的性质和行为。二、static修饰成员变量2.1静态变量的基本概念在Java里，当我们使用static关键字修饰成员变量时，这个变量就变成了静态变量，也叫类变量。普通的成员变量（实例变量）是每个对象都有一份独立的副本，而静态变量不同，它属于整个类，无论创建多少个该
  • 关于个人财务系统的javaweb小项目 竹木有心 tomcatjava
    个人财务管理系统-项目计划书1.项目背景与目的随着现代社会的进步与人们收入水平的提高，个人财务的管理变得越来越重要。如何有效地记录、管理、分析个人的收支状况，成为了很多人关注的焦点。本项目旨在设计并实现一个基于JavaWeb技术的个人财务管理系统，通过该系统，用户可以轻松管理自己的收入与支出，查看财务统计分析，帮助用户进行财务规划与控制。本系统适用于大三学生的课程设计要求，涉及JavaWeb技术、
  • 揭秘 CSS Houdini：用浏览器魔法解锁 CSS 的终极潜力 寒鸦xxx csshoudini前端
    一、为什么我们需要CSSHoudini？1.1传统CSS的困境当我们试图用CSS实现一个波浪形边框时，通常会经历这样的挣扎：/*传统实现方案*/.wave-border{position:relative;overflow:hidden;}.wave-border::after{content:'';position:absolute;/*需要复杂计算和多个伪元素拼接*/}这种实现方式存在三个致命
  • Mybatisplus更新某个字段为null 辉夜姬想环游世界 日常记录javaspring开发语言
    使用@TableField(updateStrategy=FieldStrategy.IGNORED)注解要更新的字段。@TableField注解是Mybatisplus框架中提供的一个注解，主要用于实体类（Entity）的字段上，帮助开发者更灵活地映射Java对象属性与数据库表字段之间的关系主要功能：1、字段映射：当实体类和数据库字段不一致时，可以是使用value属性指定数据库字段名@Table
  • Java平台上的多线程与多核处理研究 向哆哆 Java入门到精通javapython开发语言
    Java平台上的多线程与多核处理研究在现代计算机架构中，多核处理器已成为主流。随着硬件性能的提升，如何有效利用多核处理器的计算能力成为开发者面临的重要问题之一。Java作为一种广泛使用的编程语言，提供了多线程编程的强大支持，使得开发者能够在多核环境下实现并行计算。本篇文章将深入探讨Java平台上的多线程与多核处理，探讨其工作原理、应用场景，并通过代码实例进行演示。1.多线程与多核处理的基本概念1.
  • Spring框架在Java企业级应用中的应用分析 向哆哆 Java入门到精通javaspring后端
    Java在移动应用开发中的优势与挑战Java作为一门历史悠久且功能强大的编程语言，在移动应用开发中一直占据着重要地位，尤其是在安卓平台的应用开发上，Java是主要的开发语言。随着技术的发展，尤其是Kotlin的崛起，Java在移动应用中的角色发生了一些变化，但它依旧具有许多独特的优势，尤其是在企业级应用和维护现有项目中。本文将从多个角度探讨Java在移动应用开发中的优势与挑战，并提供相关的代码示例
  • idea error invoking main method （亲测有效） 大葱蘸个酱 intellij-ideajavaide
    一、前言我的idea是IntelliJIDEA2021.3.2版本，前一天测试javagc回收，把idea的堆内存调成了28m和56m，导致今天idea无法启动，提示errorinvokingmainmethod二、解决方案把配置文件中的配置调整正常，问题解决-Xms128m最小堆内存-Xmx750m最大堆内存-Xms最小堆内存-Xmx最大堆内存其它问题导致的无法启动解决方案：管理员模式下面cmd
  • 动态蛇形卷积（DySnakeConv）在YOLOv8检测头中的应用与优化-分割性能的提升【YOLOv8】 步入烟尘 YOLO动态蛇形卷积DySnakeConv
    本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录动态蛇形卷积（DySnakeConv）在YOLOv8检测头中的应用与优化-分割性能的提升【YOLOv
  • Java JVM性能优化与调优 卖血买老婆 Java专栏javajvm性能优化
    优化Java应用的性能通常需要深入理解JVM（JavaVirtualMachine）的工作原理和运行机制，因为JVM直接决定了Java程序的运行时表现。以下是JVM性能优化与调优的要点和详细指导，涵盖常见问题、调优工具及策略。一、常见性能问题内存相关问题堆内存不足（OutOfMemoryError:Javaheapspace）元空间（Metaspace）不足频繁的垃圾回收导致长时间停顿内存泄漏（对
  • 微信支付-扫码支付全流程 自娱自乐22 thinkphpphp微信扫码支付
    微信支付官方文档：`https://pay.weixin.qq.com/wiki/doc/api/index.html`微信支付分为2种模式：【模式一】：商户后台系统根据微信支付规则链接生成二维码，链接中带固定参数productid（可定义为产品标识或订单号）。用户扫码后，微信支付系统将productid和用户唯一标识(openid)回调商户后台系统(需要设置支付回调URL)，商户后台系统根据pr
  • mac+php5.3的docker-compose.yml分享 自娱自乐22 docker
    version:'3'services:nginx:image:nginx:latestcontainer_name:nginx-composevolumes:-./wwwroot:/usr/share/nginx/html:rw-./nginx/nginx/:/etc/nginx/:rw-./log/nginx:/var/log/nginx:rwrestart:alwayslinks:-phpp
  • RHEL 安装 Hadoop 服务器 XhClojure hadoop服务器大数据
    在这篇文章中，我们将探讨如何在RedHatEnterpriseLinux(RHEL)上安装和配置Hadoop服务器。Hadoop是一个开源的分布式数据处理框架，用于处理大规模数据集。以下是在RHEL上安装Hadoop的详细步骤。步骤1：安装Java在安装Hadoop之前，我们需要确保系统上安装了JavaDevelopmentKit(JDK)。执行以下命令安装JDK：sudoyuminstallja
  • Python+Playwright常用元素定位方法 HAMYHF python功能测试
    CSSselector选择器在CSS中，定位元素主要通过选择器完成，以下是几种常见的CSS选择器定位方法：标签选择器(element):直接使用HTML元素名称来定位，例如p会选择所有段落元素。属性选择器(attribute):选择所有具有指定属性的元素，无论该属性的值是什么。例如，[title]会选择所有包含title属性的元素。选择具有指定属性，并且该属性值完全等于给定值的元素。例如，[typ
  • JavaScript网页设计案例：打造交互式个人简历网站 程序媛小果 前端javascript开发语言ecmascript
    在当今数字化时代，个人简历不再局限于纸质文档，而是越来越多地以网页形式呈现。JavaScript作为一种强大的客户端脚本语言，为网页设计提供了无限可能，使得网页不仅仅是静态的信息展示，而是具有丰富交互性的平台。本文将通过一个案例，展示如何使用HTML、CSS和JavaScript来设计一个交互式的个人简历网站。1.项目概述本案例的目标是创建一个个人简历网站，它不仅展示个人信息、工作经历、教育背景和
  • ECMAScript与JavaScript：探索两者之间的联系与区别 程序媛小果 前端ecmascriptjavascript前端
    在Web开发的早期，JavaScript成为了客户端脚本语言的代名词，而随着时间的推移，JavaScript已经发展成为一个功能强大的语言，它的影响力远远超出了浏览器的范畴。在这场语言演进的过程中，ECMAScript扮演了一个关键角色。本文将深入探讨ECMAScript与JavaScript之间的关系，以及它们之间的主要区别。1.什么是ECMAScript？ECMAScript是由欧洲计算机制造
  • 【Java基础】Java 中的 super 关键字 李少兄 Javajava开发语言
    前言在Java的面向对象编程中，继承是一个核心特性，它允许我们创建一个新类（子类）来继承另一个已有类（父类）的属性和方法。而super关键字则是在这个继承体系中扮演着至关重要的角色，它为子类与父类之间的交互提供了强大的支持。1.super关键字的基本概念super关键字是Java中的一个引用变量，它指向当前对象的父类对象。通过super，子类可以访问父类的成员，包括成员变量、方法和构造器。在子类中
  • 23种设计模式-享元(Flyweight)设计模式 萨达大 软考中级-软件设计师设计模式享元模式软考软件设计师C++行为型设计模式JAVA
    文章目录一.什么是享元设计模式？二.享元模式的特点三.享元模式的结构四.享元模式的优缺点五.享元模式的C++实现六.享元模式的JAVA实现七.代码解析八.总结类图：享元设计模式类图一.什么是享元设计模式？ 享元（Flyweight）设计模式是一种结构型设计模式，通过共享对象来减少内存占用和对象创建开销。它通过将对象的可共享部分与不可共享部分分离，减少重复对象的数量，从而节省内存。 享元模式的核心思
  • 2分钟学会编写maven插件 聪明马的博客 Javamavenjavaspring
    什么是Maven插件Maven是Java项目中常用的构建工具，可以自动化构建、测试、打包和发布Java应用程序。Maven插件是Maven的一项重要功能，它可以在Maven构建过程中扩展Maven的功能，实现自定义的构建逻辑。Maven插件可以提供很多不同的功能，例如：生成代码、打包文件、部署应用程序等。插件通常是在Maven构建生命周期中的某个阶段执行，例如：编译、测试、打包、安装和部署。Mav
  • Js函数返回值 _wy_ jsreturn
    一、返回控制与函数结果，语法为：return 表达式;作用: 结束函数执行，返回调用函数，而且把表达式的值作为函数的结果 二、返回控制语法为：return;作用: 结束函数执行，返回调用函数，而且把undefined作为函数的结果 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性
  • MySQL 的 char 与 varchar bylijinnan mysql
    今天发现，create table 时，MySQL 4.1有时会把 char 自动转换成 varchar 测试举例： CREATE TABLE `varcharLessThan4` ( `lastName` varchar(3) ) ; mysql> desc varcharLessThan4; +----------+---------+------+-
  • Quartz——TriggerListener和JobListener eksliang TriggerListenerJobListenerquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208624 一.概述 listener是一个监听器对象，用于监听scheduler中发生的事件，然后执行相应的操作；你可能已经猜到了，TriggerListeners接受与trigger相关的事件，JobListeners接受与jobs相关的事件。   二.JobListener监听器  j
  • oracle层次查询 18289753290 oracle；层次查询；树查询
    .oracle层次查询(connect  by) oracle的emp表中包含了一列mgr指出谁是雇员的经理，由于经理也是雇员，所以经理的信息也存储在emp表中。这样emp表就是一个自引用表，表中的mgr列是一个自引用列，它指向emp表中的empno列，mgr表示一个员工的管理者， select   empno,mgr,ename,sal  from e
  • 通过反射把map中的属性赋值到实体类bean对象中 酷的飞上天空 javaee泛型类型转换
    使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中 但现在主要使用Spring框架的MVC，虽然也有@ModelAttribute可以使用但是明显感觉不方便。 好吧，那就自己再造一个轮子吧。 原理都知道，就是利用反射进行字段的赋值，下面贴代码 主要类如下：   import java.lang.reflect.Field; imp
  • SAP HANA数据存储：传统硬盘的瓶颈问题 蓝儿唯美 HANA
    SAPHANA平台有各种各样的应用场景，这也意味着客户的实施方法有许多种选择，关键是如何挑选最适合他们需求的实施方案。 在 《Implementing SAP HANA》这本书中，介绍了SAP平台在现实场景中的运作原理，并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》，介绍了行存储和列存储的各自特点，以及SAP HANA的数据存储方式如何提升空间压
  • Java Socket 多线程实现文件传输 随便小屋 javasocket
            高级操作系统作业，让用Socket实现文件传输，有些代码也是在网上找的，写的不好，如果大家能用就用上。 客户端类：   package edu.logic.client; import java.io.BufferedInputStream; import java.io.Buffered
  • java初学者路径 aijuans java
    学习Java有没有什么捷径?要想学好Java，首先要知道Java的大致分类。自从Sun推出Java以来，就力图使之无所不包，所以Java发展到现在，按应用来分主要分为三大块：J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版，主要用于桌面应用软件的编程；J2ME主要应用于嵌入是系统开发，如手机和PDA的编程；J2EE
  • APP推广 aoyouzi APP推广
    一，免费篇 1，APP推荐类网站自主推荐 最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖，还能获取最美应用的评测推荐。PS：推荐简单。只要产品有趣好玩，用户会自主分享传播。例如足迹APP在最美应用推荐一次，几天用户暴增将服务器击垮。 2，各大应用商店首发合作 老实盯着排期，多给应用市场官方负责人献殷勤。 3，论坛贴吧推广 百度知道，百度贴吧，猫扑论坛，天涯社区，豆瓣（
  • JSP转发与重定向 百合不是茶 jspservletJava Webjsp转发
      在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向;   转发包括;forward和include     例子;forwrad转发;  将请求装法给reg.html页面   关键代码;    req.getRequestDispatcher("reg.html
  • web.xml之jsp-config bijian1013 javaweb.xmlservletjsp-config
    1.作用：主要用于设定JSP页面的相关配置。 2.常见定义： <jsp-config> <taglib> <taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri> <taglib-location> TLD文件所在的位置
  • JSF2.2 ViewScoped Using CDI sunjing CDIJSF 2.2ViewScoped
    JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w
  • 【分布式数据一致性二】Zookeeper数据读写一致性 bit1129 zookeeper
    很多文档说Zookeeper是强一致性保证，事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336    Zookeeper的数据同步协议 Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数，3台能够满足数据可靠性同时
  • Java开发笔记 白糖_ java开发
    1、Map<key,value>的remove方法只能识别相同类型的key值   Map<Integer,String> map = new HashMap<Integer,String>(); map.put(1,"a"); map.put(2,"b"); map.put(3,"c"
  • 图片黑色阴影 bozch 图片
     .event{ padding:0;    width:460px;    min-width: 460px;    border:0px solid #e4e4e4;    height: 350px;    min-heig
  • 编程之美-饮料供货-动态规划 bylijinnan 动态规划
    import java.util.Arrays; import java.util.Random; public class BeverageSupply { /** * 编程之美 饮料供货 * 设Opt（V’，i）表示从i到n-1种饮料中，总容量为V’的方案中，满意度之和的最大值。 * 那么递归式就应该是：Opt（V’，i）=max{ k * Hi+Op
  • ajax大参数（大数据）提交性能分析 chenbowen00 WebAjax框架浏览器prototype
    近期在项目中发现如下一个问题 项目中有个提交现场事件的功能，该功能主要是在web客户端保存现场数据（主要有截屏，终端日志等信息）然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢，大概要等10到20秒的时间浏览器才能操作，期间页面不响应事件。 根据客户描述分析了下的代码流程，很简单，主要通过OCX控件截屏，在将前端的日志等文件使用OCX控件打包，在将之转换为
  • [宇宙与天文]在太空采矿,在太空建造 comsci
         我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大....      地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没
  • ORACLE中CONSTRAINT的四对属性 daizj oracleCONSTRAINT
    ORACLE中CONSTRAINT的四对属性 summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如
  • Gradle入门教程 dengkane gradle
    一、寻找gradle的历程 一开始的时候，我们只有一个工程，所有要用到的jar包都放到工程目录下面，时间长了，工程越来越大，使用到的jar包也越来越多，难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里，靠ide来管理工程之间的依赖关系，各工程下的jar包依赖是杂乱的。一段时间后，我们发现用ide来管理项程很不方便，比如不方便脱离ide自动构建，于是我们写自己的ant脚本。再后
  • C语言简单循环示例 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i; int count = 0; int sum = 0; float avg; for (i=1; i<=100; i++) { if (i%2==0) { count++; sum += i; } } avg
  • presentModalViewController 的动画效果 dcj3sjt126com controller
    系统自带(四种效果)： presentModalViewController模态的动画效果设置：     [cpp]  view plain copy   UIViewController *detailViewController = [[UIViewController al
  • java 二分查找 shuizhaosi888 二分查找java二分查找
    需求：在排好顺序的一串数字中，找到数字T   一般解法：从左到右扫描数据，其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。 /** * * @param array * 顺序数组 * @param t * 要查找对象 * @return */ public stati
  • Spring Security（07）——缓存UserDetails 234390216 ehcache缓存Spring Security
           Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类，CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时，其首先会从缓存中获取，如果缓存中没
  • Dozer 深层次复制 jayluns VOmavenpo
    最近在做项目上遇到了一些小问题，因为架构在做设计的时候web前段展示用到了vo层，而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层，每一次都需要从po-->转化到vo层，用到BeanUtils.copyProperties(source, target)只能复制简单的属性，因为实体类都配置了hibernate那些关联关系，所以它满足不了现在的需求，但后发现还有个很
  • CSS规范整理（摘自懒人图库） a409435341 htmlUIcss浏览器
       刚没事闲着在网上瞎逛，找了一篇CSS规范整理，粗略看了一下后还蛮有一定的道理，并自问是否有这样的规范，这也是初入前端开发的人一个很好的规范吧。 一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core
  • C++动态链接库创建与使用 你不认识的休道人 C++dll
    一、创建动态链接库 1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked"，完成 2.在test.h中添加 extern “C” 返回类型 _declspec(dllexport)函数名(参数列表); 3.在test.cpp中最后写 extern “C” 返回类型 _decls
  • Android代码混淆之ProGuard rensanning ProGuard
    Android应用的Java代码，通过反编译apk文件（dex2jar、apktool）很容易得到源代码，所以在release版本的apk中一定要混淆一下一些关键的Java源码。 ProGuard是一个开源的Java代码混淆器（obfuscation）。ADT r8开始它被默认集成到了Android SDK中。 官网： http://proguard.sourceforge.net/
  • 程序员在编程中遇到的奇葩弱智问题 tomcat_oracle jquery编程ide
    　　现在收集一下：       　　排名不分先后，按照发言顺序来的。   1、Jquery插件一个通用函数一直报错，尤其是很明显是存在的函数，很有可能就是你没有引入jquery。。。或者版本不对 2、调试半天没变化：不在同一个文件中调试。这个很可怕，我们很多时候会备份好几个项目，改完发现改错了。有个群友说的好：   在汤匙
  • 解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported xp9802 dependency
    解决办法：在plugins之前添加如下pluginManagement，二者前后顺序如下：   [html]  view plain copy   <build>           <pluginManagement