Java后端须知的前端知识

Java后端须知的前端知识

HTML （超文本标记语言）
  • W3C标准
    • 结构：HTML
    • 表现：CSS
    • 行为：JavaScript
快速入门
<html>
	<head>
		<title></title>
	</head>
	<body>
        <font color="red"></font>
	</body>
</html>
<!--
	<html> 结构标签，表示这是一个html文档
	<head> 加载资源信息，添加标题
	<title> 加载标题（窗口上的字）
	<body> 定义文字
	<font> 文字标签 color 定义颜色
	html识别不区分大小写，标签属性值 单双引皆可 语法松散，语法错误可适当兼容
-->
基础标签
<!--html5标识-->
<!DOCTYPE html>
<html lang="en">
<head>
	<!--页面的字符集-->
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>

<h1>我是标题h1</h1>
<h2>我是标题h2</h2>
<h3>我是标题h3</h3>
<h4>我是标题h4</h4>
<h5>我是标题h5</h5>
<h6>我是标题h6</h6>
<hr>

</body>
</html>
<!--
	<h1>~<h6> h1最大，h6最小 定义标题
	<font> 	  定义文本的字体、字体尺寸、字体颜色  face控制字体，size控制大小 color控制颜色 html一般不使用，格式主要使用css
	<b> 	  定义粗体文本 
	<i> 	  定义斜体文本
	<u> 	  定义文本下划线
	<center>  定义文本居中  html一般不使用，格式主要使用css 
	<p> 	  定义段落
	<br>	  定义折行
	<hr>	  定义水平线
	htmL表示颜色：
	1.英文单词：red,pink,blue...
	2.rgb(值1，值2，值3)：值的取值范围：0~255   rgb(255,0,0)
	3.#值1值2值3：值的范围：00~FF
-->
HTML显示结果描述
&lt ;<小于号或显示标记
&gt ;>大于号或显示标记
&amp ;&可用于显示其他特殊字符
&quot ;"引号
&reg ;@ （里面的a应该是R）已注册
&copy ;@ （里面的a应该是C）版权
&trade ;TM商标
&nbsp ;不断行的空白
图片、音频、视频标签

  • img:定义图片

    • src:规定显示图像的URL(统一资源定位符)
    • height:定义图像的高度
    • width:定义图像的宽度

  • audio:定义音频。支持的音频格式：MP3、WAV、OGG

    • src:规定音频的URL
    • controls:显示播放控件

  • video:定义视频。支持的音频格式：MP4,WebM、OGG

    • src:规定视频的URL
      • controls:显示播放控件
<DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
<!--
	资源路径：
	1.绝对路径：完整路径
	2.相对路径：相对位置关系
		xXx/html/02.html
		xxx/html/a.jpg
		./a.jpg a.jpg

		xxx/html/02.html
		xxx/html/img/a.jpg
		./img/a.jpg

		xXx/html/02.html
		xxx/img/a.jpg
		../img/a.jpg
	尺寸单位：
	1.pX:像素 例如下面的300表示为300px
	2.百分比：表示占有屏幕的百分比
-->
<img src="a.jpg"width="300" height="400">

<audio src="b.mp3"controls></audio>
<video src="c.mp4"controls width="500"height="300"></video>
</body>
超链接标签

<a>: 定义超链接，用于链接到另一个资源

  • href:指定访问资源的URL

  • target:指定打开资源的方式

    _se1f：默认值，在当前页面打开
    _blank：在空白页面打开

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
<a href="https://www.baidu.com" target="_blank">百度一下，你就知道</a>
</body>
</html>
列表标签
标签描述
<ol>定义有序列表（有序号）
<ul>定义无序列表
<li>定义列表项

可以添加格式，来换对应的样式，但一般在CSS中进行进一步的修改

