11_html

news2024/11/28 12:43:22

知识点1【HTML概述】

知识点2【文字标签】

知识点3【标题】

知识点4【超链接】

 知识点5【table表格标签】（重要）

 知识点6【form表单】（重要）

知识点7【JavaScript的概述】让网页动起来

1、什么是 Javascript?

2、网页使用js脚本的三种方式

知识点8【js的函数】

知识点9【JS的对象】

1、浏览器对象（window对象）

2、文本对象（Document对象）（重要）

知识点1【HTML概述】

HTML是超文本标记语言(Hyper Text Markup Language)

HTML由各种各样的标签(tag)组成，如<html></html> <body></body>

HTML标签

（1）由尖括号包围的关键词比如

（2）通常是成对（开始标签，结束标签）出现的比如,例外：

（3）注释标签：、注释

2、HTML元素

（1）开始标签(start tag)到结束标签(end tag)的所有代码

3、HTML属性

（1）在HTML元素的开始标签中规定

（2）以名称/值对的形式出现:<img src = "1.png">

例子(01_first_html.html)：
<!-- this is my first html(the content cannot display in html,because it's just a note)-->
<html>
    <head>
        <title>01_first_html</title>
    </head>
    <body>
        <label>hello, HTML!!!</label>
        <br>
        <img src="./image/01_first_html.png">
    <body>
</html>

1、元信息标记

提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词

2、<meta>标签位于文档的头部，不包含任何内容。

3、<meta>签的属性定义了与文档相关联的名称/值对。

4、在 HTML 中，标签没有结束标签。

5、<meta>标签永远位于 head 元素内部。

6、元数据总是以名称/值的形式被成对传递的

 案例1：

例子（02_meta.html）：
<html>
    <head>
        <title>02_meta</title>
        <meta charset="UTF-8"/>
        <meta http-equiv="refresh" content="5;url=http://www.baidu.com/">
        <meta name="keywords" content="jump">
    </head>
    <body>
    5秒后我们将去一个神奇的地方！(这个网页的关键字是：jump)
    </body>
</html>

知识点2【文字标签】

 案例：

<html>
	<head>
		<title>03_char</title>
		<meta charset="UTF-8">
	</head>
	<body>
		b:<b>这些文字是粗体的</b>
		<br>
		<br>
		i:<i>这些文字是斜体的</i>
		<br>
		<br>
		u:<u>这些文字带有下划线</u>
		<br>
		<br>
		em:<em>用于强调的文本，一般显示为斜体字</em>
		<br>
		<br>
		strong:<strong>用于特别强调的文本，显示为粗体字</strong>
		<br>
		<br>
		code:<code>用来指出这是一组代码:int main(void)</code>
		<br>
		<br>
		small:<small>规定文本以小号字显示</small>
		<br>
		<br>
		big:<big>规定文本以大号字显示</big>
		<br>
		<br>
		sup:12<sup>2</sup>=144
		<br>
		<br>
		sub:硫酸亚铁的分子式是Fe<sub>2</sub>SO<sub>4</sub>
		<br>
		<br>
	</body>
</html>

运行结果：

知识点3【标题】

<h1>—<h6>一级标题 -->6级标题

以及标题字体最大

<html>
	<head>
		<title>04_head_style</title>
	</head>
	<body style="background-color:#90EE90">
		<br>
		<h1 style="color:red" >一级标题</h1>
		<h2 style="color:orange">二级标题</h2>
		<h3 style="color:yellow">三级标题</h3>
		<h4 style="color:green">四级标题</h4>
		<h5 style="color:black">五级标题</h5>
		<h6 style="color:blue">六级标题</h6>
		<p style="background-color: white; font-family: arial; color: #ff00ff; font-size:50px; text-align: center">普通段落</p>
		<br>
	</body>
</html>

运行结果：

知识点4【超链接】

超链接<a><a>

（1）页面内的超链接电子邮件超链接

<a href="mailto:kitty_zjy@126.com?subject=Hi"></a>

注：subject ---主题

（2）页面内的超链接

回到顶部：<a href="#top"></a>

回到某一位置：<a name="tome"></a>

<a href="#tome"><></a>

（3）页面外的超链接

外网：<a href="http://www.baidu.com/"></a>

内网：<a href="a.html" target="_blank"></a>

（4）图片超链接

<a src="a.html"><img src="image/a.jpg"></a>

<html>
	<head>
		<title>05_a_href</title>
		<meta charset="UTF-8">
	</head>
	<body>
		<br>
		<a href="mailto:kitty_zjy@126.com?subject=Hi">email to others</a>
		<br>
		<br>
		<a href="#mike">去中间看看</a>
		<br>
		<br>
		<a href="http://www.1000phone.com">千锋，用良心做教育</a>
		<br>
		<br>
		<a href="a.html" target="_blank">打开本地一个新的网页</a>
		<br>
		<br>
		<a href="a.html"><img src="image/a.jpg"></a>
		<br>
		<br>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p><a name="mike">中间</a></p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<p>some information</p>
		<a href="#top">回到顶部</a>
		<br>
	</body>
</html>

 运行结果：

 知识点5【table表格标签】（重要）

案例：（晚上敲） 

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <table border="1" align="center"><!--border表示线宽-->
            <caption>统计学生信息</caption><!--表头信息-->
            <tr align="center"> 
                <td colspan="3"><b>学生信息</b></td><!--单元格信息-->
                <td colspan="2"><b>成绩信息</b></td><!--colspan 跨列-->
                <td rowspan="2">照片</td><!--rowspan 跨行-->
            </tr><!--行标签-->

            <tr align="center"> 
                <td>姓名</td><!--单元格信息-->
                <td>性别</td>
                <td>专业</td><!--单元格信息-->
                <td>课程</td>
                <td>分数</td><!--单元格信息-->
            </tr>

            <tr align="center"> 
                <td>郑涵</td><!--单元格信息-->
                <td>男</td>
                <td>电子信息</td><!--单元格信息-->
                <td>web开发</td>
                <td>99</td><!--单元格信息-->
                <td>调皮</td><!--单元格信息-->
            </tr>
            
        </table>
    </body>
</html>

运行结果：

 知识点6【form表单】（重要）

HTML页面与服务器交互的手段

(1)属性

name：表单的名称

method：表单数据从浏览器传输到服务器的方法

get：将表单数据附加在URL地址后面，长度不超过8192个字符,不具有保密性，默认为get

post：将表单数据包含在表单的主体中，一起传输到服务器上。没有长度限制,密文传输

action：用来定义表单处理程序

（2）<form></form>内的标签

a、 <input>表单输入标签

常用的文本域、按钮都是使用这个标签

属性：

name 域名称

type 域类型

value 元素值

type属性值:

text 文字域 password 密码域

file 文件域 checkbox 复选框

radio 单选框 button 普通按钮

submit 提交按钮 reset 重置按钮

hidden 隐藏域 image 图像域

b、选择列表

菜单和列表是为了节省网页的空间而产生的

属性

name 菜单和列表的名称

size 显示的选项数目

multiple 列表中的选项为多项

selected 默认被选中的选项(option中的属性)

c、文本域<textarea></textarea>

用来制作多行文本输入域

属性

name 文字域的名称

rows 文字域的行数

cols 文字域的列数

案例1：input输入框

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
    </head>
    <body>
       <h3>这是一个表单的案例</h3>
       <form method="GET" action="deal.cgi">
            用户名:<input type="text" name="usr">
            <br>
            密 &nbsp &nbsp 码:<input type="password" name="pwd">
            <br>
            请选择你要上传的文件:<input type="file" name="file">
            <br>
            请选择你的爱好:<input type="checkbox" name="hobby" value="LoL">LOL
            <input type="checkbox" name="hobby" value="王者">王者
            <input type="checkbox" name="hobby" value="吃鸡">吃鸡
            <br>
            你的性别：<input type="radio" name="sex" value="男">男
            <input type="radio" name="sex" value="女">女
            <br>
            <input type="button" value="错我呀">
            <br>
            你猜猜这是谁:<input type="image" src="./image/zkd.jpg">
            <br>
            <input type="submit" value="提交"> &nbsp &nbsp &nbsp &nbsp <input type="reset" value="复位">
       </form>
    </body>
</html>

运行结果：

 a、选择列表<select><option></option></select>

菜单和列表是为了节省网页的空间而产生的

属性

name     菜单和列表的名称

size    显示的选项数目

multiple 列表中的选项为多项

selected 默认被选中的选项(option中的属性)

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
    </head>
    <body>
        选择你的车型：
       <select>
        <option>BMW</option>
        <option>玛莎拉蒂</option>
        <option>火车</option>
        <option selected>宝骏</option>
        <option>自行车</option>
       </select>
    </body>
</html>

运行结果：

案例3：文本域

a、文本域<textarea> </textarea>

用来制作多行文本输入域

属性

name     文字域的名称

rows     文字域的行数

cols     文字域的列数

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
    </head>
    <body>
       请输入你的留言：
       <br>
       <textarea>
           今天心情挺好！！！！！！！！啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
       </textarea>
    </body>
</html>

运行结果：

知识点7【JavaScript的概述】让网页动起来

1、什么是 Javascript?

Javascript是一种基于对象并具有安全性能的脚本语言，是由浏览器内解释器翻译成可执行格式后执行，在概念和设计方面，Java和Jvascript是两种完全不同的语言。

Javascript的四个特点：基于对象的语言、简单性、动态性、跨平台性

break

case

catch

continue

debugger

default

delete

do

else

false

finally

for

function

if

in

Instanceof

new

null

return

switch

this

throw

true

try

typeof

var

void

while

with

2、网页使用js脚本的三种方式

直接添加脚本 使用script标记插入脚本 链接脚本文件（推荐）

1、直接添加脚本

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <!--alert会弹出一个对话框-->
        <input type="button" value="错误呀给你惊喜" onclick='alert("我就是你的惊喜，呵呵！！")' >
    </body>
</html>

运行结果：

2、使用script标记插入脚本

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
        <script type="text/javascript">
            function my_button()
            {
                alert("我就是你的惊吓，哈哈！！！");                
            }
        </script>
    </head>
    <body>
        <!--alert会弹出一个对话框-->
        <input type="button" value="错误呀给你惊喜" onclick="my_button();" >
    </body>
</html>

 运行结果：

3、链接脚本文件（推荐）

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
        <!--这是描述 js中的函数来之哪个js文件-->
        <script type="text/javascript" src="01_js.js"></script>
    </head>
    <body>
        <!--alert会弹出一个对话框-->
        <input type="button" value="错误呀给你惊喜" onclick="my_button();" >
    </body>
</html>

运行结果：

4、运算符

（1）算数运算符

+、－、*、/、%、++、－－

（2）逻辑运算符

&&、||、!

（3）比较运算符

==、>、＝、

（4）位运算符

~、&、|、^、>、>>>(无符号右移)

（5）字符串运算符

+(合并运算符)

（6）赋值运算符

=、+=、-=、 *=、/=、%=

（7）条件运算符

? :（条件 ？结果1 ：结果2）

知识点8【js的函数】

函数的语法结构:
   function 函数名(参数1,参数2,…){
   函数体
}

案例：

index.html

 <input type="button" value="错误呀给你惊喜" onclick='my_button(10,"hehe",20);' >

deal.js

//arg1, arg2, arg3 不用写类型
function my_button(arg1, arg2, arg3)
{
    var data="";
    data += arg1;
    data +=":"
    data +=arg2;
    data +=":"
    data += arg3;
    //10:hehe:20
    alert(data);
}

运行结果：

知识点9【JS的对象】

1、浏览器对象（window对象）

Window 对象表示浏览器中打开的窗口，打开一个HTML网页会创建一个window对象

Window 对象是全局对象

window.open()打开一个新的窗口

window.close()关闭当前窗口

window.location.href：返回完整的URL;对其进行赋值，则能够跳转到相应的网页

function my_button()
{
    //open在新的窗口中打开网页
    //window.open("http://www.baidu.com");

    //在当前窗口中打开网页
    //window.location.href="http://www.baidu.com";

    //获取当前网页的url
    //alert(window.location.href);

    //关闭close关闭窗口
    window.close();
}

2、文本对象（Document对象）（重要）

每个载入浏览器的 HTML 文档都会成为 Document 对象。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问

1、提供了从JS脚本中对 HTML 页面中的所有元素进行访问

2、可以通过getElementById()方法,来根据对应的ID号去访问、控制HTML页面中的标签元素

3、可以通过title，URL属性获取当前文档的标题，URL信息等

4、可以通过write方法在HTML页面中写入HTML表达式

案例1：登录界面 value

index.html

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
        <!--这是描述 js中的函数来之哪个js文件-->
        <script type="text/javascript" src="14_js.js"></script>
    </head>
    <body>
        <!--id是唯一 标记一个个标签-->
        用户名:<input type="text" id="usr">
        <br>
        密码:<input type="password" id="pwd">
        <br>
        <input type="button" value="登录" onclick="my_button(1);">
        &nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" value="取消" onclick="my_button(0);">
    </body>
</html>

 14_js.js

function my_button(arg)
{
    if(arg == 1)//登录 admin 123456
    {
        //获取网页上输入框的用户名密码
        var usr = document.getElementById("usr").value;//重点
        var pwd = document.getElementById("pwd").value;
        if(usr=="admin" && pwd=="123456")
        {
            window.location.href="http://www.baidu.com";
        }
        else
        {
            alert("用户名或密码错误请重新输入");
            //清空用户名密码的输入框
            document.getElementById("usr").value="";
            document.getElementById("pwd").value="";
        }
    }
    else if(arg == 0)//取消
    {
        //清空用户名密码的输入框
        document.getElementById("usr").value="";
        document.getElementById("pwd").value="";
    }
}

运行结果：

 总结： document.getElementById("usr").value value一般用于输入框

2、案例 document获得label的内容 innerHTML

var text = document.getElementById("addr").innerHTML;

index.html

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
        <!--这是描述 js中的函数来之哪个js文件-->
        <script type="text/javascript" src="15_js.js"></script>
    </head>
    <body>
        地址:<label id="addr">BJ</label>
        <br>
        <input type="button" value="单击改变地址" onclick="change_fun();">
    </body>
</html>

15_js.js

function change_fun()
{
    //获取label的内容 对于label 而是innerHTML
    var text = document.getElementById("addr").innerHTML;
    alert("获得的内容为:"+text);

    //更改label的内容
    document.getElementById("addr").innerHTML="SZ";

}

3、案例 document获得img的内容 src

index.html

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
        <!--这是描述 js中的函数来之哪个js文件-->
        <script type="text/javascript" src="16_js.js"></script>
    </head>
    <body>
        此处有帅哥:
        <br>
        <img src="./image/zkd.jpg" id="img">
        <br>
        <input type="button" value="单击改变图片" onclick="change_fun();">
    </body>
</html>

16_js.js

function change_fun()
{
    //更改img的内容 src
    document.getElementById("img").src="./image/0001.png";
}

4、案例 document获得单选框的内容

index.html

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
        <!--这是描述 js中的函数来之哪个js文件-->
        <script type="text/javascript" src="17_js.js"></script>
    </head>
    <body>
        请选择你的性别:
        男:<input type="radio" name="sex" id="nan">
        女:<input type="radio" name="sex" id="nv">
        <br>
        <input type="button" value="单击获取性别" onclick="sex_fun();">
    </body>
</html>

17_js.js

function sex_fun()
{
    alert("男:"+document.getElementById("nan").checked);//选中true 否则false
    alert("女:"+document.getElementById("nv").checked);//选中true 否则false
}

运行结果：

 5、案例 document获得复选框的内容

<html>
    <head>
        <title>table</title>
        <meta charset="UTF-8">
        <!--这是描述 js中的函数来之哪个js文件-->
        <script type="text/javascript" src="18_js.js"></script>
    </head>
    <body>
        请选择你的英雄:
        <!--onchange 下拉列表框被选择的时候自动调用hero_fun函数-->
        <select onchange="hero_fun();" id="hero">
            <option>德玛西亚</option>
            <option>烬</option>
            <option>小法</option>
            <option>盲僧</option>
            <option>小炮</option>
        </select>
        
    </body>
</html>

18_js.js

function hero_fun()
{
    //获取下拉列表框被选中的索引号
    var index = document.getElementById("hero").selectedIndex;

    //根据索引号 从选项数据中options[]中得到选中的内容
    var hero_name = document.getElementById("hero").options[index].value;
    alert("你选择的英雄为:"+hero_name);
}

运行结果：

  

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

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

相关文章

【LEACH协议】无线传感器网络LEACH与DEEC协议【含Matlab源码 2187期】

【LEACH协议】无线传感器网络LEACH与DEEC协议【含Matlab源码 2187期】

⛄一、 简介 1 引言 WSN 由能感知外部环境的传感器节点以自组网的形式构成&#xff0c;是一种分布式无线传感器网络。随着科技的进步和现代生活的需求&#xff0c;由于 WSN 的远程控制、信息即时传播以及低功耗等众多优点&#xff0c;WSN 在军事医疗、生活娱乐和工业生产等各个…
阅读更多...
锦囊秘籍！用Python操作MySQL的使用教程集锦！

锦囊秘籍！用Python操作MySQL的使用教程集锦！

一. python操作数据库介绍 大家好&#xff0c;我是毕加锁&#xff08;锁&#xff01;&#xff09;。 Python 标准数据库接口为 Python DB-API&#xff0c;Python DB-API为开发人员提供了数据库应用编程接口。Python 数据库接口支持非常多的数据库&#xff0c;你可以选择适合你…
阅读更多...
生产环境 SSH 安全有效小技巧

生产环境 SSH 安全有效小技巧

生产环境使用 SSH 工具的有用技巧 文章目录生产环境使用 SSH 工具的有用技巧生产环境上线时使用瘦客户机多开几个 SSH 窗口短暂离开一个会话时使用反斜杠&#xff08;\&#xff09;开启 SSH 工具的 Log Session 功能总结我们知道&#xff0c;我们学习 IT 技术时自己搭建的环境&…
阅读更多...
BufferPool之链表

BufferPool之链表

系列文章目录 MySQL之BufferPool 文章目录系列文章目录前言一、free链表1.1结构简图1.2 结构说明二、flush链表2.1 结构简图2.2 结构说明三、LRU链表3.1 结构简图3.2 LRU优化后结构简图附录前言 提示&#xff1a;这里可以添加本文要记录的大概内容&#xff1a; 本文会介绍fr…
阅读更多...
锅炉防磨防爆可视化管理系统

锅炉防磨防爆可视化管理系统

电厂的各类安全事故中&#xff0c;锅炉四管泄爆事故占比最高、影响最大。四管泄漏不仅直接导致停机停炉、引起重大经济损失、威胁电网安全运行、甚至会直接造成机组管理人员的人身伤害。因此锅炉防磨防爆管理工作的好坏是保证机组稳定运行、工作人员安全、电厂整体效益的重要前…
阅读更多...
全网最全最深：web前端架构师面试题+缜密全面的学习笔记

全网最全最深：web前端架构师面试题+缜密全面的学习笔记

都说程序员工资高、待遇好&#xff0c; 2022 金九银十到了&#xff0c;你的小目标是 30K、40K&#xff0c;还是 16薪的 20K&#xff1f;作为一名 Java 开发工程师&#xff0c;当能力可以满足公司业务需求时&#xff0c;拿到超预期的 Offer 并不算难。然而&#xff0c;提升 Java…
阅读更多...
Python爬虫库urllib使用详解

Python爬虫库urllib使用详解

大家好 我是政胤 一、Python urllib库 Python urllib 库用于操作网页 URL&#xff0c;并对网页的内容进行抓取处理。 Python3 的 urllib。 urllib 包 包含以下几个模块&#xff1a; urllib.request - 打开和读取 URL。 urllib.error - 包含 urllib.request 抛出的异常。 url…
阅读更多...
3.6.3、随机接入-CSMA/CD协议

3.6.3、随机接入-CSMA/CD协议

总线局域网使用的协议 [^96 比特时间]: 发送 96 比特所耗费的时间&#xff0c;也成为帧间最小间隔。其作用是接收方可以检测出一个帧的结束&#xff0c;同时也使得所有其他站点都能有机会平等竟争信道并发送帧。 1、案例 多个主机连接到一根总线上&#xff0c;各主机随机发送帧…
阅读更多...
system函数实践1：system函数进程的爸爸是谁？

system函数实践1：system函数进程的爸爸是谁？

前言 有两个问题&#xff1a; system函数中修改了环境变量&#xff0c;会不会影响执行它的进程&#xff1f; 不会。 首先&#xff0c;这个我测过了&#xff0c;因为我原本想用它来传递参数。 为什么&#xff1f;因为system函数执行的时候&#xff0c;会先创建一个shell,然后再…
阅读更多...
自然灾害数据：中国台风数据集（更新至2022.3）

自然灾害数据：中国台风数据集（更新至2022.3）

1、数据来源&#xff1a;中国天气网 2、时间跨度&#xff1a;1949-2021年 3、区域范围&#xff1a;全国 4、指标说明&#xff1a; 包含指标如下&#xff1a; 序号、编号、中文名、登陆时间、登陆序号、登陆地、登陆地地区代码、登陆时强度等级、省份代码、省份、城市代码、…
阅读更多...
高分英语Essay写作内容怎么介绍？

高分英语Essay写作内容怎么介绍？

英国Essay的写作非常讲究逻辑思维&#xff0c;除此之外&#xff0c;单词、语法、标点符号这些细节也会影响Essay能否拿到高分。为了帮助大家写出质量高的英国Essay&#xff0c;接下来我们就详细介绍一下如何才能写出一篇高分英语Essay。 English Essay pays much attention to …
阅读更多...
CISAW培训可以自学报名考试吗？

CISAW培训可以自学报名考试吗？

首先要跟大家说明的是&#xff0c;CISAW是强制培训的&#xff0c;并不可以通过自学而取得证书&#xff0c;也就是说你需要找一家CISAW认证的培训机构&#xff08;要选授权机构哦&#xff01;&#xff09;。众所周知&#xff0c;CISAW认证涉及了很多方向&#xff0c;那每个方向都…
阅读更多...
centos系统下RabbitMQ安装教程

centos系统下RabbitMQ安装教程

centos系统下RabbitMQ安装教程 我这里的环境用的腾讯云的轻应用环境 RabbitMQ是一个开源的遵循AMQP协议实现的基于Erlang语言编写&#xff0c;即需要先安装部署Erlang环境再安装RabbitMQ环境。需加注意的是&#xff0c;读者若不想跟着我的版本号下载安装&#xff0c;可根据两者…
阅读更多...
Git 的内部工作原理

Git 的内部工作原理

简介 通过本次分享学习 Git 的内部工作原理和实现方式。 学习这部分内容对于理解 Git 的用途和强大至关重要。 首先要弄明白一点&#xff0c;从根本上来讲 Git 是一个内容寻址&#xff08;content-addressable&#xff09;文件系统&#xff0c;并在此之上提供了一个版本控制…
阅读更多...
WPF基础知识系例

WPF基础知识系例

WPF系列-绘图和动画1、WPF绘图1.1 直线1.2 矩形1.3 椭圆1.4 路径1、WPF绘图 这里将从静态图像绘制入手&#xff0c;进而学习动画效果制作。WPF 拥有自己的一套图形 API &#xff0c;使用这套 API 不但可以轻松地绘制出精美的图形&#xff0c;还可以方便地对图形进行滤镜、变形…
阅读更多...
致敬逆行者网页设计作品 大学生抗疫感动专题网页设计作业模板 疫情感动人物静态HTML网页模板下载

致敬逆行者网页设计作品 大学生抗疫感动专题网页设计作业模板 疫情感动人物静态HTML网页模板下载

&#x1f389;精彩专栏推荐 &#x1f4ad;文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 &#x1f482; 作者主页: 【主页——&#x1f680;获取更多优质源码】 &#x1f393; web前端期末大作业&#xff1a; 【&#x1f4da;毕设项目精品实战案例 (10…
阅读更多...
RPC 对比 HTTP

RPC 对比 HTTP

初识RPC RPC 远程方法调用&#xff08;Remote Procedure Call&#xff09;大多用在服务治理领域 基本都是分布式环境中的注册中心来负责新服务的注册、服务续约、服务下线、服务销毁国内 Dubbo 是应用最广的 RPC 框架国外 gRPC RPC协议 无论哪种RPC方案&#xff0c;都要自定义…
阅读更多...
你好，法语！A2知识点总结（3）

你好，法语！A2知识点总结（3）

3.句型 3.1疑问 注意1 主谓倒装的疑问句式&#xff0c;主语必须是代词。 •主语是名词&#xff0c;不能直接倒装&#xff0c;要人为加进去一个代替主语的代词放在动词后面&#xff0c;“-”连接 •EX: Votre pre est professeur? •Est-votre pre professeur? •Votre pre e…
阅读更多...
Kafka的设计原理

Kafka的设计原理

Kafka的设计原理和使用场景一、Kafka简介二、Kafka的架构2.1、Kafka 一些重要概念2.2、工作流程2.3、副本原理2.4、分区和主题的关系2.5、生产者2.5.1、分区可以水平扩展2.5.2、分区策略2.6、消费者2.6.1、消费方式2.6.2、分区分配策略2.7、数据可靠性保证2.7.1、副本数据同步策…
阅读更多...
Linux基础知识

Linux基础知识

目录 流行的Linux发行版本 Linux系统的启动顺序 禁止使用ping命令 鉴定故障解决办法 user 不在 sudoers 文件中。此事将被报告解决办法 修改文件或目录的所属用户与权限 1、chgrp&#xff1a;更改文件属组 2、chown&#xff1a;更改文件属主&#xff0c;也可以同时更改文…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023