HTML基础知识点总结


HTML知识点总结
--------------------------------------------------------------------------------------------------------
Web概念:
1>Web三要素:
- 浏览器:向服务器发起请求,下载服务器中的网页(HTML),然后执行THML显示出内容。
- 服务器:接收服务器的请求,发送响应的页面到浏览器。
- HTTP协议:浏览器与服务器的通信协议。
2>常用浏览器:IE、Edge、Firefox、Chrome(Opera)、safari。
3>HTML工作原理:
- HTML是部署在服务器上的文本文件;
- 根据HTTP协议,浏览器发出请求给服务器,服务器做出响应,给浏览器返回一个HTML;
- 浏览器解释执行HTML,从而显示内容;
- HTML部署在服务器上,运行在浏览器上。
HTML简介:
1>HTML(HyperText Markup Language):超文本标记语言,一种纯文本类型的语言;
2>用该语言编写的文件,以.html或者.htm为后缀;
3>由浏览器解释执行;
4>HTML页面上,可以嵌套用脚本语言编写的程序段,如JavaScript;
5>可以理解标签固定的XML;
6>HTML标记通常也被称为HTML标签(HTML tag);
7>注释语法:,注释不能嵌套;
8>不是HTML标签,它为浏览器提供一项信息(声明),即HTML是用什么版本编写的。
元素:
1>元素是所有头部元素的容器;
2>内的元素可声明元信息,指示浏览器在何处可以找到样式表,包含的脚本等等;
3>这些标签可添加在head部分:、<meta>、<link>、<style>、<script>; </div> <div style="line-height:1.875;font-size:14px;"> 4><title>元素: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 定义浏览器工具栏中的标题; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 提供网页被添加到收藏夹时显示的标题; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 显示在搜索引擎结果中的页面标题。 </div> <div style="line-height:1.875;font-size:14px;"> 5><meta>元素: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 提供关于HTML文档的元数据; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 元数据不会显示在页面上,但是对于机器是可读的; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 用于规定页面的描述、关键词、文档作者、最后修改时间,以及其他元素; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 常用属性有:content、http-equiv、charset。 </div> <div style="line-height:1.875;font-size:14px;"> <span style="font-size:16px;font-weight:bold;">文本元素:</span> </div> <div style="line-height:1.875;font-size:14px;"> 1>文本元素是网页上的重要组成部分,直接书写的文本会用浏览器默认的样式显示; </div> <div style="line-height:1.875;font-size:14px;"> 2>包含在文本元素中的文本,则会被显示为元素所拥有的样式,文本元素包括: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 标题元素; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 段落元素; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 列表元素; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 分区元素; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 行内元素。 </div> <div style="line-height:1.875;text-align:left;font-size:14px;"> <span style="font-size:16px;font-weight:bold;">标题元素:</span> </div> <div style="line-height:1.875;font-size:14px;"> 1>标题元素让文本以醒目的方式显示,往往用于文章的标题; </div> <div style="line-height:1.875;font-size:14px;"> 2>基本语法:<h#>......</h#>; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - #表示从1、2、3、4、5、6; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 从<h1>到<h6>,即标题1到标题6。 </div> <div style="line-height:1.875;text-align:left;font-size:14px;"> <span style="font-size:16px;font-weight:bold;">列表:</span> </div> <div style="line-height:1.875;font-size:14px;"> 1>列表是指将具有相似特性或具有先后顺序的几行文字进行对齐排列; </div> <div style="line-height:1.875;font-size:14px;"> 2>所有的列表都由列表类型和列表项组成: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 列表类型:有序列表<ol>和无序列表<ul>; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 列表项:<li>,用于只是具体的列表内容。 </div> <div style="line-height:1.875;font-size:14px;"> 3>有序列表: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - <ol>元素编写有序列表,用于列出页面上特定次序的一些项目; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - <ol>元素中也只能包含列表项元素<li>。 </div> <div style="line-height:1.875;font-size:14px;"> 4>无序列表: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - <ul>元素表示无序列表,用于列出页面上没有特定次序的一些项目; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - <ul>元素中只能包含具体的列表项元素<li>; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 列表中包含的每一项都必须包含再起始标记<li>和结束标记</li>之间。 </div> <div style="line-height:1.875;font-size:14px;"> 5>列表嵌套:将列表元素嵌套使用,可以创建多层列表。 </div> <div style="line-height:1.875;font-size:14px;"> <span style="font-size:16px;font-weight:bold;">分区:</span> </div> <div style="line-height:1.875;font-size:14px;"> 1>分区元素用于为元素分组。常用于页面布局; </div> <div style="line-height:1.875;font-size:14px;"> 2>块分区元素:<div></div>; </div> <div style="line-height:1.875;font-size:14px;"> 3>行内分区元素:<span></span>,设置同一行文字内的不同格式; </div> <div style="line-height:1.875;font-size:14px;"> 4>块级元素: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 默认情况下,块级元素会独占一行,即元素前后都会自动换行; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 如:<p>、<div>、<hn>。 </div> <div style="line-height:1.875;font-size:14px;"> 5>行内元素: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 不会换行,可以和其他行内元素位于同一行; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 如:<span>、<a>。 </div> <div style="line-height:1.875;font-size:14px;"> <span style="font-size:16px;font-weight:bold;">行内元素:</span> </div> <div style="line-height:1.875;font-size:14px;"> 1><span>元素是内联元素,可用作文本的容器; </div> <div style="line-height:1.875;font-size:14px;"> 2><span>元素也没有特定的含义,当与CSS一同使用时,<span>元素可用于为部分文本设置样式属性; </div> <div style="line-height:1.875;font-size:14px;"> 3><i>元素用来定义斜体字; </div> <div style="line-height:1.875;text-align:left;font-size:14px;"> 4><em>元素用来定义着重文字; </div> <div style="line-height:1.875;font-size:14px;"> 5><b>元素用来定义粗体文字; </div> <div style="line-height:1.875;font-size:14px;"> 6><strong>元素用来定义加重文字; </div> <div style="line-height:1.875;font-size:14px;"> 7><del>元素用来定义带删除线的文字; </div> <div style="line-height:1.875;font-size:14px;"> 8><u>元素用来定义带下划线的文字; </div> <div style="line-height:1.875;font-size:14px;"> 9>空格折叠:默认情况下,HTML中多格空格、多个制表符、多个换行符会压缩成单个空格,即只显示一个空格; </div> <div style="line-height:1.875;font-size:14px;"> 10>使用<br>元素再任何地方创建手工换行; </div> <div style="line-height:1.875;font-size:14px;"> 11>小于号:<;大于号:>;空格: 。 </div> <div style="line-height:1.875;font-size:14px;"> <span style="font-size:16px;font-weight:bold;">图像和超链接:</span> </div> <div style="line-height:1.875;font-size:14px;"> 1>使用<img>元素将图像添加到页面,src是必须属性; </div> <div style="line-height:1.875;font-size:14px;"> 2>使用<a>元素创建一个超链接,语法是:<a href="" target="">文本</a>: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - href属性:连接url; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - target属性:目标打开方式,可取值为_blank、_self等。 </div> <div style="line-height:1.875;font-size:14px;"> 3>锚点: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 锚点是文档中某行的一个记号,用于链接到文档中的某个位置; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 定义锚点:<a name="anchorname">锚点</a>; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 链接到的锚点:在冒点名前加上#,<a href="#anchorname“>回到锚点</a>。 </div> <div style="line-height:1.875;font-size:14px;"> <span style="font-size:16px;font-weight:bold;">表格:</span> </div> <div style="line-height:1.875;font-size:14px;"> 1>表格的作用: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 表格通常用来组织结构化的信息; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 表格是一些被称作单元格的矩形框按照从左到右,从上到下的顺序排列在一起而形成的; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 表格的数据存放在单元格里。 </div> <div style="line-height:1.875;font-size:14px;"> 2>创建表格: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 定义表格:使用成对的<table></table>标记; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 创建行:使用成对<tr></tr>标记; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 创建列:使用成对<td></td>标记。 </div> <div style="line-height:1.875;font-size:14px;"> 3><table>元素: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - border; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - width/height; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - align; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - cellpadding:单元格边框与内容之间的边距; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - cellspacing:单元格之间的间距。 </div> <div style="line-height:1.875;font-size:14px;"> 4><tr>元素: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - align/valign; </div> <div style="line-height:1.875;font-size:14px;"> 5><td>元素: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - align; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> valign; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> width/height; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> colspan:使当前单元格沿着水平方向延伸,值为正整数,代表此单元格水平延伸的单元格数; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> rowspan:使当前单元格沿着垂直方向延伸,值为正整数,代表此单元格垂直延伸的单元格数; </div> <div style="line-height:1.875;font-size:14px;"> 6>行分组: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 表格可划分为3个部分:表头、表主体和表尾; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 表头行分组:<thead></thead>; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 表主体行分组:<tbody></tbody>; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 表尾行分组:<tfoot></tfoot>。 </div> <div style="line-height:1.875;font-size:14px;"> <span style="font-size:16px;font-weight:bold;">表单:</span> </div> <div style="line-height:1.875;text-align:left;font-size:14px;"> 1>表单是用于显示、收集信息,并提交信息到服务器; </div> <div style="line-height:1.875;font-size:14px;"> 2>表单二要素:form元素、表单控件; </div> <div style="line-height:1.875;font-size:14px;"> 3>表单是从浏览器向服务器传输数据的手段; </div> <div style="line-height:1.875;font-size:14px;"> 4>定义表单:使用成对的<form></form>标记,表示要将此元素中所涵盖的控件中的数据传输给服务器; </div> <div style="line-height:1.875;font-size:14px;"> 5>主要属性: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - action:表单提交的url; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - method:指出表单数据提交的方式; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - enctype:表单数据进行编码的方式。 </div> <div style="line-height:1.875;font-size:14px;"> 6>表单控件: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 表单可以包含很多不同类型的表单控件; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 表单控件是一种HTML元素,是信息输入项; </div> <div style="line-height:1.875;font-size:14px;"> 7>表单控件包括: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - input元素:文本框、密码框、单选框、复选框、按钮、隐藏域、文件选择框; </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> - 其他元素:标签、文本域、下拉选。 </div> <div style="line-height:1.875;font-size:14px;"> 8>文本框:<input type="text"/> </div> <div style="line-height:1.875;font-size:14px;"> 9>密码框:<input type="password"/> </div> <div style="line-height:1.875;font-size:14px;"> 10>单选框:<input type="radio"/> </div> <div style="line-height:1.875;font-size:14px;"> 11>复选框:<input type="checkbox"/> </div> <div style="line-height:1.875;font-size:14px;"> 12>提交按钮:<input type="submit"/> </div> <div style="line-height:1.875;font-size:14px;"> 13>重置按钮:<input type="reset"/> </div> <div style="line-height:1.875;font-size:14px;"> 14>普通按钮:<input type="button"/> </div> <div style="line-height:1.875;font-size:14px;"> 15>隐藏域:<input type="hidden"/> </div> <div style="line-height:1.875;font-size:14px;"> 16>文件选择框:<input type="file"/> </div> <div style="line-height:1.875;font-size:14px;"> 17>文本域:相当于多行文本框,语法<textarea></textarea> </div> <div style="line-height:1.875;font-size:14px;"> 18>下拉选:下拉选择内容,语法: </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> <select> </div> <div style="line-height:1.875;text-indent:56px;font-size:14px;"> <option value="1">Java</option> </div> <div style="line-height:1.875;text-indent:56px;font-size:14px;"> <option value="2">PHP</option> </div> <div style="line-height:1.875;text-indent:56px;font-size:14px;"> <option value="3">Android</option> </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> </select> </div> <div style="line-height:1.875;font-size:14px;"> 19>标签:表单中的文本,用于给控件设置显示名称,语法:<label for="控件ID">文本</label>,for设置该文本所关联的控件ID,关联后点击标签等同于点击控件。 </div> <div style="line-height:1.875;font-size:14px;"> -------------------------------------------------------------------------------------------------------- </div> <div style="line-height:1.875;text-indent:28px;font-size:14px;"> <br> </div> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1297539186538127360"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(HTML)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1893287185226985472.htm" title="Github 2024-06-10开源项目周报 Top15" target="_blank">Github 2024-06-10开源项目周报 Top15</a> <span class="text-muted">老孙正经胡说</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/Github%E8%B6%8B%E5%8A%BF%E5%88%86%E6%9E%90/1.htm">Github趋势分析</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/1.htm">开源项目</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/Golang/1.htm">Golang</a> <div>根据GithubTrendings的统计,本周(2024-06-10统计)共有15个项目上榜。根据开发语言中项目的数量,汇总情况如下:开发语言项目数量Python项目8JupyterNotebook项目2Go项目2C++项目1Shell项目1Lua项目1JavaScript项目1MDX项目1C项目1HTML项目1Python-100天从新手到大师创建周期:2234天开发语言:Python,HTML</div> </li> <li><a href="/article/1893255158360502272.htm" title="简讯:Rust 2024 edition and v1.85.0 已发布" target="_blank">简讯:Rust 2024 edition and v1.85.0 已发布</a> <span class="text-muted">Liigo</span> <a class="tag" taget="_blank" href="/search/Rust/1.htm">Rust</a><a class="tag" taget="_blank" href="/search/liigo/1.htm">liigo</a><a class="tag" taget="_blank" href="/search/Rust/1.htm">Rust</a><a class="tag" taget="_blank" href="/search/Rust2024/1.htm">Rust2024</a><a class="tag" taget="_blank" href="/search/LIIGO/1.htm">LIIGO</a> <div>详见https://blog.rust-lang.org/2025/02/20/Rust-1.85.0.html升级方法:rustupupdatestable</div> </li> <li><a href="/article/1893247462680883200.htm" title="【网络信息资源】简易爬行器的设计" target="_blank">【网络信息资源】简易爬行器的设计</a> <span class="text-muted">九筠</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E8%B5%84%E6%BA%90/1.htm">网络信息资源</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%88%AC%E8%99%AB/1.htm">网络爬虫</a> <div>目录1实验目的2实验内容3实验步骤3.1查看网页源代码3.2源代码4运行结果分析1实验目的了解爬行器的工作原理2实验内容设计一个简易的爬行器,能爬取网页的内容和超链接3实验步骤3.1查看网页源代码选择需要的网页→右键→查看页面源代码→明确网页源代码的组成3.2源代码构造请求的URL,并通过发送HTTP请求获取HTML页面内容。使用BeautifulSoup库解析HTML页面内容,提取出所需的信息。</div> </li> <li><a href="/article/1893221991394111488.htm" title="【Rust】——所有权:Stack(栈内存)vs Heap(堆内存)(重点)" target="_blank">【Rust】——所有权:Stack(栈内存)vs Heap(堆内存)(重点)</a> <span class="text-muted">Y小夜</span> <a class="tag" taget="_blank" href="/search/Rust%EF%BC%88%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3%E9%87%8D%E7%82%B9%E6%80%BB%E7%BB%93%EF%BC%89/1.htm">Rust(官方文档重点总结)</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>个人专栏:算法设计与分析:算法设计与分析_IT闫的博客-CSDN博客Java基础:Java基础_IT闫的博客-CSDN博客c语言:c语言_IT闫的博客-CSDN博客MySQL:数据结构_IT闫的博客-CSDN博客数据结构:数据结构_IT闫的博客-CSDN博客C++:C++_IT闫的博客-CSDN博客C51单片机:C51单片机(STC89C516)_IT闫的博客-CSDN博客基于HTML5的网页设计</div> </li> <li><a href="/article/1893221991972925440.htm" title="【Rust】——使用Drop Trait 运行清理代码和Rc<T> 引用计数智能指针" target="_blank">【Rust】——使用Drop Trait 运行清理代码和Rc<T> 引用计数智能指针</a> <span class="text-muted">Y小夜</span> <a class="tag" taget="_blank" href="/search/Rust%EF%BC%88%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3%E9%87%8D%E7%82%B9%E6%80%BB%E7%BB%93%EF%BC%89/1.htm">Rust(官方文档重点总结)</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>博主现有专栏:C51单片机(STC89C516),c语言,c++,离散数学,算法设计与分析,数据结构,Python,Java基础,MySQL,linux,基于HTML5的网页设计及应用,Rust(官方文档重点总结),jQuery,前端vue.js,Javaweb开发,Python机器学习等主页链接:Y小夜-CSDN博客目录使用DropTrait运行清理代码通过std::mem::drop提早丢弃值</div> </li> <li><a href="/article/1893193237590503424.htm" title="如何检索CMIP6中的变量名" target="_blank">如何检索CMIP6中的变量名</a> <span class="text-muted">lwzdzcbb</span> <a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6/1.htm">百度</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a> <div>CMIP6中变量的命名与再分析资料并不一致,所以如何知道CMIP6模式中某个变量的描述或者根据描述来检索某个变量,这里可以进入以下界面来实现快速检索,如输入tos则出现以下检索结果https://clipc-services.ceda.ac.uk/dreq/mipVars.html</div> </li> <li><a href="/article/1893177104317607936.htm" title="类似酷狗音乐链接分享页面的实现" target="_blank">类似酷狗音乐链接分享页面的实现</a> <span class="text-muted">FBD电子音乐协会</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>1.前言酷狗音乐的链接分享页面是一个非常简洁且功能丰富的音乐播放页面,用户可以通过分享链接直接播放歌曲、查看歌词和封面。本文将带你一步步实现一个类似酷狗音乐链接分享页面的功能,支持播放歌曲、显示歌词、封面旋转、进度条控制等功能。我们将使用HTML、CSS和JavaScript来实现这个功能。2.项目结构3.代码实现HTML音乐分享页面的实现您的浏览器不支持视频标签。歌曲名称作者0:000:00CS</div> </li> <li><a href="/article/1893174458978463744.htm" title="在线markdown转word工具" target="_blank">在线markdown转word工具</a> <span class="text-muted">空中湖</span> <a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>如果你是一位写手或者笔者,那么你肯定已经了解到Markdown语言的重要性。Markdown是一种纯文本格式的标记语言,可以轻松地将文字内容转换成HTML网页、PDF文件和Word文档等格式。然而,很多人在将Markdown文本转换成Word文档的时候都会遇到不少问题,包括布局错乱、样式丢失等等。为了解决这个问题,我写了一个在线将Markdown文本转换成Word文档的工具,让您将Markdown</div> </li> <li><a href="/article/1893141289281581056.htm" title="java-net-php-python-springboot社区志愿者管理系统计算机毕业设计程序" target="_blank">java-net-php-python-springboot社区志愿者管理系统计算机毕业设计程序</a> <span class="text-muted">鸿源网络</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a> <div>java-net-php-python-springboot社区志愿者管理系统计算机毕业设计程序java-net-php-python-springboot社区志愿者管理系统计算机毕业设计程序本源码技术栈:项目架构:B/S架构开发语言:Java语言开发软件:ideaeclipse前端技术:Layui、HTML、CSS、JS、JQuery等技术后端技术:JAVA运行环境:Win10、JDK1.8数据</div> </li> <li><a href="/article/1893136247161942016.htm" title="http+nginx" target="_blank">http+nginx</a> <span class="text-muted">铁锅与大鹅</span> <a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a> <div>HTTP协议:超文本传输协议,HyperTexttransferprotocol(发明者:蒂姆.伯纳斯.李)1.超文本包含超链接(link)和各种多媒体元素的文本,这些超文本文件彼此相连,形成网状(web),因此又被称为网页(webpage),这些链接使用URL表示,文本格式一般为HTML或HTM2.HTTP协议版本:HTTP0.9HTTP1.0HTTP1.1当前最流行,更多的请求方法,更精细的缓</div> </li> <li><a href="/article/1893116692486221824.htm" title="【报错解决】vue打开界面报错Uncaught SecurityError: Failed to construct ‘WebSocket‘" target="_blank">【报错解决】vue打开界面报错Uncaught SecurityError: Failed to construct ‘WebSocket‘</a> <span class="text-muted">momo_via</span> <a class="tag" taget="_blank" href="/search/%E6%8A%A5%E9%94%99%E8%A7%A3%E5%86%B3/1.htm">报错解决</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>问题描述:vue运行时正常,但是打开页面后报错UncaughtSecurityError:Failedtoconstruct'WebSocket':AninsecureWebSocketconnectionmaynotbeinitiatedfromapageloadedoverHTTPS.解决方案:在项目列表中的public下的index.html里添加以下内容即可</div> </li> <li><a href="/article/1893091967416463360.htm" title="SpringBoot3+Springdoc:v3api-docs可以访问,html无法访问的解决方法" target="_blank">SpringBoot3+Springdoc:v3api-docs可以访问,html无法访问的解决方法</a> <span class="text-muted">m0_74825746</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>项目环境springboot3.3.4pom.xml引用如下(springdoc相关的只有这一个,理论上说,要跑springdoc或者叫它swagger3,除了springboot,加这个就可以了,不需要任何配置类配置、application.properties/yaml配置!!)(当然,你跑通了之后需要自定义配置了再配)org.springdocspringdoc-openapi-starte</div> </li> <li><a href="/article/1893086425394507776.htm" title="el-date-picker 隐藏输入框 通过按钮实现弹出" target="_blank">el-date-picker 隐藏输入框 通过按钮实现弹出</a> <span class="text-muted">一个假的前端男</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/el-date-picker/1.htm">el-date-picker</a> <div>通过点击下载制定时间数据弹出el-date-picker组件2.给它设置一个ref标识,在需要选择自定义时间时,直接通过this.refs.datePickerRef找到该组件,然后refs.datePickerRef找到该组件,然后refs.datePickerRef找到该组件,然后el表示组件元素,通过调用click点击事件控制选择器显示。html代码:下载指定时间数据jsuploadTime</div> </li> <li><a href="/article/1893075841252913152.htm" title="XPath常见用法示例,XPath基础语法" target="_blank">XPath常见用法示例,XPath基础语法</a> <span class="text-muted">郝开</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/XPath/1.htm">XPath</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%88%AC%E8%99%AB/1.htm">网络爬虫</a> <div>XPath常见用法示例,XPath基础语法XPath常见用法示例XPath基础语法1节点选择路径2节点类型选择3选择元素的属性4使用索引选择节点5使用文本选择节点6逻辑运算符7常用函数XPath(XMLPathLanguage)是一种用于在XML文档中查找信息的语言,广泛应用于HTML解析、网页抓取、Web自动化测试等领域。本文将详细介绍XPath的基本语法,并提供常见用法示例,帮助您更好地理解和</div> </li> <li><a href="/article/1893060322093232128.htm" title="网页版俄罗斯方块第2版" target="_blank">网页版俄罗斯方块第2版</a> <span class="text-muted">钢七连软件实战技术</span> <a class="tag" taget="_blank" href="/search/javaee%E5%92%8C%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">javaee和数据库</a><a class="tag" taget="_blank" href="/search/%E4%BF%84%E7%BD%97%E6%96%AF%E6%96%B9%E5%9D%97/1.htm">俄罗斯方块</a><a class="tag" taget="_blank" href="/search/JS/1.htm">JS</a><a class="tag" taget="_blank" href="/search/%E9%A1%B5%E6%B8%B8/1.htm">页游</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81/1.htm">源码</a> <div>网页版俄罗斯方块第1版:https://blog.csdn.net/weixin_42644456/article/details/103080277学习技术,是个循序渐进的慢功夫。第2版已经做好,以后还有改进版。一、工程结构:四个文件,放在同一个文件夹下。二、截图三、技术原理HTML,CSS,JS都是大一上学期的课,需要打下良好基础。有的同学已经学过完整的俄罗斯方块,网上教程多的是,这只是网页版</div> </li> <li><a href="/article/1893055651576344576.htm" title="对CSS了解哪些?" target="_blank">对CSS了解哪些?</a> <span class="text-muted">光影少年</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>CSS(CascadingStyleSheets,层叠样式表)是用来描述HTML文档外观和布局的语言。以下是对CSS的常见了解范围:1.CSS基础选择器:如通用选择器(*)、类型选择器、类选择器(.class)、ID选择器(#id)、后代选择器、伪类(:hover、:nth-child())等。属性与值:如color、background-color、font-size、margin、paddin</div> </li> <li><a href="/article/1893036089816444928.htm" title="css特异性,继承性" target="_blank">css特异性,继承性</a> <span class="text-muted">2301_78916954</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>html介绍管理scss.introduce{.title{text-align:center;}.card-box{.card{width:300px;background:aqua;text-align:left;.title{color:rgba(0,0,0,0.80);}}}}选择器的特异性和继承性,出现了预期之外的样式应用。具体问题在于,.introduce.title的选择器会覆盖嵌套</div> </li> <li><a href="/article/1893035836941856768.htm" title="自存放忘 angular 动态加载子节点" target="_blank">自存放忘 angular 动态加载子节点</a> <span class="text-muted">2301_78916954</span> <a class="tag" taget="_blank" href="/search/angular.js/1.htm">angular.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>html{{treeControl.isExpanded(node)?"expand_more":"chevron_right"}}tsimport{Component,OnInit,Injectable}from'@angular/core';import{CollectionViewer,SelectionChange,DataSource,}from'@angular/cdk/collect</div> </li> <li><a href="/article/1893034325239197696.htm" title="angular中使用animation.css实现翻转展示卡片正反两面效果" target="_blank">angular中使用animation.css实现翻转展示卡片正反两面效果</a> <span class="text-muted">2301_78916954</span> <a class="tag" taget="_blank" href="/search/angular.js/1.htm">angular.js</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>html正面背面component.tsisFlipped:boolean=false;flip(){this.isFlipped=!this.isFlipped;}安装插件https://animate.style/在angular.json中使用"styles":["node_modules/animate.css/animate.min.css","src/styles.scss",],以上</div> </li> <li><a href="/article/1893032055952961536.htm" title="一篇文章包含Bootstrap框架的基本用法" target="_blank">一篇文章包含Bootstrap框架的基本用法</a> <span class="text-muted">魔尔助理顾问</span> <a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>Bootstrap是一个流行的前端框架,用于快速构建响应式、移动优先的网页。它提供了预定义的CSS类、JavaScript插件以及可复用的组件,帮助开发者减少开发时间并提高效率。1.引入Bootstrap方法1:使用CDN(推荐)通过CDN引入Bootstrap,无需下载文件,直接在HTML文件中添加以下代码:•CSS引入:•JavaScript引入(可选,用于交互组件):方法2:本地安装如果需要</div> </li> <li><a href="/article/1893030795904348160.htm" title="webpack3.12.0 打包工具(一些webpack常用加载器和插件的使用)" target="_blank">webpack3.12.0 打包工具(一些webpack常用加载器和插件的使用)</a> <span class="text-muted">啊啊啊~~</span> <a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/css-loader/1.htm">css-loader</a> <div>webpack3.12.0打包工具,初学知识点本文内容主要包括一些加载器和插件(分9类)的使用:css-loaderstyle-loader:解析css文件url-loaderfile-loader:解析引用资源,例如图片lessless-loader:解析less文件html-webpack-plugin:简化了HTML文件的创建,以便为你的webpack包提供服务webpack-dev-ser</div> </li> <li><a href="/article/1893028399295819776.htm" title="开源架构" target="_blank">开源架构</a> <span class="text-muted">林伟</span> <a class="tag" taget="_blank" href="/search/%E7%9B%B8%E5%85%B3%E5%BC%80%E6%BA%90%E7%BD%91%E7%AB%99/1.htm">相关开源网站</a> <div>opensourcehttp://android.git.kernel.org/ftp://ftp.kernel.org/pub/linux/http://www.gnu.org/http://opensource.limofoundation.org/index.php/limo-open-source.htmlhttp://code.google.com/p/maxwit/blog:http:</div> </li> <li><a href="/article/1893023736974602240.htm" title="常用 Webpack Plugin 汇总" target="_blank">常用 Webpack Plugin 汇总</a> <span class="text-muted">懒羊羊我小弟</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/1.htm">前端工程化</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/yarn/1.htm">yarn</a> <div>一、HtmlWebpackPlugin⭐⭐⭐⭐⭐作用自动生成HTML文件,并将打包后的JavaScript、CSS等资源自动注入到生成的HTML文件中。当打包文件名包含哈希值时,能避免手动引入资源的繁琐。使用场景单页或多页应用开发中,只要需生成HTML并引入打包资源即可使用。语法介绍npminstallhtml-webpack-plugin--save-devconstHtmlWebpackPlu</div> </li> <li><a href="/article/1893020357170884608.htm" title="前端面试题三" target="_blank">前端面试题三</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>以下是一些前端面试题:一、HTML/CSS部分如何实现一个响应式的导航菜单,在移动设备上能够以汉堡菜单的形式展示?答案:使用CSS媒体查询来检测屏幕宽度。在HTML中,创建导航菜单结构,包含导航项和一个用于切换菜单显示的按钮(汉堡菜单图标)。在CSS中,对于较大屏幕(桌面端),正常显示导航菜单项,隐藏汉堡菜单按钮。当屏幕宽度小于某个阈值(如768px)时,隐藏导航菜单项,显示汉堡菜单按钮。通过Ja</div> </li> <li><a href="/article/1893020200668819456.htm" title="WebSocket相关" target="_blank">WebSocket相关</a> <span class="text-muted">weixin_30535913</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>原文:http://www.cnblogs.com/jinjiangongzuoshi/p/5062092.html前言今天看了一些资料,记录一下心得。websocket是html5引入的一个新特性,传统的web应用是通过http协议来提供支持,如果要实时同步传输数据,需要轮询,效率低下websocket是类似socket通信,web端连接服务器后,握手成功,一直保持连接,可以理解为长连接,这时服</div> </li> <li><a href="/article/1893013640957718528.htm" title="Java毕业设计——> Thymeleaf+SpringBoot+SpringDataJPA实现的中小医院信息管理系统" target="_blank">Java毕业设计——> Thymeleaf+SpringBoot+SpringDataJPA实现的中小医院信息管理系统</a> <span class="text-muted">Java天下第1</span> <a class="tag" taget="_blank" href="/search/Java%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1%EF%BC%88%E6%BA%90%E7%A0%81%E5%92%8C%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">Java毕业设计(源码和数据库</a><a class="tag" taget="_blank" href="/search/%E9%83%A8%E5%88%86%E6%9C%89lunwen%EF%BC%89/1.htm">部分有lunwen)</a><a class="tag" taget="_blank" href="/search/%E5%8C%BB%E9%99%A2%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9FSSM/1.htm">医院管理系统SSM</a><a class="tag" taget="_blank" href="/search/%E5%8C%BB%E9%99%A2%E4%BF%A1%E6%81%AF%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/1.htm">医院信息管理系统</a><a class="tag" taget="_blank" href="/search/%E8%8D%AF%E6%88%BF%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/1.htm">药房管理系统</a><a class="tag" taget="_blank" href="/search/SSM%E5%8C%BB%E9%99%A2/1.htm">SSM医院</a><a class="tag" taget="_blank" href="/search/%E5%8C%BB%E9%99%A2SSM/1.htm">医院SSM</a> <div>本系统是基于Thymeleaf+SpringBoot+SpringDataJPA实现的的中小医院信息管理系统。简单实现了挂号收费,门诊管理,划价收费,药房取药,体检管理,药房管理,系统维护等基础功能。难度等级:中等技术栈编辑器IntelliJIDEA2019.1.1(UltimateEdition)前端技术基础:html+css+JavaScript框架:Bootstrap+JQuery后端技术S</div> </li> <li><a href="/article/1892970238354452480.htm" title="Vite构建Typescript简易原生前端项目" target="_blank">Vite构建Typescript简易原生前端项目</a> <span class="text-muted">Alex程</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a> <div>目录一、Vite简介什么是Vite?核心特点二、环境准备安装Node.js和npm安装Vite,创建项目三、项目结构和配置项目结构tsconfig.json配置文件package.json配置文件vite.config.ts配置文件创建文件常用配置四、编写代码1.HTML基本的HTML格式常用标签常用属性HTML5高级用法示例2.CSS基础概念选择器布局模型示例3.TypeScript详细内容示例</div> </li> <li><a href="/article/1892966323793752064.htm" title="junit格式报告解析工具" target="_blank">junit格式报告解析工具</a> <span class="text-muted">东汉末年出bug</span> <a class="tag" taget="_blank" href="/search/junit/1.htm">junit</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a> <div>前言在测试过程中,使用unittest或者pytest等主流框架,都可以生成junit格式的测试报告。当然也可以生成html格式的报告。但是为了自定义自己的测试报告,我开发了一款web网页工具,使用该工具上传junit格式的xml报告,可以把报告中的数据以图表的形式展现出来。工具介绍该工具使用vue+ElementUI+Echarts开发,主要的流程是上传xml文件,然后根据报告,生成测试结果汇总</div> </li> <li><a href="/article/1892961405741625344.htm" title="junit 生成html报告,gradle – 如何为JUnit 5测试创建HTML报告?" target="_blank">junit 生成html报告,gradle – 如何为JUnit 5测试创建HTML报告?</a> <span class="text-muted">约翰福特</span> <a class="tag" taget="_blank" href="/search/junit/1.htm">junit</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%88%90html%E6%8A%A5%E5%91%8A/1.htm">生成html报告</a> <div>UPDATEGradle4.6提供了built-insupportfortheJUnitPlatform,它允许您使用标准的Gradle测试任务运行JUnitJupiter测试,该任务生成开箱即用的HTML报告.回答4.6之前的Gradle版本JUnitPlatformGradlePlugin生成JUnit4样式的XML测试报告.默认情况下,这些XML文件输出到build/test-results</div> </li> <li><a href="/article/1892926737516392448.htm" title="HTML 图像标签使用陷阱" target="_blank">HTML 图像标签使用陷阱</a> <span class="text-muted">神明木佑</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>新手在使用标签时常见的错误有:忘记设置alt属性:alt属性用于提供图像的替代文本信息,当图像无法显示时,浏览器会显示alt属性中的文本。如果忘记设置alt属性,用户在无法看到图像的情况下无法获取替代文本信息,降低了网站的可访问性。错误地设置图像大小:可以通过设置width和height属性来指定图像的显示大小,但是一些新手可能会错误地设置了不合适的大小值,导致图像在页面上显示过大或过小,从而破坏</div> </li> <li><a href="/article/103.htm" title="SAX解析xml文件" target="_blank">SAX解析xml文件</a> <span class="text-muted">小猪猪08</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>1.创建SAXParserFactory实例 2.通过SAXParserFactory对象获取SAXParser实例 3.创建一个类SAXParserHander继续DefaultHandler,并且实例化这个类 4.SAXParser实例的parse来获取文件     public static void main(String[] args) { //</div> </li> <li><a href="/article/230.htm" title="为什么mysql里的ibdata1文件不断的增长?" target="_blank">为什么mysql里的ibdata1文件不断的增长?</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/linux%E8%BF%90%E7%BB%B4/1.htm">linux运维</a><a class="tag" taget="_blank" href="/search/linux%E8%B5%84%E6%96%99/1.htm">linux资料</a><a class="tag" taget="_blank" href="/search/linux%E8%A7%86%E9%A2%91/1.htm">linux视频</a><a class="tag" taget="_blank" href="/search/linux%E8%BF%90%E7%BB%B4%E8%87%AA%E5%AD%A6/1.htm">linux运维自学</a> <div>我们在 Percona 支持栏目经常收到关于 MySQL 的 ibdata1 文件的这个问题。 当监控服务器发送一个关于 MySQL 服务器存储的报警时,恐慌就开始了 —— 就是说磁盘快要满了。 一番调查后你意识到大多数地盘空间被 InnoDB 的共享表空间 ibdata1 使用。而你已经启用了 innodbfileper_table,所以问题是: ibdata1存了什么? 当你启用了 i</div> </li> <li><a href="/article/357.htm" title="Quartz-quartz.properties配置" target="_blank">Quartz-quartz.properties配置</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a> <div>其实Quartz JAR文件的org.quartz包下就包含了一个quartz.properties属性配置文件并提供了默认设置。如果需要调整默认配置,可以在类路径下建立一个新的quartz.properties,它将自动被Quartz加载并覆盖默认的设置。   下面是这些默认值的解释 #-----集群的配置 org.quartz.scheduler.instanceName =</div> </li> <li><a href="/article/484.htm" title="informatica session的使用" target="_blank">informatica session的使用</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/workflow/1.htm">workflow</a><a class="tag" taget="_blank" href="/search/session/1.htm">session</a><a class="tag" taget="_blank" href="/search/log/1.htm">log</a><a class="tag" taget="_blank" href="/search/Informatica/1.htm">Informatica</a> <div>如果希望workflow存储最近20次的log,在session里的Config  Object设置,log  options做配置,save  session log :sessions  run  ;savesessio log for  these runs:20 session下面的source 里面有个tracing </div> </li> <li><a href="/article/611.htm" title="Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误" target="_blank">Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/scrapy/1.htm">scrapy</a> <div>Scrapy版本0.14.4 出现问题现象: ERROR: Error downloading <GET http://xxxxx  CRC check failed   解决方法   1.设置网络请求时的header中的属性'Accept-Encoding': '*;q=0'   明确表示不支持任何形式的压缩格式,避免程序的解压</div> </li> <li><a href="/article/738.htm" title="java Swing小集锦" target="_blank">java Swing小集锦</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/java+swing/1.htm">java swing</a> <div>1.关闭窗体弹出确认对话框   1.1   this.setDefaultCloseOperation (JFrame.DO_NOTHING_ON_CLOSE);   1.2   this.addWindowListener ( new WindowAdapter () { public void windo</div> </li> <li><a href="/article/865.htm" title="强制删除.svn文件夹" target="_blank">强制删除.svn文件夹</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>          在windows上,从别处复制的项目中可能带有.svn文件夹,手动删除太麻烦,并且每个文件夹下都有。所以写了个程序进行删除。因为.svn文件夹在windows上是只读的,所以用File中的delete()和deleteOnExist()方法都不能将其删除,所以只能采用windows命令方式进行删除</div> </li> <li><a href="/article/992.htm" title="GET和POST有什么区别?及为什么网上的多数答案都是错的。" target="_blank">GET和POST有什么区别?及为什么网上的多数答案都是错的。</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/get+post/1.htm">get post</a> <div>     如果有人问你,GET和POST,有什么区别?你会如何回答? 我的经历      前几天有人问我这个问题。我说GET是用于获取数据的,POST,一般用于将数据发给服务器之用。     这个答案好像并不是他想要的。于是他继续追问有没有别的区别?我说这就是个名字而已,如果服务器支持,他完全可以把G</div> </li> <li><a href="/article/1119.htm" title="谈谈新浪微博背后的那些算法" target="_blank">谈谈新浪微博背后的那些算法</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E8%B0%88%E8%B0%88%E6%96%B0%E6%B5%AA%E5%BE%AE%E5%8D%9A%E8%83%8C%E5%90%8E%E7%9A%84%E9%82%A3%E4%BA%9B%E7%AE%97%E6%B3%95/1.htm">谈谈新浪微博背后的那些算法</a> <div>本文对微博中常见的问题的对应算法进行了简单的介绍,在实际应用中的算法比介绍的要复杂的多。当然,本文覆盖的主题并不全,比如好友推荐、热点跟踪等就没有涉及到。但古人云“窥一斑而见全豹”,希望本文的介绍能帮助大家更好的理解微博这样的社交网络应用。 微博是一个很多人都在用的社交应用。天天刷微博的人每天都会进行着这样几个操作:原创、转发、回复、阅读、关注、@等。其中,前四个是针对短博文,最后的关注和@则针</div> </li> <li><a href="/article/1246.htm" title="Connection reset 连接被重置的解决方法" target="_blank">Connection reset 连接被重置的解决方法</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E6%B5%81/1.htm">字符流</a><a class="tag" taget="_blank" href="/search/%E8%BF%9E%E6%8E%A5%E8%A2%AB%E9%87%8D%E7%BD%AE/1.htm">连接被重置</a> <div>流是java的核心部分,,昨天在做android服务器连接服务器的时候出了问题,就将代码放到java中执行,结果还是一样连接被重置   被重置的代码如下;   客户端代码; package 通信软件服务器; import java.io.BufferedWriter; import java.io.OutputStream; import java.io.O</div> </li> <li><a href="/article/1373.htm" title="web.xml配置详解之filter" target="_blank">web.xml配置详解之filter</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/filter/1.htm">filter</a> <div>一.定义 <filter> <filter-name>encodingfilter</filter-name> <filter-class>com.my.app.EncodingFilter</filter-class> <init-param> <param-name>encoding<</div> </li> <li><a href="/article/1500.htm" title="Heritrix" target="_blank">Heritrix</a> <span class="text-muted">Bill_chen</span> <a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%88%B6%E9%80%A0/1.htm">制造</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a> <div>作为纯Java语言开发的、功能强大的网络爬虫Heritrix,其功能极其强大,且扩展性良好,深受热爱搜索技术的盆友们的喜爱,但它配置较为复杂,且源码不好理解,最近又使劲看了下,结合自己的学习和理解,跟大家分享Heritrix的点点滴滴。 Heritrix的下载(http://sourceforge.net/projects/archive-crawler/)安装、配置,就不罗嗦了,可以自己找找资</div> </li> <li><a href="/article/1627.htm" title="【Zookeeper】FAQ" target="_blank">【Zookeeper】FAQ</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>1.脱离IDE,运行简单的Java客户端程序 #ZkClient是简单的Zookeeper~$ java -cp "./:zookeeper-3.4.6.jar:./lib/*" ZKClient    1. Zookeeper是的Watcher回调是同步操作,需要添加异步处理的代码 2. 如果Zookeeper集群跨越多个机房,那么Leader/</div> </li> <li><a href="/article/1754.htm" title="The user specified as a definer ('aaa'@'localhost') does not exist" target="_blank">The user specified as a definer ('aaa'@'localhost') does not exist</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/localhost/1.htm">localhost</a> <div>今天遇到一个客户BUG,当前的jdbc连接用户是root,然后部分删除操作都会报下面这个错误:The user specified as a definer ('aaa'@'localhost') does not exist 最后找原因发现删除操作做了触发器,而触发器里面有这样一句 /*!50017 DEFINER = ''aaa@'localhost' */  原来最初</div> </li> <li><a href="/article/1881.htm" title="javascript中showModelDialog刷新父页面" target="_blank">javascript中showModelDialog刷新父页面</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%88%B7%E6%96%B0%E7%88%B6%E9%A1%B5%E9%9D%A2/1.htm">刷新父页面</a><a class="tag" taget="_blank" href="/search/showModalDialog/1.htm">showModalDialog</a> <div>在页面中使用showModalDialog打开模式子页面窗口的时候,如果想在子页面中操作父页面中的某个节点,可以通过如下的进行:       window.showModalDialog('url',self,‘status...’); // 首先中间参数使用self       在子页面使用w</div> </li> <li><a href="/article/2008.htm" title="编程之美-买书折扣" target="_blank">编程之美-买书折扣</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> import java.util.Arrays; public class BookDiscount { /**编程之美 买书折扣 书上的贪心算法的分析很有意思,我看了半天看不懂,结果作者说,贪心算法在这个问题上是不适用的。。 下面用动态规划实现。 哈利波特这本书一共有五卷,每卷都是8欧元,如果读者一次购买不同的两卷可扣除5%的折扣,三卷10%,四卷20%,五卷</div> </li> <li><a href="/article/2135.htm" title="关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要" target="_blank">关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a><a class="tag" taget="_blank" href="/search/WEB%E5%AE%89%E5%85%A8/1.htm">WEB安全</a> <div>因为近期负责的几个银行系统软件,需要交付客户,因此客户专门请了安全公司对系统进行了安全评测,结果发现了诸如跨站执行脚本,远程执行漏洞以及弱口令等问题。 下面记录下本次解决的过程以便后续 1、首先从最简单的开始处理,服务器的弱口令问题,首先根据安全工具提供的测试描述中发现应用服务器中存在一个匿名用户,默认是不需要密码的,经过分析发现服务器使用了FTP协议, 而使用ftp协议默认会产生一个匿名用</div> </li> <li><a href="/article/2262.htm" title="[电力与暖气]煤炭燃烧与电力加温" target="_blank">[电力与暖气]煤炭燃烧与电力加温</a> <span class="text-muted">comsci</span> <div>       在宇宙中,用贝塔射线观测地球某个部分,看上去,好像一个个马蜂窝,又像珊瑚礁一样,原来是某个国家的采煤区.....       不过,这个采煤区的煤炭看来是要用完了.....那么依赖将起燃烧并取暖的城市,在极度严寒的季节中...该怎么办呢?   &nbs</div> </li> <li><a href="/article/2389.htm" title="oracle O7_DICTIONARY_ACCESSIBILITY参数" target="_blank">oracle O7_DICTIONARY_ACCESSIBILITY参数</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>O7_DICTIONARY_ACCESSIBILITY参数控制对数据字典的访问.设置为true,如果用户被授予了如select any table等any table权限,用户即使不是dba或sysdba用户也可以访问数据字典.在9i及以上版本默认为false,8i及以前版本默认为true.如果设置为true就可能会带来安全上的一些问题.这也就为什么O7_DICTIONARY_ACCESSIBIL</div> </li> <li><a href="/article/2516.htm" title="比较全面的MySQL优化参考" target="_blank">比较全面的MySQL优化参考</a> <span class="text-muted">dengkane</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>本文整理了一些MySQL的通用优化方法,做个简单的总结分享,旨在帮助那些没有专职MySQL DBA的企业做好基本的优化工作,至于具体的SQL优化,大部分通过加适当的索引即可达到效果,更复杂的就需要具体分析了,可以参考本站的一些优化案例或者联系我,下方有我的联系方式。这是上篇。   1、硬件层相关优化   1.1、CPU相关   在服务器的BIOS设置中,可</div> </li> <li><a href="/article/2643.htm" title="C语言homework2,有一个逆序打印数字的小算法" target="_blank">C语言homework2,有一个逆序打印数字的小算法</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div>#h1#   0、完成课堂例子 1、将一个四位数逆序打印 1234 ==> 4321 实现方法一: # include <stdio.h> int main(void) { int i = 1234; int one = i%10; int two = i / 10 % 10; int three = i / 100 % 10; </div> </li> <li><a href="/article/2770.htm" title="apacheBench对网站进行压力测试" target="_blank">apacheBench对网站进行压力测试</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/apachebench/1.htm">apachebench</a> <div>   ab 的全称是 ApacheBench , 是 Apache 附带的一个小工具 , 专门用于 HTTP Server 的 benchmark testing , 可以同时模拟多个并发请求。前段时间看到公司的开发人员也在用它作一些测试,看起来也不错,很简单,也很容易使用,所以今天花一点时间看了一下。 通过下面的一个简单的例子和注释,相信大家可以更容易理解这个工具的使用。 </div> </li> <li><a href="/article/2897.htm" title="2种办法让HashMap线程安全" target="_blank">2种办法让HashMap线程安全</a> <span class="text-muted">flyfoxs</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/jni/1.htm">jni</a> <div>多线程之--2种办法让HashMap线程安全 多线程之--synchronized 和reentrantlock的优缺点 多线程之--2种JAVA乐观锁的比较( NonfairSync VS. FairSync)     HashMap不是线程安全的,往往在写程序时需要通过一些方法来回避.其实JDK原生的提供了2种方法让HashMap支持线程安全.   </div> </li> <li><a href="/article/3024.htm" title="Spring Security(04)——认证简介" target="_blank">Spring Security(04)——认证简介</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/%E8%AE%A4%E8%AF%81/1.htm">认证</a><a class="tag" taget="_blank" href="/search/%E8%BF%87%E7%A8%8B/1.htm">过程</a> <div>认证简介 目录 1.1     认证过程 1.2     Web应用的认证过程 1.2.1    ExceptionTranslationFilter 1.2.2    在request之间共享SecurityContext   1</div> </li> <li><a href="/article/3151.htm" title="Java 位运算" target="_blank">Java 位运算</a> <span class="text-muted">Javahuhui</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a> <div>// 左移( << ) 低位补0 // 0000 0000 0000 0000 0000 0000 0000 0110 然后左移2位后,低位补0: // 0000 0000 0000 0000 0000 0000 0001 1000 System.out.println(6 << 2);// 运行结果是24 // 右移( >> ) 高位补"</div> </li> <li><a href="/article/3278.htm" title="mysql免安装版配置" target="_blank">mysql免安装版配置</a> <span class="text-muted">ldzyz007</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>1、my-small.ini是为了小型数据库而设计的。不应该把这个模型用于含有一些常用项目的数据库。 2、my-medium.ini是为中等规模的数据库而设计的。如果你正在企业中使用RHEL,可能会比这个操作系统的最小RAM需求(256MB)明显多得多的物理内存。由此可见,如果有那么多RAM内存可以使用,自然可以在同一台机器上运行其它服务。 3、my-large.ini是为专用于一个SQL数据</div> </li> <li><a href="/article/3405.htm" title="MFC和ado数据库使用时遇到的问题" target="_blank">MFC和ado数据库使用时遇到的问题</a> <span class="text-muted">你不认识的休道人</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/mfc/1.htm">mfc</a> <div>=================================================================== 第一个 =================================================================== try{ CString sql; sql.Format("select * from p</div> </li> <li><a href="/article/3532.htm" title="表单重复提交Double Submits" target="_blank">表单重复提交Double Submits</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/double/1.htm">double</a> <div>可能发生的场景: *多次点击提交按钮 *刷新页面 *点击浏览器回退按钮 *直接访问收藏夹中的地址 *重复发送HTTP请求(Ajax) (1)点击按钮后disable该按钮一会儿,这样能避免急躁的用户频繁点击按钮。 这种方法确实有些粗暴,友好一点的可以把按钮的文字变一下做个提示,比如Bootstrap的做法: http://getbootstrap.co</div> </li> <li><a href="/article/3659.htm" title="Java String 十大常见问题" target="_blank">Java String 十大常见问题</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a> <div> 1.字符串比较,使用“==”还是equals()?   "=="判断两个引用的是不是同一个内存地址(同一个物理对象)。   equals()判断两个字符串的值是否相等。   除非你想判断两个string引用是否同一个对象,否则应该总是使用equals()方法。   如果你了解字符串的驻留(String Interning)则会更好地理解这个问题。    </div> </li> <li><a href="/article/3786.htm" title="SpringMVC 登陆拦截器实现登陆控制" target="_blank">SpringMVC 登陆拦截器实现登陆控制</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div>思路,先登陆后,将登陆信息存储在session中,然后通过拦截器,对系统中的页面和资源进行访问拦截,同时对于登陆本身相关的页面和资源不拦截。   实现方法: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 </div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>