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.htmlxxx/html/a.jpg./a.jpg a.jpgxxx/html/02.htmlxxx/html/img/a.jpg./img/a.jpgxXx/html/02.htmlxxx/img/a.jpg../img/a.jpg尺寸单位：1.pX:像素 例如下面的300表示为300px2.百分比：表示占有屏幕的百分比
-->
<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.判断类型是否一样，如果不一样，直接返回false2.再去比较其值类型转换：(主要用于判断)* 其他类型转为number:1.string:按照字符串的字面值，转为数字.如果字面值不是数字，则转为NaN。一般使用parseInt2.boolean:true 转为1，fase转为0* 其他类型转为boolean:1.number:0和NaN转为false,其他的数字转为true2.string:空字符串转为false,其他的字符串转为true3.null:false4.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判断用户名是否符合规则：长度612flag = 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 (){//挨个判断每一个表单项是否都符合要求，如果有一个不合符，则返回falsevar flag = checkUsername() && checkPassword() && checkTel();return flag;
}

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

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

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

相关文章

【保姆级教程】Windows11下go-zero的etcd安装与初步使用

【保姆级教程】Windows11下go-zero的etcd安装与初步使用

【Go-Zero】Windows11下etcd的安装与初步使用 大家好 我是寸铁&#x1f44a; 总结了一篇Windows11下etcd的安装与初步使用的文章✨ 喜欢的小伙伴可以点点关注 &#x1f49d; 前言&#xff1a; 在使用etcd 前&#xff0c;我们需要了解一下etcd 是什么&#xff0c;为什么使用etcd…
阅读更多...
日本大带宽服务器速度和性能评测的关系

日本大带宽服务器速度和性能评测的关系

在互联网的快速发展中&#xff0c;大带宽服务器在提供高速、稳定的数据传输方面起着至关重要的作用。特别是在日本&#xff0c;由于其先进的网络基础设施和庞大的互联网用户群体&#xff0c;大带宽服务器的需求日益增长。那么&#xff0c;日本大带宽服务器的速度和性能评测有何…
阅读更多...
机器学习数学基础

机器学习数学基础

机器学习基础 1、标量、向量、矩阵、张量2、概率函数、概率分布、概率密度、分布函数3、向量的线性相关性4、最大似然估计5、正态分布（高斯分布）6、向量的外积（叉积）7、向量的内积（点积）8、超平面（H）1、标量、向量、矩阵、张量 标量、向量、矩阵和张量是线性代数中不同…
阅读更多...
探索工业以太网交换机的新纪元：满足多元化市场需求

探索工业以太网交换机的新纪元：满足多元化市场需求

在当今数字化的时代&#xff0c;工业以太网交换机作为信息网络的核心枢纽&#xff0c;扮演着至关重要的角色。它们连接着各种设备&#xff0c;实现数据的快速传输与稳定交换&#xff0c;为工业自动化、物联网和智能制造提供了可靠的基础设施。随着数字化转型的不断深入&#xf…
阅读更多...
VBoxManage 命令行使用

VBoxManage 命令行使用

VBoxManage&#xff1a; 序号命令作用1VBoxManage list vms# 查看当前所有虚拟机2VBoxManage list runningvms # 查看当前正在运行的虚拟机3VBoxManage startvm 虚拟机名 --type gui # 启动虚拟机4VBoxManage startvm 虚拟机名 --type headless# 无前端图形界面方式启动虚拟机…
阅读更多...
【Linux取经路】进程控制——进程等待

【Linux取经路】进程控制——进程等待

文章目录 一、进程创建1.1 初识 fork 函数1.2 fork 函数返回值1.3 写时拷贝1.4 fork 的常规用法1.5 fork 调用失败的原因1.6 创建一批进程 二、进程终止2.1 进程退出场景2.2 strerror函数2.3 errno全局变量2.4 程序异常2.5 进程常见退出方法2.6 exit 函数2.7 _exit 函数和 exit…
阅读更多...
新春送福，暖心探访

新春送福，暖心探访

春节将至&#xff0c;岁寒情暖。为了深入了解辖区困境老人的生活状况和真实需求&#xff0c;让困境老人感受到党和政府的关爱与温暖&#xff0c;营造幸福和谐的节日气氛。2024年1月31日下午&#xff0c;在长沙市湘江新区民政与社会保障局的支持下&#xff0c;学联社区携手长沙市…
阅读更多...
Https加密超文本传输协议的运用

Https加密超文本传输协议的运用

一、https的相关知识 1.1 https的简介 HTTPS &#xff08;全称&#xff1a;Hypertext Transfer Protocol Secure &#xff09;&#xff0c;是以安全为目标的 HTTP 通道&#xff0c;在HTTP的基础上通过传输加密和身份认证保证了传输过程的安全性 。HTTPS 在HTTP 的基础下加…
阅读更多...
基于微服务的高考志愿智能辅助决策系统（附源码）

基于微服务的高考志愿智能辅助决策系统（附源码）

目录 一.引言 1、编写目的 2、系统功能概述 二.功能分析 三.微服务模块 1、微服务用户相关模块 &#xff08;1&#xff09;用户注册 &#xff08;2&#xff09;用户登录 &#xff08;3&#xff09;用户信息管理 &#xff08;4&#xff09;用户操作 2、微服务文件云存…
阅读更多...
React Router 完美教程（下）