表格标签
标签描述
<table>定义表格
<tr>定义行
<td>定义单元格
<th>定义表头单元格

  • table:定义表格

    • border:规定表格边框的宽度
    • width:规定表格的宽度
    • cellspacing:规定单元格之间的空白

  • tr:定义行

    • align:定义表格行的内容对齐方式

  • td:定义单元格

    • rowspan:规定单元格可横跨的行数
    • colspan:规定单元格可横跨的列数
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
<table border="1">
	<tr align="center">
		<th>序号</th>
		<th>品牌Logo</th>
		<th>品牌名称</th>
		<th>企业名称</th>
	</tr>
	<tr align="center">
		<td>010</td>
		<td><img src="../img/三只松鼠.png"width:="60"height="50"></td>
		<td colspan=2>三只松鼠</td>
	</tr>
</table>
</body>
</html>
布局标签
标签描述
<div>定义HTML文档中的一个区域部分，经常与CSS一起使用，用来布局网页，块级标签，会自动换行；
<span>用于组合行内元素。不会换行（行内）
表单标签
  • 表单：在网页中主要负责数据采集功能，使用<fom>标签定义表单
  • 表单项（元素）：不同类型的iput元素、下拉列表、文本域等
标签描述
<form>定义表单
<input>定义表单项，通过type属性控制输入形式
<label>为表单项定义标注
<select>定义下拉列表
<option>定义下拉列表的列表项
<textarea>定义文本域
  • form:定义表单
    • action: 规定当提交表单时向何处发送表单数据，URL
    • method: 规定用于发送表单数据的方式
      • get: 浏览器会将数据直接附在表单的action URL之后。大小有限制（4KB），默认值
      • post: 浏览器会将数据放到http请求消息体中。大小无限制
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
<form action="#" method="post">
	<input type="text" name="username">
	<input type="submit">
</form>
</body>
</html>
  • input: 表单项，通过type属性控制输入形式
type取值描述
text默认值。定义单行的输入字段
password定义密码字段
radio定义单选按钮
checkbox定义复选框
file定义文件上传按钮
hidden定义隐藏的输入字段
submit定义提交按钮，提交按钮会把表单数据发送到服务器
reset定义重置按钮，重置按钮会清除表单中的所有数据
button定义可点击按钮

  • select: 定义下拉列表，option定义列表项

  • textarea：文本域

  • label：可以提升用户体验：点击用户名，也可以选中文本框

    <Label for="username">用户名：</Label>
<input type="text" name="username" id="username"><br>

  • 单选框/复选框细节：单选框/复选框中value值必须加上，不然上传信息给后端的时候，不管选中哪一个，都只会上传一个"on"

    <input type="radio" name="gender" value="1"> 男
<input type="radio" name="gender" value="2"> 女
CSS（层叠样式表）
CSS导入方式

  • 内联样式：在标签内部使用style属性，属性值是css属性键值对

    <div style="color:red">Hello CSS~</div>

  • 内部样式：定义

CSS选择器

  • 概念：选择器是选取需设置样式的元素（标签）

    div{
	color: red;
}

  • 分类（三个选择器之间谁的范围小谁就生效，以下标签内容需要再style标签内抒写）

    • 元素选择器

      元素名称{color: red;}
div{color: red;}

    • id选择器

      #id属性值{color: red;}
#name{color: red;}
<div id="name"> hello css2</div>

    • 类选择器

      .class属性值{color:red;}
.cls{color:red;}
<div class="cls">hello css3</div>
CSS属性

存在很多属性，每一个属性均为一个键值对，详情请参照：CSS 教程 (w3school.com.cn)

JavaScript

一门跨平台、面向对象的脚本语言，来控制网页行为的，它能使网页可交互。JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似。JavaScript(简称：JS)在1995年由Brendan Eich发明，并于1997年成为一部ECMA标准。ECMAScript6(ES6)是最新的JavaScript版本（发布于2015年）。

JavaScript引入方式

内部脚本： 将JS代码定义在HTML页面中

在HTML中，JavaScript代码必须位于script标签之间

<script>
	alert("hello JS ~")
</script>

