[HTML]Web前端开发技术1，meta，HBuilder等——喵喵画网页
希望你开心，希望你健康，希望你幸福，希望你点赞！
最后的最后，关注喵，关注喵，关注喵，大大会看到更多有趣的博客哦！！！
喵喵喵，你对我真的很重要！
目录
前言
内容来源书籍
总论
HTML基础
HTML文档结构
基本结构
头部
元信息
主体body
body标记属性
body标记属性-属性表
body标记属性-颜色表示方法
表示换行，
表示水平分隔线。
属性语法
注释
HTML文档命名规则
HTML文档类型
HBuilder软件
使用前奏
课后习题
制作美家装饰产品简介首页
应用元信息meta标记。
熟悉body元素属性的使用。
熟悉文本修饰标记的应用。（记一下，还是很实用的）
熟悉拼音注释及段落缩进标记的应用。
制作“教育信息化十三五规划报告”网页界面。
总结
前言
这又是计算机基础大盘的一块，来，来，来，我们开始吧！喵~
内容来源书籍
这个专栏的内容以这本书为根据。
总论
《Web 前端开发技术 》 是软件工程专业应该掌握的重要技术，是软件工程专业的 开发类核心课程 。Web前端开发技术是 创建网页界面呈现给用户的过程 ，实现互联网产品的用户界面交互（ Web 前端开发 ）。Web 前端开发技术 主要包括 HTML 、 CSS 、 JavaScript 、 AJAX 、 jQuery 以及衍生出来的其他插件技术。同时它也是服务器端（ 后端 ）开发技术（ JSP 等）的基础。
HTML基础
HTML文档结构
基本结构
HTML 文档由头部 head 和主体 body 两个部分组成。在头部 <head> 标记中，可定义标题、样式等；在主体 <body> 标记中，可定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。<html>
<head></head>
<body></body>
</html>
<!doctype html>//文档类型 <html>//开始标签 html元素<head><meta charset=“UTF-8”> <title>网页标题</title></head><body><p align=“center”>主体内容</p>//align属性</body> </html>//结束标签
头部<head>
l HTML 文档的头部标记主要包含页面标题标记、元信息标记、样式标记、脚本标记、链接标记等。头部标记所包含的信息一般不会显示在网页上。页面标题<title> </title>
l 基本语法<title>标题信息显示在浏览器的标题栏上</title>
l 语法说明title标记是双标记，<title>是开始标记，</title>是结束标记，两者之间的内容为显示在浏览器的标题栏上的信息。
<!-- edu_2_2_1.html --> <!doctype html> <html><head><meta charset=“UTF-8”><title> 页面标题 </title></head><body>页面标题显示在浏览器的标题栏上 </body> </html>运行效果
元信息<meta>
l META 标记用来 描述一个 HTML 网页文档的属性 ，也称为 元信息 （ meta-information ），这些信息 并不会显示在浏览器的页面中 。例如作者、日期和时间、网页描述、关键词、页面刷新等。1.<meta>标记
l 基本语法<meta name="" content="">
<meta http-equiv="" content="">
l 属性说明meta属性主要分为两组。
l name 属性与 content 属性name属性用于描述网页，name属性的值所描述的内容(值)通过content属性表示，便于搜索引擎机器人查找、分类。其中最重要的是description、keywords和robots。
关键词声明
<meta name="keywords" content="HTML5, CSS3, JavaScript" />
页面描述声明
<meta name="description" content="This is a tutorial about HTML5, CSS3, jQuery" />
搜索引擎会根据<meta>标签中的name和content属性来索引网页。
l http- equiv 属性与 content 属性http-equiv属性用于提供HTTP协议的响应头报文，http-equiv属性的值所描述的内容(值)通过content属性表示，通常为网页加载前提供给浏览器等设备使用。
charset提供字符编码信息，
refresh刷新与跳转页面，
no-cache页面缓存，
expires网页缓存过期时间。
主体body
主体body是一个Web页面的主要部分，其设置内容是读者实际看到的信息，在主体body标记中可以放置的是页面中所有的内容，如图片、图像、表格、文字、超链接等元素。
body标记
l 基本语法<body>… </body>
l 语法说明＜body＞是开始标记，＜/body＞是结束标记。两者之间所包括的内容为网页上显示的信息。
body标记属性
l 设置 body 标记属性可以改变 Web 页面显示效果。 body 标记主要属性有 text 、 bgcolor 、 background 、 link 、 alink 、 vlink 、 topmargin 、 leftmargin 。l 基本语法：<body leftmargin="50px" topmargin="50px"
text="#000000" bgcolor="#339999"
link="blue" alink="white" vlink="red"
background="body_image.jpg">
body标记属性-属性表
body标记属性-颜色表示方法
在网页设计中，HTML提供了4种颜色设置方法：
l 使用 RGB （ R ， G ， B ），其中 R 、 G 、 B 为 0 ～ 255 的整数；l 使用 RGB （ R% ， G% ， B% ），其中 R 、 G 、 B 为 0 ～ 100 的整数；l 使用 3 位或 6 位十六进制数 #RGB 或 #RRGGBB ， R 、 G 、 B 为十六进制数例如：红色为#FF0000 或者 #F00。
l 使用颜色英文名称 ，如 red 表示红色， green 表示绿色， blue 表示蓝色等。
<br/>表示换行，<hr>、<hr/>表示水平分隔线。
属性语法
l 基本语法<标记名称 属性1=“属性值1” 属性2=“属性值2” … 属性n="属性值n">
l 基本语法属性应在开始标记（首标记）内定义，并且和标记名之间有一个空格分隔。
<hr size="3" color="red" align="center">
注释
HTML代码中添加注释的方法有2种：
l <!-- 注释信息 -->l <comment> 注释信息 </comment>1.<!-- 注释信息 -->
l 基本语法<!-- 显示一个段落 -->
l 语法说明以左尖括号和感叹号组合开始（<!--），以右尖括号（-->）结束。
2.<comment> </comment>标记
l 基本语法<comment>显示一个段落</comment>
l 语法说明comment标记是成对标记，以<comment>开始，以</comment>结束。标记包围的信息为注释内容,但在高版本的浏览器中均显示在页面上，建议不使用此注释标记。
<comment>显示一个段落</comment>
HTML文档命名规则
l 1. 文档的扩展名为 html 或者 htm ， 建议统一用 html 作为文件名的后缀。l 2. 文档名中只可由英文字母、数字或下划线组成，建议以字母或下划线开始。l 3. 文档名中不能包含特殊符号，如空格、 $ 、 & 等。l 4. 文档名区分大小写。l 5.Web 服务器 主页 一般是 index.html 或 default.html 。
HTML文档类型
<!DOCTYPE>标记
l 基本语法<!DOCTYPE element-name DTD-type DTD-name DTD-url>
l 语法说明<!DOCTYPE >:表示开始声明DTD（Document Type Definition文档类型定义），其中DOCTYPE是关键字。
element-name:指定该DTD的根元素名称。PUBLIC表示是标准公用的，SYSTEM则表示私人制定的。
DTD-name:指定该DTD的文件名称。
DTD-url:指定该DTD文件所在的URL地址。
HTML5的DTD定义：<!doctype html>
HBuilder软件
我们的操作平台是这个软件，需要安装包的佬佬，来私信Q喵喵。
使用前奏
上来先建立一个文件夹，用来放你建立的项目，方便你找它。
然后就i是创建项目：
在DW中创建一个名为“mysite_2”的项目站点
操作步骤如下：
打开HBuilder软件，选择文件/新建/项目，在打开的对话框中，选择“普通项目”，选择网站的保存路径，将站点名称命名为：mysite_2，选择“空项目”模板。单击创建按钮，创建项目完成。
创建HTML
整出来就这样，就可以开始做题喽，吼吼吼！
课后习题
来来来，上链接！！！都别跑,喵~
制作美家装饰产品简介首页
- 网页使用的字符集为：utf-8
- 网页主体内容显示如下图所示，“产品介绍”为标题二。
- 网页的内容描述为：美家装饰销售产品近30种，注册用户遍及全国32个省，市，自治区和直辖市。我们的宗旨是“温馨家庭，美家开始”。
- 该网页的关键字为：美家装饰，网上购物，在线支付，电子商务
- 网页标题为：美家装饰产品介绍
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta><title>美家装饰产品介绍</title></head> <meta name="keywords"content="美家装饰，网上购物，在线支付，电子商务"/><body><h1>产品简介</h1><p> 本公司主要生产橱柜、桌椅、卧室床、阶梯椅、剧场椅、屏风、办公家具等各类产品:使用于家庭、政府机关、学校、宾馆、酒店、医院、银行等，公司拥有高校的团队，科学的管理，先进的设备，完美的设计，结合优质的材料，
.........</p></body>
</html>
应用元信息meta标记。
- 网页使用的字符集为：utf-8
- 网页的显示效果如下图所示：
- 网页的作者信息为：www.edu.cn
- 网页的内容描述为：中国教育网（中国教育和科研计算机网）是中国最权威的教育门户网站，是了解中国教育的对内、对外窗口。网站提供关于中国教育、科研发展、教育信息化、CERNET等新闻动态、最新政策，并提供教师招聘、高考信息、考研信息、教育资源、教育博客、教育黄页等全面多样的教育服务。
- 该网页的关键字为：中国教育网,中国教育,科研发展,教育信息化,CERNET,CERNET2,下一代互联网,人才,人才服务,教师招聘,教育资源,教育服务,教育博客,教育黄页,教育新闻,教育资讯
- 网页标题为：中国教育和科研计算机网CERNET
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>中国教育和科研计算机网CERNET</title><meta name="keywords" content="中国教育网,中国教育,科研发展,教育信息化,CERNET,CERNET2,下一代互联网,人才,人才服务,教师招聘,教育资源,教育服务,教育博客,教育黄页,教育新闻,教育资讯"><meta name="description" content="中国教育网（中国教育和科研计算机网）是中国最权威的教育门户网站，是了解中国教育的对内、对外窗口。网站提供关于中国教育、科研发展、教育信息化、CERNET等新闻动态、最新政策，并提供教师招聘、高考信息、考研信息、教育资源、教育博客、教育黄页等全面多样的教育服务。"><meta name="copyright" content="www.edu.cn"><meta name="author" content="www.edu.cn"></head><body>这是中国教育和科研计算机网的头部部分标记的应用</body>
</html>熟悉body元素属性的使用。
网页的显示效果如下图所示：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>body属性应用</title><meta name="generator" content="HBuilderX"><meta name="author" content="储久良"><style>div{background: #99cccc;width: 500px;height: 150px;}</style></head><body text="#000" bgcolor="#f0f0f0" background="" link="#00ff00" alink="white" vlink="red" topmargin="60px" leftmargin="60px"><div id="" class=""><p>欢迎访问我们的站点，我们为您提供网站地图。</p>网站导航：<a href="http://www.baidu.com">百度</a><a href="http://www.163.com">网易</a><a href="http://wwww.sina.com.cn">新浪</a><a href="http://www.sohu.com.cn">搜狐</a></div></body>
</html>熟悉文本修饰标记的应用。（记一下，还是很实用的）
网页的显示效果如下图所示：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>文本修饰标记应用</title><style>*{text-align: center;}/*所有标记的内容居中显示*/</style></head><body><h3 align="center">文本修饰标记应用</h3><hr size="2" color="red"><!--修饰标记应用--><b>软件工程专业全国就业最好！</b><br><i>软件工程专业全国就业最好！</i><br><u>软件工程专业全国就业最好！</u><br><del>软件工程专业全国就业最好！</del><br>X<sup>2</sup>+2X+5=0<br>X<sub>1</sub>=2<br><small>软件工程专业全国就业最好！</small><br><big>软件工程专业全国就业最好！</big><br><strong>软件工程！</strong><em>软件工程！</em></body>
</html>熟悉拼音注释及段落缩进标记的应用。
网页的显示效果如下图所示：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>注释与块引用标记的应用</title><style>ruby{font-size: 58px; font-family: 黑体; text-align: center;}</style></head><body><h5>注释ruby标记-标注读音</h5><p align="center"><ruby>智<rt>zhì</rt>慧<rt>huì</rt>地<rt>dì</rt>球<rt>qiú</rt></ruby></p><h5>段落缩进标记的应用</h5><hr color="green"><p>这行文字没有缩进</p><blockquote>这行文字行首缩进5个字符的位置</blockquote><blockquote><blockquote>这行文字行首缩进10个字符的位置</blockquote></blockquote></body>
</html>制作“教育信息化十三五规划报告”网页界面。
- 网页使用的字符集为：utf-8
- 网页标题为：教育信息化十三五规划报告
- 网页主体中，第一行为文字为二级标题
- 第一条水平分隔线宽100%，高3，红色
- 第二、三条水平分隔线宽100%，高1，颜色#000fff
- “报告导读”和“郑重声明”为四级标题
- 其余效果参看下图所示
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>教育信息化十三五规划报告</title></head><body><h2 align="center">2016-2021年教育信息化行业深度分析及“十三五”发展规划指导报告</h2><hr width="100%" size="3" color="red"><pre>细分报告：教育信息化市场研究报告 教育信息化市场调查报告 教育信息化前景预测报告教育信息化市场分析报告 教育信息化市场评估报告 教育信息化重点企业报告教育信息化发展前景报告 教育信息化投资规划报告 教育信息化深度研究报告教育信息化投资前景报告 教育信息化项目调研报告</pre><hr width="100%" size="1" color="#000fff"><h4>报告导读</h4><p> 本报告从国际教育信息化发展、国内教育信息化政策环境及发展、研发动态、进出口情况、重点生产企业、存在的问题及对策等多方面多角度阐述了教育信息化市场的发展，并在此基础上对教育信息化的发展前景做出了科学的预测，最后对教育信息化投资潜力进行了分析。</p><h4>郑重声明</h4><blockquote>本报告由中国报告大厅出版发行，报告著作权归宇博智业所有。本报告是宇博智业的研究与统计成果，有偿提供给购买报告的客户使用。未获得宇博智业书面授权，任何网站或媒体不得转载或引用，否则宇博智业有权依法追究其法律责任。如需订阅研究报告，请直接联系本网站，以便获得全程优质完善服务。</blockquote><hr width="100%" size="1" color="#000fff"><p align="center">Copyright©中国报告大厅 京ICP备11010674号-2 京公网安备11010502024380</p></body>
</html>主体内容参照下图所示，该网页的具体要求为：
- 字符集：utf-8
- 网页标题：美家装饰服务指南
- 网页关键字：美家装饰，服务指南
- 网页内容描述：美家装饰销售产品近30种，注册用户遍及全国32个省，市，自治区和直辖市。我们的宗旨是“温馨家庭，美家开始”。
- 网页主体内容：“服务指南”为一级标题，其余标题为二级标题。“服务宗旨”为微软雅黑、5号、红色字体。
- 水平分隔线颜色为#FF6600
- 其余效果参看下图所示：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>美家装饰服务指南</title><meta name="keywords" content="美家装饰销售产品近30种，注册用户遍及全国32个省，市，自治区和直辖市。我们的宗旨是'温馨家庭，美家开始'。"></head><body><h1 align="center"><ruby>服<rt>fú</rt>务<rt>wù</rt>指<rt>zhǐ</rt>南<rt>nǎn</rt></ruby></h1><hr color="#ff6600"><h2>拍下的商品想要退货退款怎么办？</h2><p> 我想要购买本店的商品，想咨询一下拍下的商品申请退货退款的流程。</p><h2>解决方案</h2><p> A：活动期间成功付款的所有活动商品，不支持7天无理由退换货。如果消费者有退换货需求，在符合《美家装饰处理规范》的相关规定的情况下，所有活动商品只支持退货，不支持换货，交易双方另有约定的从其约定。</p><p> B：非活动期间成功付款的所有交易，按照正常退货退款流程处理，查看如何申请退款。</p><h2><font face="微软雅黑" color="#FF0000" size="5">服务宗旨</font></h2><blockquote>服务宗旨<br/>卓越品质<br/>服务创新<br/>文化传承</blockquote><hr color="#FF6600"/><p align="center">Copyright © 2017 ICP备10011111号</p></body>
</html>
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>传统美德故事:铁杵磨成针</title><style>div {text-align:center;}p {text-align: left;text-indent: 2em;margin: 3px;}strong,em {color: red;}img{height: 300px;}</style> </head><body bgcolor="#FEFEFE" leftmargin="100px" rightmargin="100px"> <h2 align="center">传统美德故事:铁杵磨成针</h2> <hr size="1" color="red" width="100%"/><div id="" class=""> <div style="text-align: center;"><img src="image-2-8-1.jpg"> </div><p>唐朝大诗人李白，小时候不喜欢读书。一天，乘老师不在屋，悄悄溜出门去玩儿。他来到山下小河边，见一位老婆婆，在石头上磨一根铁杵。李白很纳闷，上前问：“老婆婆，您磨铁杵做什么？”老婆婆说：“我在磨针。”李白吃惊地问：“哎呀！铁杵这么粗大，怎样能磨成针呢？”老婆婆笑呵呵地说：“只要天天磨铁杵总能越磨越细，还怕磨不成针吗？” </p> <p>聪明的李白听后，想到自己，心中惭愧，转身跑回了书屋。从此，他牢记<strong>“只要功夫深，铁杵磨成针”</strong>的道理，发奋读书，最后成为有名的大诗人。</p> <p><em><u>“书山有路勤为径，学海无涯苦作舟”</u> </em>。中华民族自强不息的精神，在勤奋读书方面表现得格外突出。不论是善于治国的政治家，还是胸怀韬略的军事家；不论是思维敏捷的思想家，还是智慧超群的科学家，他们之所以在事业上不同凡响，都是与他们从小的远大抱负分不开的。俗话说：“有志者立常志，无志者常立志”，立志，贵在少年。 </p> <hr size="1" color="red" width="100%"/> </div> </body>
</html>总结
介绍了HTML文件的基本结构。HTML文档包含3个主要标记，其中：
l <html></html> 分别表示一个 HTML 文件的开始和结束l <head></head> 分别表示文件头部的开始和结束l <body></body> 分别表示文件主体的开始和结束。body标记常用属性有：
text、bgcolor、background、link、vlink、alink、topmargin、leftmargin等。
希望你开心，希望你健康，希望你幸福，希望你点赞！
最后的最后，关注喵，关注喵，关注喵，大大会看到更多有趣的博客哦！！！
喵喵喵，你对我真的很重要！
相关文章：
[HTML]Web前端开发技术1，meta，HBuilder等——喵喵画网页
希望你开心，希望你健康，希望你幸福，希望你点赞！ 最后的最后，关注喵，关注喵，关注喵，大大会看到更多有趣的博客哦！！！ 喵喵喵，你对我真的…...
网上申请的电信卡能用多长时间？可以长期使用吗？
我们在网上总能看到一些关于流量卡的广告，都是19元，29元100多g的套餐，乍一看这些套餐非常便宜，但是小编提醒大家一定要注意优惠期。 网上的流量卡套餐，都是由基础套餐额外赠送充值送话费等内容组成，…...
交换机的工作原理
局域网交换技术是数据链路层上的技术，就是转发数据帧。在数据通信中，所有交换设备都执行两个基本操作： 交换数据帧生成并维护交换地址表 交换数据帧 交换机根据数据帧的MAC地址（物理地址）进行数据帧的转发操作。交换…...
如何使用ArcGIS Pro制作粉饰效果
在地图上，如果某个部分比较重要，直接的制图不能将其凸显出来，如果想要突出显示重要部分，可以通过粉饰效果来实现，这里为大家介绍一下方法，希望能对你有所帮助。 数据来源 本教程所使用的数据是从水经微图…...
CSS滚动捕获 scroll-snap-align
CSS滚动捕获 scroll-snap-align 看到 align, 就条件反射想到对齐方式, 嗯猜对了. 不过要先看一下若干名词介绍 scroll-snap-align 指定了盒子的 snap position, 即盒子 snap area 和滚动容器的 snapport 的对齐方式. 这个属性是定义在滚动元素上, 而不是滚动容器上 语法 这个…...
基础课8——中文分词
中文分词指的是将一个汉字序列切分成一个一个单独的词。分词就是将连续的字序列按照一定的规范重新组合成词序列的过程。在英文的行文中，单词之间是以空格作为自然分界符的，而中文只是字、句和段能通过明显的分界符来简单划界，唯独词没有一个…...
OpenHarmony应用开发入门教程(一、开篇)
前言 华为正式宣布2024年发布的华为鸿蒙OS Next版将不再兼容安卓系统。这一重大改变，预示着华为鸿蒙OS即将进入一个全新的阶段。 都说科技无国界，这是骗人的鬼话。谷歌的安卓12.0系统早已发布，但是自从受到美影响，谷歌就拒绝再向…...
vue侦听器详解及代码
在 Vue 中，我们可以使用侦听器（watcher）来监听数据的变化，并在数据发生变化时执行相应的操作。Vue 提供了 watch 选项来定义侦听器，并可以使用 vm.$watch 方法来创建侦听器。 下面是一个简单的示例，我们监…...
Python爬虫的七个常用技巧总结，这些你一定得知道！
文章目录 前言1、基本抓取网页2、使用代理IP3、Cookies处理4、伪装成浏览器5、验证码的处理6、gzip压缩7、多线程并发抓取关于Python技术储备一、Python所有方向的学习路线二、Python基础学习视频三、精品Python学习书籍四、Python工具包项目源码合集①Python工具包②Python实战…...
【Linux】U盘安装的cfg引导文件配置
isolinux.cfg文件 default vesamenu.c32 timeout 600display boot.msg# Clear the screen when exiting the menu, instead of leaving the menu displayed. # For vesamenu, this means the graphical background is still displayed without # the menu itself for as long …...
Theory behind GAN
假如要生成一些人脸图，实际上就是想要找到一个分布，从这个分布内sample出来的图片像是人脸，分布之外生成的就不像人脸。而GAN要做的就是找到这个distribution。 在GAN之前用的是Maximum Likelihood Estimation。 Maximum Likelihood Estimat…...
《Deep learning for fine-grained image analysis: A survey》阅读笔记
论文标题 《Deep learning for fine-grained image analysis: A survey》 作者 魏秀参，旷世研究院 初读 摘要 细粒度图像分析（FGIA）的任务是分析从属类别的视觉对象。 细粒度性质引起的类间小变化和类内大变化使其成为一个具有挑战性的…...
节点导纳矩阵
节点导纳矩阵（Node Admittance Matrix）是电力系统分析中的关键工具，它用于描述电力系统中不同节点之间的电导和电纳参数。这个矩阵为电力工程师提供了深入了解电力系统运行和分析所需的数学工具。 节点导纳矩阵是一个复数矩阵，通常…...
小米真无线耳机 Air 2s产品蓝牙配对ubuntu20.04 笔记本电脑
小米真无线耳机 Air 2s产品蓝牙配对ubuntu20.04 笔记本电脑 1.我的笔记本是 22款联想拯救者y9000k，安装了双系统，ubuntu20.04。 2.打开耳机，按压侧面按钮2秒，指示灯显示白色闪烁。 3.打开ubunru20.04 系统右上角wifi的位置&…...
Python爬虫批量下载图片
一、思路： 1. 分析URL，图片的URL内嵌于base_url的返回当中 2. 下载图片 二、代码 import time import requests import os from lxml import etreeclass DownloadImg():爬虫进行美女图片下载def __init__(self):self.url http://xxxxxx/4kmeinv/self…...
java入门，从CK导一部分数据到mysql
一、需求 需要从生产环境ck数据库导数据到mysql，数据量大约100w条记录。 二、处理步骤 1、这里的关键词是生产库，第二就是100w条记录。所以处理数据的时候就要遵守一定的规范。首先将原数据库表进行备份，或者将需要导出的数据建一张新的表了…...
表白墙/留言墙 —— 中级SpringBoot项目，MyBatis技术栈MySQL数据库开发，练手项目前后端开发(带完整源码) 全方位全步骤手把手教学
🧸欢迎来到dream_ready的博客，📜相信你对这篇博客也感兴趣o (ˉ▽ˉ；) 📜表白墙/留言墙初级Spring Boot项目（此篇博客的简略版，不带MyBatis数据库开发） 目录 1、项目前端页面及项目…...
Stable Diffusion - StableDiffusion WebUI 软件升级与扩展兼容
欢迎关注我的CSDN：https://spike.blog.csdn.net/ 本文地址：https://spike.blog.csdn.net/article/details/134463035 目前，StableDiffusion WebUI 的版本是 1.6.0，同步更新 controlnet、tagcomplete、roop、easy-prompt-selector等…...
git创建新分支将项目挂载到新分支操作
1.如果是本地项目,没有关联过git // 在git创建仓库(默认master分支) // 复制克隆链接(默认下载下来的是master仓库,克隆指定分支如下所示) git clone -b 分支名 克隆地址 // 将某分支克隆下来后,直接将项目放到新文件夹内(执行以下命令提交即可) git add . git commit -m 备注…...
WEB 自动化神器 TestCafe(一)—安装和入门篇
今天小编给大家带来WEB 自动化神器 TestCafe(一) —安装和入门篇 一、TestCafe 介绍： TestCafe 是一款基于 Node.js 的端到端 Web 自动化测试框架，支持 TypeScript 或 JavaScript 来编写测试用例，运行用例，并生成自动化测试报告。…...
asp.net 学校资源信息管理系统VS开发sqlserver数据库web结构c#编程计算机网页项目
一、源码特点 asp.net 学校资源信息管理系统 是一套完善的web设计管理系统，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。 asp.net学校资源管理系统 二、功能介绍 本系统使用Microsoft Visual Studio 2019为开发工具，SQL …...
【汇编】栈及栈操作的实现
文章目录 前言一、栈是什么？二、栈的特点三、栈操作四、8086cpu操作栈4.1 汇编指令4.2 汇编代码讲解问题：回答： 4.3 栈的操作4.3 push 指令和pop指令的执行过程执行入栈(push)时，栈顶超出栈空间执行出栈(pop)时，栈顶超…...
前段-用面向对象的方式开发一个水管小鸟的游戏
首先准备好各类空文件 index.js css html 和图片 图片是下面这些，如果没有的可在这里下载 2 开发开始 好了，基础准备工作完毕，开发开始， 首先，先把天空，大地，小鸟的盒子准备好，并…...
Java中利用OpenCV进行人脸识别
OpenCV 概述 OpenCV（Open Source Computer Vision Library）是一个开源计算机视觉库，它提供了丰富的工具和算法，用于处理图像和视频数据。该库由一系列高效的计算机视觉算法组成，涵盖了许多领域，包括目…...
23111708[含文档+PPT+源码等]计算机毕业设计基于javaweb的旅游网站前台与后台旅景点
文章目录 **论文截图：****实现：****代码片段：** 编程技术交流、源码分享、模板分享、网课教程 🐧裙：776871563 下面是系统运行起来后的部分截图： 论文截图： 实现： 代码片段…...
Windows安装nvm【node.js版本管理工具】
目录 下载安装包 安装 配置 配置node的国内镜像源 配置npm的国内镜像源 常用命令 查看可安装的node版本 安装指定的版本 查看已有的node版本列表 切换版本 下载安装包 https://github.com/coreybutler/nvm-windows/releases/tag/1.1.11 安装 安装过程就不贴了࿰…...
让资产权利归于建设者：Kiosk使过程变得更简单
区块链凭借着其将人的权利地位置于平台之上的能力，可以重塑互联网，而自托管为个人提供了控制和管理其资产和数据的能力。链上交易支持建设者和客户之间的点对点交易。这些特质联合起来，可以将数字世界从基于价值提取的模式转变为基于价值创造…...
MLP感知机python实现
from torch import nn from softmax回归 import train_ch3 import torch import torchvision from torch.utils import data from torchvision import transforms# ①准备数据集 def load_data_fashion_mnist(batch_size, resizeNone):# PyTorch中的一个转换函数，它…...
Es 拼音搜索无法高亮
目录 背景： Es 版本： 第一步 第二步 （错误步骤 - 只是记录过程） 第三步 第四步 第五步 第六步 第七步 背景： app 原有的搜索功能无法进行拼音搜索，产品希望可以支持，例如内容中含有&a…...
java线性并发编程介绍-锁（二）
2.5 重量锁底层ObjectMonitor 需要去找到openjdk，在百度中直接搜索openjdk，第一个链接就是 找到ObjectMonitor的两个文件，hpp，cpp 先查看核心属性：http://hg.openjdk.java.net/jdk8u/jdk8u/hotspot/file/69087d08d473…...
Java JPA详解：从入门到精通
描述：本文详细介绍了Java JPA的概念、使用方法以及常见问题，帮助读者从入门到精通掌握JPA。 关键词：Java JPA、Hibernate、持久层框架、ORM、数据库访问 一、Java JPA概述 Java Persistence API（JPA）是JavaEE 5规范…...
使用Open3D库处理3D模型数据的实践指南
目录 引言 一、安装Open3D库 二、加载3D模型数据 三、处理3D模型数据 1、去除模型中的无效面 2、提取模型特征 四、存储处理后的3D模型数据 五、可视化处理后的3D模型数据 六、注意事项 结论 引言 在处理3D模型数据时，Open3D库是一个功能强大且易于使用的…...
代码随想录算法训练营第五十八天丨 动态规划part18
739. 每日温度 思路 首先想到的当然是暴力解法，两层for循环，把至少需要等待的天数就搜出来了。时间复杂度是O(n^2) 那么接下来在来看看使用单调栈的解法。 什么时候用单调栈呢？ 通常是一维数组，要寻找任一个元素的右边或者左边…...
Pytest自动化测试框架介绍
1、什么是单元测试框架 单元测试是指在软件开发当中，针对软件的最小单位（函数，方法）进行正确性的检查测试。 2、单元测试框架主要做什么 测试发现：从多个文件里面去找到我们需要的测试用例。 测试执行：按…...
基于SpringBoot+Redis的前后端分离外卖项目-苍穹外卖(五)
公共字段自动填充 1.1 问题分析1.2 实现思路1.3 代码开发1.3.1 步骤一1.3.2 步骤二1.3.3 步骤三 1.4 功能测试 1.1 问题分析 在前面我们已经完成了后台系统的员工管理功能和菜品分类功能的开发，在新增员工或者新增菜品分类时需要设置创建时间、创建人、修改时间、修…...
Oracle 监控的指标有哪些和oracle巡检的内容
日常监控指标： 性能指标： 查询响应时间CPU利用率内存利用率磁盘 I/O 活动网络吞吐量 空间管理： 表空间使用率数据文件增长情况Undo 表空间使用率临时表空间使用率 会话和连接： 活跃会话数等待事件监控连接数和连接池效率 数据库对…...
Uniapp有奖猜歌游戏系统源码 带流量主
有奖猜歌游戏是一款基于uni-app、uniCloud、uniAD 开发的小游戏，通过猜歌曲、观看广告赚取现金奖励。 本游戏基本特征如下： 1、玩家可以通过猜歌、做任务等方式直接获取现金奖励 2、玩家可以通过猜歌、拆红包、做任务等方式获取金币奖励，当金币累积到一定数量可以兑换现金 3…...
【算法与数据结构】前言
算法与数据结构是OI中不可或缺的一部分。 今天，让我们走进算法与数据结构独特世界。 性能 算法与数据结构都是完成任务的方法。 方法就要有性能。 有效率就有描述性能的语言。 这就是复杂度。 复杂度的描述 由于复杂度描述的是大致性能，所以采用的是…...
（六）什么是Vite——热更新时vite、webpack做了什么
vite分享ppt，感兴趣的可以下载： Vite分享、原理介绍ppt 什么是vite系列目录： （一）什么是Vite——vite介绍与使用-CSDN博客 （二）什么是Vite——Vite 和 Webpack 区别࿰…...
贝加莱MQTT功能
贝加莱实现MQTT Client端的功能库和例程 导入库和例程，AS Logical View中分别通过Add Object—Library，Add—Program插入MQTT库和例程。 将例程Sample放置于CPU循环周期中 定义证书存放路径，在AS Physical View 中，右击PLC—Con…...
基于JavaWeb+SSM+购物系统微信小程序的设计和实现
基于JavaWebSSM购物系统微信小程序的设计和实现 源码获取入口前言主要技术系统设计功能截图Lun文目录订阅经典源码专栏Java项目精品实战案例《500套》 源码获取 源码获取入口 前言 第一章 绪 论 1.1选题背景 互联网是人类的基本需求，特别是在现代社会，…...
为什么需要Code Review？
1. Code Review 是什么？ 代码审查（Code Review）是软件开发过程中对代码进行系统性检查和评审的一项活动。它是指团队成员之间相互检查彼此编写的代码，以确保代码质量、可读性和符合编码标准等。 2. Code Review 的必要性 ● 提…...
【计算机网络笔记】ICMP（互联网控制报文协议）
系列文章目录 什么是计算机网络？ 什么是网络协议？ 计算机网络的结构 数据交换之电路交换 数据交换之报文交换和分组交换 分组交换 vs 电路交换 计算机网络性能（1）——速率、带宽、延迟 计算机网络性能（2）…...
Git教程1：生成和提交SSH公钥到远程仓库
要生成 Git 的公钥并将其提交到远程仓库，你可以按照以下步骤进行操作： 打开命令行终端，并确保已经安装了 Git。在终端中输入以下命令来生成 SSH 密钥对：ssh-keygen -t rsa -b 4096 -C "your_emailexample.com"这将生成…...
贝茄莱BR AS实时数据采集功能
实时数据采集功能在PLC系统调试过程中，有助于调试人员对变量变化进行监测，通过波形对比，反应不同变量间的相互作用。该测试目的在于验证贝加莱系统组态软件的实时数据采集功能。 贝加莱系统组态软件提供Trace功能，连接PLC&#x…...
Git的基本操作以及原理介绍
文章目录 基本操作创建git仓库配置name和email .git目录的结构git add & git commit.git目录结构的变化 git追踪管理的数据git的版本回退回退的原理回退的三种情况 版本库中文件的删除git分支管理分支的删除合并分支时的冲突分支的合并模式分支策略git stash不要在master分…...
2023安全与软工顶会/刊中区块链智能合约相关论文
2023安全与软工顶会/刊中区块链智能合约相关论文 前言软工顶会ISSTAFSEASEICSE 软工顶刊TOSEMTSE 安全顶会S&PUSENIX SecurityCCSNDSS 前言 主要整理了2023年四大安全顶会、四大软工顶会和两个软工顶刊中，有关区块链智能合约的相关论文。 搜索方式是࿱…...
word文档转换为ppt文件，怎么做？
大家是否会遇到需要将word文档转换为ppt文件的情况？除了反反复复粘贴复制以外，还有其他方法可以转换文件格式，今天给大家分享word转换ppt方法。 首先我们先将word文件打开大纲模式 然后我们将文中的大标题设置为1级标题，副标题设…...
机器视觉选型-什么时候用远心镜头
物体厚 当被检测物体厚度较大，需要检测不止一个平面时，典型应用如食品盒，饮料瓶等。 物体位置变化 当被测物体的摆放位置不确定，可能跟镜头成一定角度时。 物体上下跳动 当被测物体在被检测过程中上下跳动，如生产线上下…...
quartz笔记
Quartz-CSDN博客 上面是Quartz的一些基本知识,如果对quartz的基本API不是很了解的话,建议先看下上面的 和Linux Crontab对比 1.执行粒度: Linux Crontab是进程级 quart是线程级 2.跨平台性: Crontab只能在Linxu运行 quart是java实现,可以跨平台 3.调度集上 Crontab的…...