React Router 完美教程（下）

我们书接上回&#xff0c;继续我们的React Router 路由之路&#xff1a; 我们到目前为止都没有用到 state、useEffect、redux等状态管理器。但也达到了我们的设计目的。 注意&#xff0c;action 返回的结果 可以在组件中使用 useActionData() 来获取。就像 useLoaderData() 的使…
阅读更多...
MD5算法：高效安全的数据完整性保障

MD5算法：高效安全的数据完整性保障

摘要&#xff1a;在数字世界中&#xff0c;确保数据完整性和安全性至关重要。消息摘要算法就是一种用于实现这一目标的常用技术。其中&#xff0c;Message Digest Algorithm 5&#xff08;MD5&#xff09;算法因其高效性和安全性而受到广泛关注。本文将详细介绍MD5算法的优缺点…
阅读更多...
web应用课——（第四讲：中期项目——拳皇）

web应用课——（第四讲：中期项目——拳皇）

代码AC Git地址&#xff1a;拳皇——AC Git链接
阅读更多...
87 SpringMVC 上传文件在业务代码中拿不到文件数据

87 SpringMVC 上传文件在业务代码中拿不到文件数据

前言 呵呵 最近在整理文件上传部分的东西的时候, 发现了一个问题 文件上传部分 有一些基础的问题, 可以参见 29 SpringMVC 上传文件未生成临时文件, 我们这里上传的文件的大小是 大于 sizeThreshold 的 SpringMVC 上传文件的时候会生成一个临时文件, 我想直接使用这个临时…
阅读更多...
【开源】SpringBoot框架开发海南旅游景点推荐系统

【开源】SpringBoot框架开发海南旅游景点推荐系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 用户端2.2 管理员端 三、系统展示四、核心代码4.1 随机景点推荐4.2 景点评价4.3 协同推荐算法4.4 网站登录4.5 查询景点美食 五、免责说明 一、摘要 1.1 项目介绍 基于VueSpringBootMySQL的海南旅游推荐系统&#xff…
阅读更多...
【制作100个unity游戏之23】实现类似七日杀、森林一样的生存游戏5（附项目源码）

【制作100个unity游戏之23】实现类似七日杀、森林一样的生存游戏5（附项目源码）

本节最终效果演示 文章目录 本节最终效果演示系列目录前言修改鼠标光标和中心提示图鼠标光标素材修改默认鼠标光标修改中心提示图 拾取提示弹窗简单绘制UI拾取弹窗功能 源码完结 系列目录 前言 欢迎来到【制作100个Unity游戏】系列&#xff01;本系列将引导您一步步学习如何使…
阅读更多...
canvas的一些基础

canvas的一些基础

在 Canvas 中&#xff0c;基本图形有两种&#xff1a;直线图形和曲线图形 直线图形&#xff1a;直线、矩形(描边矩形和填充矩形)、多边形 曲线图形&#xff1a;曲线和弧线&#xff08;弧线是圆的一部分&#xff0c;曲线则不一定&#xff0c;弧线上的每个点都具有相同的曲率&…
阅读更多...
十分钟快速上手Spring Boot与微信小程序API接口的调用，快速开发小程序后端服务

十分钟快速上手Spring Boot与微信小程序API接口的调用，快速开发小程序后端服务

1.1 微信小程序API接口介绍 微信小程序API接口是连接小程序前端与后端服务器的桥梁&#xff0c;它提供了丰富的功能接口&#xff0c;包括用户信息、支付、模板消息、数据存储等。这些API接口能够满足开发者在小程序中实现各种复杂业务逻辑的需求。 用户信息接口 用户信息接口…
阅读更多...
计算机服务器中了locked勒索病毒怎么办，locked勒索病毒解密流程

计算机服务器中了locked勒索病毒怎么办，locked勒索病毒解密流程

随着网络技术在企业生产生活中的应用&#xff0c;越来越多的企业开始走向数字化办公模式&#xff0c;极大地提升了企业办公与生产效率&#xff0c;而其中的企业数据起到了关键性作用&#xff0c;企业的数据安全是众多企业关心的话题。但网络是一把双刃剑&#xff0c;近期&#…
阅读更多...
【C++】开源：Windows图形库EasyX配置与使用

【C++】开源：Windows图形库EasyX配置与使用

&#x1f60f;★,:.☆(&#xffe3;▽&#xffe3;)/$:.★ &#x1f60f; 这篇文章主要介绍Windows图形库EasyX配置与使用。 无专精则不能成&#xff0c;无涉猎则不能通。——梁启超 欢迎来到我的博客&#xff0c;一起学习&#xff0c;共同进步。 喜欢的朋友可以关注一下&#…
阅读更多...
【 USRP 相控阵】ADAR1000 ： 4 通道 X 频段和 Ku 频段波束形成器，8 GHz 至 16 GHz

【 USRP 相控阵】ADAR1000 ： 4 通道 X 频段和 Ku 频段波束形成器，8 GHz 至 16 GHz

介绍 ADAR1000 是一款适用于相控阵的 4 通道 X 和 Ku 频段波束形成内核芯片。此器件在接收和发射模式之间以半双工状态工作。在接收模式下&#xff0c;输入信号通过四个接收通道后在公共 RF_IO 引脚上组合在一起。在发射模式下&#xff0c;RF_IO 输入信号拆分后通过四个发射通…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023