注意：

  • 在HTML文档中可以在任意地方，放置任意数量的script标签
  • 一般把脚本置于body元素的底部，可改善显示速度，因为脚本执行会拖慢显示

外部脚本： 将JS代码定义在外部JS文件中，然后引入到HTML页面中
外部文件：demo.js

alert("hello JS ~")

引入外部js文件

<script src="../js/demo.js"></script>

注意：

  • 外部脚本不能包含script标签

  • script标签不能自闭合

JavaScript基础语法

书写语法

  • 区分大小写：与ava一样，变量名、函数名以及其他一切东西都是区分大小写的

  • 每行结尾的分号可有可无

  • 注释：

    • 单行注释：//注释内容

    • 多行注释：/*注释内容*/

  • 大括号表示代码块

    if (count == 3){
	alert(count);
}

输出语句

window.alert("hello JS~");	//弹出警告框
document.write("hello JS~");	//写入HTML输出
console.log("hello JS~");	//写入控制台

变量

JavaScript中用var关键字(variable的缩写)来声明变量

/*
	var:
		1.作用域：全局变量
		2.变量可以重复定义
*/
var test = 20
test = "张三"
  • JavaScript是一门弱类型语言，变量可以存放不同类型的值
  • 变量名需要遵循如下规侧：

    组成字符可以是任何字母、数字、下划线（_)或美元符号($)
    数字不能开头
    建议使用驼峰命名

  • ECMAScript6新增了let关键字来定义变量。它的用法类似于var,但是所声明的变量，只在Iet关键字所在的代码块内有效，且不允许重复声明
  • ECMAScript6新增了const关键字，用来声明一个只读的常量。一旦声明，常量的值就不能改变。

数据类型

JavaScript中分为：原始类型和引用类型
5种原始类型：

  • number:数字（整数、小数、NaN(Not a Number)）
  • string:字符、字符串，单双引皆可
  • boolean:布尔。true,false
  • null:对象为空
  • undefined:当声明的变量未初始化时，该变量的默认值是undefined

使用typeof运算符可以获取数据类型

alert(typeof age)

运算符

  • 一元运算符：++，–
  • 算术运算符：+，-，*，/，%
  • 赋值运算符：=，+=，-=…
  • 关系运算符：>，<，>=，<=，！=,==,===…
  • 逻辑运算符：&&，||，！
  • 三元运算符：条件表达式？true_value : false_value
/*
==
	1.判断类型是否一样，如果不一样，则进行类型转换
	2.再去比较其值
===:全等于
	1.判断类型是否一样，如果不一样，直接返回false
	2.再去比较其值

类型转换：(主要用于判断)
	* 其他类型转为number:
		1.string:按照字符串的字面值，转为数字.如果字面值不是数字，则转为NaN。一般使用parseInt
		2.boolean:true 转为1，fase转为0
	* 其他类型转为boolean:
		1.number:0和NaN转为false,其他的数字转为true
		2.string:空字符串转为false,其他的字符串转为true
		3.null:false
		4.undefined:false
*/

流程控制语句

  • if:判断语句
  • switch:判断语句
  • for:与JAVA一致
  • while:与JAVA一致
  • do…while:与JAVA一致

函数

函数（方法）是被设计为执行特定任务的代码块

  • 定义：JavaScript函数通过function关键词进行定义，语法为：

    function functionName(参数1, 参数2..){
	要执行的代码
}

注意：

形式参数不需要类型。因为JavaScript是弱类型语言
返回值也不需要定义类型，可以在函数内部直接使用returni返回即可

function add(a,b){
	return a + b;
}
// 调用
let result = add(1,2);

// 第二种定义方式：
var functionName=function(参数列表)K
	要执行的代码
}

var add = function(a,b){
	return a + b;
}
JavaScript常用对象

Array对象

JavaScript Array对象用于定义数组

  • 定义

    var 变量名 =new Array(元素列表); //方式一
var arr =new Array(1,2,3);
var 变量名 =[元素列表]; //方式二
var arr=[1,2,3];

  • 访问

    arr[索引] = 值;
arr[0] = 1;
// 特点：JavaScript数组相当于Java中集合。变长变类型
// 变长：
var arr3=[1,2,3];
arr3[10]=10;
// 变类型：
//变类型
arr3[5]="hello"; //之前的数据保留
alert(arr3);
// 方法
push：添加元素
splice:删除元素 splice(0,1):从位置0开始删除，删除1个

String

  • 定义

    var变量名=new String(s); //方式一
var str =new String("hello");
var变量名 = s; /方式二
var str = "hello";
var str = 'hello';
//trim()：去除字符串前后的空白字符

自定义对象

  • 格式

    var对象名称={
	属性名称1: 属性值1,
	属性名称2: 属性值2,
	...
	函数名称: function(形参列表){}
	...
};
var person = {
	name:"zhangsan",
	age:23,
	eat:function (){
		alert("干饭~");
	}
};
BOM

  • Browser Object Model 浏览器对象模型

  • JavaScript将刘览器的各个组成部分封装为对象

  • 组成：

    • Window: 浏览器窗口对象

      • 获取：直接使用window，其中window.可以省略

        window.alert("abc")

      • 属性：获取其他BOM对象

        属性描述
        history对History对象的只读引用。
        Navigator对Navigator对象的只读引用。
        Screen对Screen对象的只读引用。
        location用于窗口或框架的Location对象。

      • 方法

        方法描述
        alert()显示带有一段消息和一个确认按钮的警告框。
        confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。确认按钮（true）
        setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。在一定的时间间隔后执行一·个function,循环执行
        setTimeout()在指定的毫秒数后调用函数或计算表达式。在一定的时间间隔后执行一·个function,只执行一次

    • Navigator: 浏览器对象（浏览器的基本信息，用到的不多）

    • Screen: 屏幕对象（屏幕的基本信息，用到的不多）

    • History: 历史记录对象

      方法描述
      back()加载history列表中的前一个URL
      forward（）加载history列表中的下一个URL

    • Location: 地址栏对象

      属性描述
      href设置或返回完整的URL
DOM （文档对象模型）
  • 将标记语言的各个组成部分封装为对象
    • Document：整个文档对象
    • Element：元素对象
    • Attribute：属性对象
    • Text：文本对象
    • Comment：注释对象

请添加图片描述

  • JavaScript通过DOM，就能够对HTML进行操作了
    • 改变HTML元素的内容
    • 改变HTML元素的样式(CSS)
    • 对HTML DOM事件作出反应
    • 添加和删除HTML元素
  • DOM是W3C(万维网联盟)的标准，其定义了访问HTML和ML文档的标准，W3C DOM标准被分为3个不同的部分：
    • 核心DOM:针对任何结构化文档的标准模型
      • Document:整个文档对象
      • Element:元素对象
      • Attribute:属性对象
      • Text:文本对象
      • Comment:注释对象
    • XML DOM:针对XML文档的标准模型
    • HTML DOM:针对HTML文档的标准模型
      • Image：<img>
      • Button ：<input type=‘button’>
  • Element：元素对象
    • 获取Element对象
      • getElementByld:根据id属性值获取，返回一个Element对象
      • getElementsByTagName:根据标签名称获取，返回Element对象数组
      • getElementsByName:根据name属性值获取，返回Element对象数组
      • getElementsByClassName:根据class属性值获取，返回Element对象数组
事件监听
  • 事件：HTML事件是发生在HTML元素上的“事情”。比如：
    • 按钮被点击
    • 鼠标移动到元素之上
    • 按下键盘按键
  • 事件监听：JavaScript可以在事件被侦测到时执行代码

事件绑定

  • 方式一：通过HTML标签中的事件属性进行绑定

    <input type="button" onclick='on()'>

	function on(){
	alert(我被点了");
}

  • 方式二：通过DOM元素属性绑定（推荐）

    <input type="button"id="btn">
document.getElementByld("btn").onclick = function(){
	alert(我被点了");
}

常见事件

  • onfocus：获得焦点
  • onblur：失去焦点（可用来做数据验证）
  • onclick：当用户点击某个对象时调用的事件句柄
  • onsubmit：在表单中的确认按钮被点击时发生，返回true，则表单会被提交，返回false，则表单不提交
案例：表单验证

  • 当输入框失去焦点时，验证输入内容是否符合要求

    • 获取表单输入框

      var usernameInput = document.getElementById("username");

    • 绑定onblur事件

      usernameInput.onblur = function (){}

    • 获取输入内容

      var username = usernameInput.value.trim();

    • 判断是否符合规则

      var usernameReg = /^\w{6,12}$/; ∥正则表达式

    • 如果不合符规则，则显示错误提示信息

  • 当点击注册按钮时，判断所有输入框的内容是否都符合要求，如果不合符则阻止表单提交

    • 获取表单对象

      var regForm document.getElementById("reg-form");

    • 为表单对象绑定onsubmit

       regForm.onsubmit = function(){}

    • 判断所有输入框是否都符合要求，如果符合，则返回true,如果有一项不符合，则返回false

<!--隐藏提示信息-->
<span id-"username_err" class="err_msg" style="display: none">用户名不太受欢迎</span>
//1.1获取用户名的输入框
var usernameInput = document.getElementById("username");
//1.2绑定onblur事件失去焦点
usernameInput.onblur = checkUsername;
function checkUsername(){
	// 1.3获取用户输入的用户名
	var username = usernameInput.value.trim();
	// 1.4判断用户名是否符合规则：长度612
    flag = username.length >= 6 && username.length <=12;
	if(flag){
		//符合规则
        document.getElementById("username_err").style.display = 'none';  
	}else{
          // 不合符规则
		  document.getElementById("username_err").style.display ='';                                        
    }
    return flag;
}
//1.获取表单对象
var regForm document.getElementById("reg-form");
//2.绑定onsubmit事件
regForm.onsubmit = function (){
    //挨个判断每一个表单项是否都符合要求，如果有一个不合符，则返回false
	var flag = checkUsername() && checkPassword() && checkTel();
	return flag;
}

如果觉得有帮助，请帮我点个赞或者收藏，感谢~

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

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

相关文章

无人机除冰保障电网稳定运行

无人机除冰保障电网稳定运行

无人机除冰保障电网稳定运行 近日&#xff0c;受低温雨雪冰冻天气影响&#xff0c;福鼎市多条输配电线路出现不同程度覆冰。 为保障福鼎电网安全可靠运行&#xff0c;供电所员工运用无人机飞行技术&#xff0c;通过在无人机下方悬挂器具&#xff0c;将无人机飞到10千伏青坑线…
阅读更多...
代码随想录算法训练营第二十二天 |235. 二叉搜索树的最近公共祖先，701.二叉搜索树中的插入操作，450.删除二叉搜索树中的节点（待补充）

代码随想录算法训练营第二十二天 |235. 二叉搜索树的最近公共祖先，701.二叉搜索树中的插入操作，450.删除二叉搜索树中的节点（待补充）

235.二叉搜索树的最近公共祖先 1、题目链接&#xff1a;力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 2、文章讲解&#xff1a;代码随想录 3、题目&#xff1a; 给定一个二叉搜索树, 找到该树中两个指定节点的最近公共祖先。 百度百科中最近公…
阅读更多...
序列化流 ObjectInputStream 和 ObjectOutputStream 的基本使用【 File类+IO流知识回顾④】

序列化流 ObjectInputStream 和 ObjectOutputStream 的基本使用【 File类+IO流知识回顾④】

序列化流 ObjectInputStream 和 ObjectOutputStream 的基本使用【 File类IO流知识回顾④】 序列化流序列化和反序列化如何实现序列化ObjectOutputStreamObjectInputStream 序列化流 什么是序列化&#xff1f;如何实现序列化&#xff1f;什么是反序列化&#xff1f;需要了解的类…
阅读更多...
使用 Python 进行自然语言处理第 3 部分：使用 Python 进行文本预处理

使用 Python 进行自然语言处理第 3 部分：使用 Python 进行文本预处理

一、说明 文本预处理涉及许多将文本转换为干净格式的任务&#xff0c;以供进一步处理或与机器学习模型一起使用。预处理文本所需的具体步骤取决于具体数据和您手头的自然语言处理任务。 常见的预处理任务包括&#xff1a; 文本规范化——将文本转换为标准表示形式&#xff0c;…
阅读更多...
JVM篇----第十八篇

JVM篇----第十八篇

系列文章目录 文章目录 系列文章目录前言一、什么是Java虚拟机？为什么Java被称作是“平台无关的编程语言”？二、对象分配规则三、描述一下JVM加载class文件的原理机制？前言 前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到…
阅读更多...
《Lua程序设计》-- 学习9

《Lua程序设计》-- 学习9

迭代器和泛型for 迭代器和闭包 迭代器&#xff08;iterator&#xff09;是一种可以让我们遍历一个集合中所有元素的代码结构。在Lua语言中&#xff0c;通常使用函数表示迭代器&#xff1a;每一次调用函数时&#xff0c;函数会返回集合中的“下一个”元素。 一个闭包就是一个…
阅读更多...
Kotlin快速入门系列9

Kotlin快速入门系列9

Kotlin对象表达式和对象声明 对象表达式 有时&#xff0c;我们想要创建一个对当前类有些许修改的对象同时又不想重新声明一个子类。如果是Java&#xff0c;可以用匿名内部类的概念来解决这个问题。kotlin的对象表达式和对象声明就是为了实现这一点(创建一个对某个类做了轻微改…
阅读更多...
我们距离AGI还有多远

我们距离AGI还有多远

什么是AGI AGI&#xff08;人工通用智能&#xff09;是指能够像人类一样完成任何智能任务的人工智能系统。AGI的目标是创建一个全面智能的系统&#xff0c;可以解决广泛的问题并进行多种任务。这种系统能够在不同的环境中适应和学习&#xff0c;并且可以从不同的来源中获取信息…
阅读更多...
Flink实战四_TableAPISQL

Flink实战四_TableAPISQL

接上文&#xff1a;Flink实战三_时间语义 1、Table API和SQL是什么&#xff1f; 接下来理解下Flink的整个客户端API体系&#xff0c;Flink为流式/批量处理应用程序提供了不同级别的抽象&#xff1a; 这四层API是一个依次向上支撑的关系。 Flink API 最底层的抽象就是有状态实…
阅读更多...
JAVA处理类似饼状图占比和100%问题，采用最大余额法

JAVA处理类似饼状图占比和100%问题，采用最大余额法

前言&#xff1a; 在做数据统计报表的时候&#xff0c;有两种方式解决占比总和达不到100%或者超过100%问题。 第一种方式是前端echart图自带的算分框架。 第二种方式是java后端取处理这个问题。 现存问题&#xff1a; 前端不通过饼状图的方式去展示各个分类的占比累加和为100%问…
阅读更多...
CESS 激励测试网 v0.7.6 将于1月31日上线

CESS 激励测试网 v0.7.6 将于1月31日上线

Cumulus Encrypted Storage System (CESS) 是基于区块链的去中心化云存储网络和 CDN 网络&#xff0c;支持数据在线存储和实时共享&#xff0c;为 Web3 高频动态数据的存储和检索提供全栈解决方案。 CESS 数据价值网络是以 DePIN 理念建设的 Layer 1 基础设施&#xff0c;具有…
阅读更多...
SAP下载word

SAP下载word

事务代码&#xff1a;STRANS 启动转换器 步骤 1. 将参数填入模板&#xff0c;并另存为word 2003 xml文档 2.使用网页打开xml文档&#xff0c;并将xml拷贝到转换器tt:template中&#xff0c;添加参数 3.替换参数&#xff0c;部分xml可能存在错误或者跑偏根据实际情况检查修改 …
阅读更多...
1. 两数之和（力扣LeetCode）

1. 两数之和（力扣LeetCode）

文章目录 1. 两数之和题目描述哈希表&#xff1a;map二分查找暴力&#xff1a;双重for循环 1. 两数之和 题目描述 给定一个整数数组 nums 和一个整数目标值 target&#xff0c;请你在该数组中找出 和为目标值 target 的那 两个 整数&#xff0c;并返回它们的数组下标。 你可…
阅读更多...
EDTER：融合transformer的边缘检测网络

EDTER：融合transformer的边缘检测网络

原文链接&#xff1a;EDTER 首先回顾viT部分&#xff1a; 和ViT一样&#xff0c;先把图像分割为P*P大小的patch&#xff0c;分别经过映射得到tokens&#xff1a;patch embeddings。后面也加了ViT一样的position embedding&#xff0c;得到combined embeddings。 ViT中的Tran…
阅读更多...
一篇文章让你搞懂性能测试6大类型及其关系！

一篇文章让你搞懂性能测试6大类型及其关系！

性能测试是软件测试过程的一个关键环节&#xff0c;用于确定和验证应用程序或系统在各种操作条件下的性能特征。 目标是确保软件在高负载、高压力、长时间运行以及其他非标准情况下仍能保持预期的行为和效率。 一. 性能测试的主要类型 1. 基线测试&#xff08;Baseline Test…
阅读更多...
​学者观察 | 区块链技术理论研究与实践观察——中央财经大学朱建明

​学者观察 | 区块链技术理论研究与实践观察——中央财经大学朱建明

导语 当下区块链研究成果质量越来越高&#xff0c;技术应用越来越成熟。在现阶段的研究中存在哪些短板需要弥补&#xff0c;如何将研究成果转化为推动数字经济高质量发展的实际应用&#xff0c;区块链技术与其他新技术结合发展将带来哪些新的机遇&#xff1f; 中央财经大学朱…
阅读更多...
阿里云推出 3.x Java 探针，解锁应用观测与治理的全新姿势

阿里云推出 3.x Java 探针，解锁应用观测与治理的全新姿势

作者&#xff1a;张铭辉、泮圣伟 前言 随着春节大促即将到来&#xff0c;为了确保线上业务高效稳定地运行&#xff0c;电商企业大多会对旗下关键业务应用进行多轮测试。通过模拟线上较高流量的请求&#xff0c;来观察服务性能的实际表现。以某企业的业务测试报告举例&#xf…
阅读更多...
呼吸灯--FPGA

呼吸灯--FPGA

目录 1.breath_led.v 2.tb_breath_led.v 呼吸灯就是从完全熄灭到完全点亮&#xff0c;再从完全点亮到完全熄灭。具体就是通过控制PWM的占空比控制亮灭程度。 绘制PWM波的步骤就是&#xff0c;首先灯是在第一个时钟周期保持高电平熄灭状态&#xff0c;在第二个时钟周期保持1/1…
阅读更多...
Logstash 7.7.1版本安装系统梳理

Logstash 7.7.1版本安装系统梳理

前言 上一篇文章介绍了 《ElasticSearch7.7.1集群搭建 & Kibana安装》&#xff0c;今天说一下 Logstash的安卓和配置&#xff1b; Logstash是一个开源的数据收集引擎&#xff0c;具有实时管道功能。它可以动态地将来自不同数据源的数据统一起来&#xff0c;并将数据标准化…
阅读更多...
Redis集群环境搭建

Redis集群环境搭建

Redis集群环境搭建 Redis主从复制 概念 主从复制是指将一台Redis服务器的数据&#xff0c;复制到其他的Redis服务器&#xff0c;前者称为主节点(master/leader)&#xff0c;后者称为从节点(slave/followe)&#xff1b;数据的复制是单向的&#xff0c;只能从主节点到从节点&a…
阅读更多...
最新文章

Copyright @ 2022~2023