ChanCherry、

HTML基础标签用法

最近，特殊时期不能去学校，在家上网课看视频自学，做点笔记，防止学了就忘(●’◡’●)。

HTML基本格式

HTML文档的基本格式主要包含：

文档类型声明，
用于向浏览器说明文档使用哪种（HTML或XHTML）标准规范。
根标记，
HTML5中标记都是成对出现的，标志着HTML文档的开始，标志着HTML文档的结束。
头部标记，
紧跟在后面，用于封装位于其他文档头部的标记，

（1）</code>标题，显示在浏览器的标题栏中<br> （2）<code><meta></code>提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。</p> <table> <thead> <tr> <th>属性</th> <th>值</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td>content（必需）</td> <td>some_text</td> <td>定义与 http-equiv 或 name 属性相关的元信息</td> </tr> <tr> <td>http-eqiuv（可选）</td> <td>content-type<br>expires<br>refresh<br>set-cookie</td> <td>把content属性关联到http头部<br>当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。</td> </tr> <tr> <td>name（可选）</td> <td>author<br>description<br>keywords<br>generator<br>revised<br>others</td> <td>把content关联到一个名称。例如，“keywords” 是一个经常被用到的名称，它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。<br>类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助：<br><code><meta name="keywords" content="HTML,ASP,PHP,SQL"></code></td> </tr> <tr> <td>scheme（可选）</td> <td>some_text</td> <td>定义用于翻译 content 属性值的格式</td> </tr> </tbody> </table> <p><strong>例子</strong>：</p> <pre><code class="prism language-css"> <meta http-equiv=<span class="token string">"Content-Type"</span> content=<span class="token string">"text/html; charset=utf-8"</span> />  <meta http-equiv=<span class="token string">"refresh"</span> content=<span class="token string">"10；url=http://www.itcast.cn"</span>/> </code></pre> <p>（3）<code><link></code>链接一个外部样式表，即引用外部文件：</p> <pre><code class="prism language-css"><head> <link rel=<span class="token string">"stylesheet"</span> type=<span class="token string">"text/css"</span> href=<span class="token string">"theme.css"</span> /> </head> </code></pre> <p>常用属性如下表：</p> <table> <thead> <tr> <th>属性名</th> <th>常用属性值</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>href</td> <td>URL</td> <td>指定引用外部文档的地址</td> </tr> <tr> <td>rel</td> <td>stylesheet</td> <td>指定当前文档与引用外部文档的关系，<br>该属性值通常为stylesheet，表示定义一个外部样式表</td> </tr> <tr> <td>type</td> <td>text/css <hr>text/javascript</td> <td>引用外部文档的类型为CSS样式表 <hr>引用外部文档的类型为javascript脚本</td> </tr> </tbody> </table> <p>（4）<code><style></code>用于为 HTML 文档定义样式信息。<br> 在 style 中，可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的，定义 style 元素的内容，唯一可能的值是 “text/css”。</p> <pre><code class="prism language-css"><span class="token selector"><style type="text/css"> h1</span> <span class="token punctuation">{</span><span class="token property">color</span><span class="token punctuation">:</span>red<span class="token punctuation">}</span> <span class="token selector">p</span> <span class="token punctuation">{</span><span class="token property">color</span><span class="token punctuation">:</span>blue<span class="token punctuation">}</span> </style> </code></pre> <ul> <li><code><body></code>主体标记，用于定义HTML文档要显示的内容。<br> 浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<code><body></code>标记内，<code><body></code>标记中的信息才是最终展示给用户看的。<br> 一个HTML文档只能含有一对<code><body></code>标记，且<code><body></code>标记必须在<code><html></code>记内，位于<code><head></code>头部标记之后，与<code><head></code>标记是并列关系。</li> </ul> <h1>基础语法：</h1> <p>1、HTML5中标签<strong>不区分大小写</strong>。<br> 2、允许属性值不使用引号“ ”。<br> 3、双标记，<code><html></html></code>；单标记，<code><html /></code><br> 4、注释：<code></code><br> 5、div标签的属性<code>class</code> VS <code>id</code><br> class(类)，在样式中用点号.来命名，在同一个html网页页面可以无数次的调用相同的class类，如<code>.css5{属性:属性值;}</code>；<br> id表示标签的身份，在样式中用#来命名，如<code>#css5{属性:属性值;}</code>。</p> <h1>文本控制标记</h1> <h3>1、标题和段落</h3> <ul> <li>标题：HTML提供了6个等级的标题，即<code><h1></code>、<code><h2></code>、<code><h3></code>、<code><h4></code>、<code><h5></code>和<code><h6></code>，从<code><h1></code>到<code><h6></code>重要性递减。其基本语法格式如下：</li> </ul> <pre><code class="prism language-css"><hn align="对齐方式“>标题文本</hn> </code></pre> <ul> <li>段落：<code><p></code></li> <li>分隔线：<code><hr /></code></li> <li>换行：<code><br /></code></li> </ul> <h3>2、文本格式化标记</h3> <p>字体变化：<code><font></code>有以下几种属性：<br> （1）字体大小<code><font size=#>...….</font></code>，#=1-7；数字越大字越大；<br> （2）指定字形<code><font face="字形名称”>..…</font></code><br> （3）文字颜色<code><font color=#rrggbb>.....…</font></code>，其中rr：表示红色；gg：表示绿色；bb：表示蓝色（bb、rr、gg均表示色码）。color值有三种，直接颜色的英文名（比如 “red”）；十六进制值的文本颜色（比如 “#ff0000”）；rgb 代码的文本颜色（比如 “rgb(255,0,0)”）。</p> <table> <thead> <tr> <th>标记</th> <th>显示效果</th> </tr> </thead> <tbody> <tr> <td><code><b></b></code>和<code><strong></strong></code></td> <td>文字以粗体方式显示（b定义文本粗体，strong定义强调文本。）</td> </tr> <tr> <td><code><i></i></code>和<code><em></em></code></td> <td>文字以斜体方式显示（i定义斜体字，em定义强调文本。）</td> </tr> <tr> <td><code><s></s></code>和<code><del></del></code></td> <td>文字以加删除线方式显示（HTML5不赞成使用s）</td> </tr> <tr> <td><code><u></u></code>和<code><ins></ins></code></td> <td>文字以加下划线方式显示（HTML5不赞成使用u）</td> </tr> <tr> <td><code><small></small></code>和<code><big></big></code></td> <td>小字体和大字体（貌似不常用）</td> </tr> <tr> <td><code><tt></tt></code></td> <td>打字机字体</td> </tr> <tr> <td><code><u></u></code></td> <td>底线</td> </tr> <tr> <td><code><strike></strike></code></td> <td>删除线</td> </tr> <tr> <td><code><sub></sub></code></td> <td>下标字</td> </tr> <tr> <td><code><sup></sup></code></td> <td>上标字</td> </tr> </tbody> </table> <h3>3、特殊字符标记</h3> <p><a href="http://img.e-com-net.com/image/info8/2a88220b662049469f02c078dcb1f73e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/2a88220b662049469f02c078dcb1f73e.jpg" alt="HTML基础标签用法_第1张图片" width="559" height="273" style="border:1px solid black;"></a></p> <h3>4、区段标记</h3> <p><code><section></code> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。</p> <p><code><span></code> 标签被用来组合文档中的行内元素。</p> <h1>图像标记</h1> <pre><code class="prism language-css"><img src=<span class="token string">"图像路径"</span> /> </code></pre> <p>一些比较简单的属性嘛，不会再百度吧，不写了。。。</p> <ul> <li>下面列举一些作网页时遇到的特殊属性：</li> </ul> <h3>设置背景图自适应屏幕大小代码：</h3> <pre><code class="prism language-css"><span class="token selector"><STYLE TYPE="text/css"> BODY</span> <span class="token punctuation">{</span> <span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url">URL(../../ui/loading/loading_page.png)</span><span class="token punctuation">;</span> <span class="token property">background-position</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span> <span class="token comment">/*背景图的起始位置*/</span> <span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span> <span class="token comment">/*设置背景图的平铺模式，不允许平铺*/</span> <span class="token property">background-attachment</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span> <span class="token comment">/*确保在Firefox 和 Opera中正常显示*/</span> <span class="token punctuation">}</span> </STYLE> </code></pre> <h3>position属性（定位）</h3> <table> <thead> <tr> <th>值</th> <th>属性</th> </tr> </thead> <tbody> <tr> <td>absolute</td> <td>绝对定位，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。不会随着窗口大小变化，只是固定在一个特定的坐标轴上面。</td> </tr> <tr> <td>fixed</td> <td>绝对定位，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。</td> </tr> <tr> <td>relative</td> <td>相对定位，相对于其正常位置进行定位。因此，“left:20” 会向元素的 LEFT 位置添加 20 像素。可以随窗口大小变化。但大小仍然不会变。设置成<code>width:100%;height:100%;</code>就会随着窗口变大变小。</td> </tr> <tr> <td>static</td> <td>默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。</td> </tr> <tr> <td>inherit</td> <td>规定应该从父元素继承 position 属性的值。</td> </tr> </tbody> </table> <h3>z-index属性</h3> <p>设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。z-index 仅能在定位元素上奏效（例如 position:absolute;）！<br> 该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。<strong>如果为正数，则离用户更近，为负数则表示离用户更远。</strong></p> <h1>超链接标记</h1> <h3>1、创建超链接</h3> <p><code><a></a></code>具体语法如下：</p> <pre><code class="prism language-css"><a href=<span class="token string">"跳转目标url"</span> target=<span class="token string">"目标窗口的弹出方式"</span>>文本或图像</a> </code></pre> <p>target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，意为在原窗口中打开，_blank为在新窗年打开。</p> <h3>2、锚点链接</h3> <p>如果网页内容较多，页面过长，浏览网页时就需要不断地拖动滚动条，来查看所需要的内容，这样效率较低且不方便。为了提高信息的检索速度，HTML语言提供了一种特殊的链接一一锚点链接，通过创建锚点链接，用户能够快速定位到目标内容。<br> <code><a></code>标签本身就用于链接跳转，通过将其href属性设置为页面中想要跳转到的元素的id值，就可以实现一个锚点链接。</p> <pre><code class="prism language-css">// 锚点 <a href=<span class="token string">"#section1"</span>>section1</a> // 想要跳转到的元素 <div id=<span class="token string">"section1"</span> class=<span class="token string">"section1"</span>>section1</div> </code></pre> <h3>3、导航链接</h3> <pre><code class="prism language-css"><nav>导航链接</nav> </code></pre> <p><code><nav></code>用来将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。比如博客首页的各个菜单栏。</p> <p>如果文档中有“前后”按钮，则应该把它放到 <code><nav></code> 元素中。感觉类似同一个页面中的超链接。。。</p> <h1>播放音频</h1> <p><code><audio></code> 标签定义声音，比如音乐或其他音频流，HTML5 中的新属性。</p> <table> <thead> <tr> <th>属性</th> <th>值</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>autoplay</td> <td>autoplay</td> <td>音频在就绪后马上播放</td> </tr> <tr> <td>controls</td> <td>controls</td> <td>向用户显示控件，比如播放按钮。</td> </tr> <tr> <td>loop</td> <td>loop</td> <td>循环播放</td> </tr> <tr> <td>muted</td> <td>muted</td> <td>规定视频输出应该被静音</td> </tr> <tr> <td>preload</td> <td>preload</td> <td>音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。</td> </tr> <tr> <td>src</td> <td>url</td> <td>音频的url</td> </tr> </tbody> </table> <h1>列表</h1> <h2>有序列表</h2> <p><code><li></li></code>标签</p> <p>在li中有多个a标签，想要鼠标移上去后li背景颜色改变且里面所有的a标签字体颜色也改变，代码如下：</p> <pre><code class="prism language-css"><ul> <li> <a href=<span class="token string">"#"</span>>炸鸡</a> <a href=<span class="token string">"#"</span>>汉堡</a> <a href=<span class="token string">"#"</span>>薯条</a> </li> </ul> </code></pre> <pre><code class="prism language-css"> <span class="token selector">ul li:hover</span><span class="token punctuation">{</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #ffeee5<span class="token punctuation">;</span> <span class="token comment">/*改变li的背景颜色*/</span> <span class="token property">color</span><span class="token punctuation">:</span> #ffa000<span class="token punctuation">;</span> <span class="token comment">/*改变字体颜色*/</span> <span class="token punctuation">}</span> </code></pre> <h2>无序列表</h2> <p><code><ul></ul></code>标签</p> <h2>表格</h2> <p><code><table></code> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。</p> <pre><code class="prism language-css"><table border=<span class="token string">"1"</span>> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> </code></pre> <p>注：td只能设置背景色，不能设置表格中字体颜色。</p> <h1><code><main></code>标记</h1> <p><code><main></code> 标签规定文档的主要内容。<code><main></code> 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单。</p> <p>注：在一个文档中，不能出现一个以上的 <code><main></code> 元素。<code><main></code> 元素不能是以下元素的后代：<code><article></code>、<code><aside></code>、<code><footer></code>、<code><header></code> 或 <code><nav></code>。</p> <hr> <p>基础标签知识暂时先学到这里了，后续遇到新的标签再补更吧(●’◡’●)</p> <p>放上可以自学更多HTML标签和其他知识的网站：<br> https://www.w3school.com.cn/h.asp</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1297752409128378368"></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">  <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>  <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>  <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/1899346470969077760.htm" title="ES6解构赋值详解" target="_blank">ES6解构赋值详解</a> <span class="text-muted">漫天转悠</span> <a class="tag" taget="_blank" href="/search/ES6/1.htm">ES6</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>ES6解构赋值详解ES6解构赋值是JavaScript语言的一项强大特性，它允许从数组或对象中提取数据，并将其赋值给变量。这一特性不仅简化了代码，提高了可读性，还增强了代码的灵活性。本文将详细介绍ES6解构赋值的基本概念、语法、应用场景以及一些高级用法。1.基本概念解构赋值是对赋值运算符的扩展。它允许按照一定的模式，从数组或对象中提取值，并赋值给变量。这种语法使得从复杂数据结构中提取数据变得更加简</div> </li> <li><a href="/article/1899337646648389632.htm" title="ES6 解构详解" target="_blank">ES6 解构详解</a> <span class="text-muted">yqcoder</span> <a class="tag" taget="_blank" href="/search/es6/1.htm">es6</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>一、数组解构1.基本用法可以按照数组元素的顺序将数组中的值提取到变量中。constarr=[1,2,3];const[a,b,c]=arr;console.log(a);//1console.log(b);//2console.log(c);//32.忽略某些元素如果不想提取数组中的某些元素，可以使用逗号占位。const[x,,z]=[1,2,3];console.log(x);//1consol</div> </li> <li><a href="/article/1899336890570567680.htm" title="机器学习实战——音乐流派分类（主页有源码）" target="_blank">机器学习实战——音乐流派分类（主页有源码）</a> <span class="text-muted">喵了个AI</span> <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%AE%9E%E6%88%98/1.htm">机器学习实战</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%B1%BB/1.htm">分类</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>✨个人主页欢迎您的访问✨期待您的三连✨✨个人主页欢迎您的访问✨期待您的三连✨✨个人主页欢迎您的访问✨期待您的三连✨1.简介音乐流派分类是音乐信息检索（MusicInformationRetrieval,MIR）中的一个重要任务，旨在通过分析音频信号的特征，将音乐自动分类到不同的流派（如古典、摇滚、爵士、流行等）。随着数字音乐平台的普及，音乐流派分类技术被广泛应用于音乐推荐、自动标签生成和音乐库管理</div> </li> <li><a href="/article/1899331468941914112.htm" title="【WPF】Slider滑动方法（INotifyPropertyChanged、ValueChanged ）响应速度对比分析" target="_blank">【WPF】Slider滑动方法（INotifyPropertyChanged、ValueChanged ）响应速度对比分析</a> <span class="text-muted">wangnaisheng</span> <a class="tag" taget="_blank" href="/search/WPF/1.htm">WPF</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/wpf/1.htm">wpf</a> <div>一、Slider基础用法在XAML中添加一个Slider控件，并设置其基本属性：Maximum="100"Value="50"Width="200"Height="30"HorizontalAlignment="Left"VerticalAlignment="Top"TickFrequency="10"TickPlacement="BottomRight"IsSnapToTickEnabled="</div> </li> <li><a href="/article/1899314696805216256.htm" title="XML文件解析" target="_blank">XML文件解析</a> <span class="text-muted">跪在镜子前喊帅</span> <a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>文章目录前言1、XML解析1.1、SAX1.2、DOM1.3、XPath前言xml文档里包含的是xml的元素，指的是从开始标签直到结束标签的部分，元素里可以包含其他元素，元素也可以拥有其他属性，比如：yang251212students，student，name，age，stuNo等这些都叫元素标签也可以叫元素节点和元素对象。id是某个元素的节点的属性，叫属性节点和属性对象。yang，25，121</div> </li> <li><a href="/article/1899302603251052544.htm" title="程序员必看！DeepSeek隐藏用法大揭秘：从代码优化到多模态开发，这些技巧让你少熬三夜班" target="_blank">程序员必看！DeepSeek隐藏用法大揭秘：从代码优化到多模态开发，这些技巧让你少熬三夜班</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>最近在程序员圈子里，有个同事老张的故事特别火。他原本每周要花20小时写接口文档，自从用上DeepSeek的代码补全功能，现在喝着咖啡看AI自动生成Swagger注释——这让我想起刚入行时，为了调通一个正则表达式熬夜到凌晨三点的自己。今天咱们不聊那些官方说明书，就说点真正能让键盘冒火星的实战技巧。藏在代码补全里的"作弊码"很多人以为DeepSeek就是个加强版搜索引擎，其实它对代码的理解远超想象。比</div> </li> <li><a href="/article/1899300951689326592.htm" title="Linux egrep 命令使用详解" target="_blank">Linux egrep 命令使用详解</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>简介egrep（扩展GREP）命令是grep的一个变体，支持扩展正则表达式。它在功能上等同于grep-E。基础语法egrep[OPTIONS]PATTERN[FILE...]或grep-E[OPTIONS]PATTERN[FILE...]示例用法在文件中查找包含“error”的所有行egrep"error"logfile.txt大小写不敏感搜索egrep-i"error"logfile.txt使用</div> </li> <li><a href="/article/1899300697472561152.htm" title="23.Harmonyos Next仿uv-ui 组件NumberBox 步进器组件基础用法" target="_blank">23.Harmonyos Next仿uv-ui 组件NumberBox 步进器组件基础用法</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/harmonyos-next/1.htm">harmonyos-next</a> <div>温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！1.组件介绍NumberBox步进器是HarmonyOSNEXT中一个实用的数字输入交互组件，它允许用户通过点击按钮或直接输入来增加或减少数值。本文将详细介绍NumberBox步进器组件的基础用法，帮助开发者快速上手使用这一组件。2.效果展示3.基础用法3.1引</div> </li> <li><a href="/article/1899294135211323392.htm" title="内容中台的核心架构是什么？" target="_blank">内容中台的核心架构是什么？</a> <span class="text-muted">清风徐徐de来</span> <a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a> <div>模块化架构设计解析内容中台的模块化架构通过分层解耦实现灵活扩展，其核心由基础资源层、能力服务层与业务应用层构成。基础层以统一数据治理体系为支撑，通过标准化接口实现结构化与非结构化数据的统一存储，例如Baklib采用分布式存储架构保障数据安全性与访问效率。服务层整合智能分发引擎与API协同策略，支持动态编排内容处理流程，如自动标签生成与多版本管理。应用层通过可配置化组件对接多终端场景，确保知识库构建</div> </li> <li><a href="/article/1899292244263890944.htm" title="QT之QComboBox详细介绍" target="_blank">QT之QComboBox详细介绍</a> <span class="text-muted">小小怪同学の</span> <a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>此篇文章来源于自己在使用QComboBox类的时候相对其重写而总结的其成员函数知识点，本人能力有限，欢迎大家评论区评论，共同学习一、QComboBox介绍QComboBox是QtGUI库中的一个核心组件，它是一个复合型图形用户界面控件，常用于提供一种紧凑的方式来展示可选项列表。QComboBox通常表现为一个下拉列表框，包含一个文本标签区域和一个下拉箭头按钮，点击箭头时会显示出可供选择的项目列表。</div> </li> <li><a href="/article/1899286070034493440.htm" title="Python通过YOLO格式TXT标签文件在图像中画框" target="_blank">Python通过YOLO格式TXT标签文件在图像中画框</a> <span class="text-muted">CHERISH_KDX</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>使用场景检测数据集标注是否有误：在目标检测算法中需要标注自己的数据集，为了更加方便的检查数据集标注是否有误，可以使用该工具将标注结果绘制在图像中并查看。美化识别结果中的检测框：在一些目标检测场景中，YOLO检测算法原始的检测框绘制会导致重叠、颜色冲突、字体过大等问题。可以使用该工具进行修改。代码importosimportcv2classcheck_label:def__init__(self,c</div> </li> <li><a href="/article/1899268163011407872.htm" title="mongodb自动分片" target="_blank">mongodb自动分片</a> <span class="text-muted">Tgor</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>mongodb自动分片标签（空格分隔）：Mongodb操作步骤1、config配置库启动：mongodb--dbpath=D:\Data\dbs\shard\config--port22222、mongos指定config库启动：mongos--port3333--configdb=morton:22223、mongod分片库1启动：mongod--dbpath=D:\Data\dbs\shard</div> </li> <li><a href="/article/1899243327920861184.htm" title="Git 的详细介绍及用法" target="_blank">Git 的详细介绍及用法</a> <span class="text-muted">xluo1715</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E7%A8%8B%E5%8C%96/1.htm">工程化</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E7%AE%A1%E7%90%86/1.htm">代码管理</a><a class="tag" taget="_blank" href="/search/gitlab/1.htm">gitlab</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>一、Git的优点分布式版本控制每个开发者都拥有完整的仓库副本，无需依赖中央服务器（如SVN）。支持离线操作（提交、查看历史、创建分支等）。高效的分支管理创建和切换分支速度快（几乎是瞬间完成）。适合多人协作开发，支持多种工作流（如GitFlow、GitHubFlow）。强大的撤销和恢复能力可以回退到任意历史版本，避免代码丢失。提供gitreset、gitrevert、gitstash等撤销工具。数据</div> </li> <li><a href="/article/1899240928032387072.htm" title="YOLOv8制作自己的实例分割数据集保姆级教程（包含json转txt）" target="_blank">YOLOv8制作自己的实例分割数据集保姆级教程（包含json转txt）</a> <span class="text-muted">Sir小珂</span> <a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>1.数据准备首先对原始数据集进行整理，将标注好的图像和标签分别放在两个文件夹中，同时额外新建两个文件夹，用于存放转换完的标签与划分后的数据集。1.1将json格式文件转换为txt格式新建json2txt.py文件，将代码中的文件路径修改为自己的路径。❗❗❗代码中第43行的classes中存放的是自己数据集的分类标签，记得修改成自己的。importjsonimportosfromtqdmimport</div> </li> <li><a href="/article/1899236139810746368.htm" title="【SVN】svn info用法总结" target="_blank">【SVN】svn info用法总结</a> <span class="text-muted">飞翔的鲲</span> <a class="tag" taget="_blank" href="/search/%E3%80%90%E5%AE%9E%E7%94%A8%E5%B7%A5%E5%85%B7%E4%B8%93%E6%A0%8F%E3%80%91/1.htm">【实用工具专栏】</a><a class="tag" taget="_blank" href="/search/svn/1.htm">svn</a><a class="tag" taget="_blank" href="/search/svn/1.htm">svn</a><a class="tag" taget="_blank" href="/search/info/1.htm">info</a><a class="tag" taget="_blank" href="/search/BASE/1.htm">BASE</a><a class="tag" taget="_blank" href="/search/HEAD/1.htm">HEAD</a> <div>###Date：2018-1-21===============================================================================</div> </li> <li><a href="/article/1899232103619424256.htm" title="svn 的详细介绍及用法" target="_blank">svn 的详细介绍及用法</a> <span class="text-muted">xluo1715</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E7%A8%8B%E5%8C%96/1.htm">工程化</a><a class="tag" taget="_blank" href="/search/svn/1.htm">svn</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E7%AE%A1%E7%90%86/1.htm">代码管理</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E4%B9%8C%E9%BE%9F%E5%B7%A5%E5%85%B7/1.htm">小乌龟工具</a> <div>一、SVN的优缺点优点集中式管理所有代码和历史记录存储在中央服务器，权限控制严格，适合企业级项目管理。简单直观：用户只需要关注当前工作目录，无需处理复杂的本地仓库。目录版本控制支持对文件和目录的版本管理（包括重命名、移动等操作）。可以单独对目录进行版本控制。原子性提交提交操作要么完全成功，要么完全失败，避免部分提交导致的代码不一致。适合二进制文件对二进制文件（如图片、视频）的版本管理支持较好（Gi</div> </li> <li><a href="/article/1899230213062062080.htm" title="QT元对象系统的用法技巧" target="_blank">QT元对象系统的用法技巧</a> <span class="text-muted">码农飞飞</span> <a class="tag" taget="_blank" href="/search/QT%2BQML/1.htm">QT+QML</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E5%85%83%E5%AF%B9%E8%B1%A1/1.htm">元对象</a><a class="tag" taget="_blank" href="/search/%E5%B1%9E%E6%80%A7%E7%B3%BB%E7%BB%9F/1.htm">属性系统</a><a class="tag" taget="_blank" href="/search/%E5%AE%9A%E4%B9%89%E5%B1%9E%E6%80%A7/1.htm">定义属性</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E5%8F%B7%E6%A7%BD/1.htm">信号槽</a> <div>文章目录声明对象属性获取对象的属性和方法通过对象名称查找对象判断对象的继承关系给类添加额外的信息Qt的元对象系统是Qt框架的一个核心特性，它为对象提供了运行时类型信息、属性系统、信号和槽机制以及动态属性功能。这个系统是由Qt的元对象编译器(MOC)支持的,MOC是一个预处理器，它在编译之前解析由Q_OBJECT宏标记的类，生成元信息。这里介绍一些QT元对象系统的用法技巧.声明对象属性一个类的属性通</div> </li> <li><a href="/article/1899223152446205952.htm" title="数据监控工具Mixpanel的简易使用教程" target="_blank">数据监控工具Mixpanel的简易使用教程</a> <span class="text-muted">alankuo</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>Mixpanel的使用教程如下：注册与准备创建账号：访问Mixpanel官方网站，按照提示填写相关信息创建账号。登录后，在项目设置中可以获取项目密钥。了解基本概念：明确事件、用户属性等基本概念。事件是用户在应用中的操作，如点击按钮、完成注册等；用户属性是描述用户特征的信息，像年龄、城市、会员等级等。集成SDKWeb应用：在HTML文件中引入MixpanelJavaScriptSDK。在页面的标签内</div> </li> <li><a href="/article/1899217351581167616.htm" title="【DeepSeek问答】Qt布局和控件的关系" target="_blank">【DeepSeek问答】Qt布局和控件的关系</a> <span class="text-muted">CSUC</span> <a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a> <div>在Qt中，布局管理器（Layout）与控件（Widget）的关系是容器与内容的关系。布局负责自动管理控件的排列、尺寸调整和自适应，确保界面在不同窗口尺寸下保持美观和功能。以下是详细说明及用法示例：一、布局与控件的关系容器与内容：布局（如QVBoxLayout、QHBoxLayout）作为容器，管理其内部控件的位置和大小。控件（如QPushButton、QLabel）是布局中的内容，通过addWid</div> </li> <li><a href="/article/1899211793948012544.htm" title="最新网络安全-跨站脚本攻击(XSS)的原理、攻击及防御_xsstrike原理" target="_blank">最新网络安全-跨站脚本攻击(XSS)的原理、攻击及防御_xsstrike原理</a> <span class="text-muted">2401_84239830</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/xss/1.htm">xss</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>XSS的类型反射型XSS/不持久型XSS存储型XSS/持久型XSS基于DOM的XSS常用Payload与工具XSS扫描工具Payloadsscript标签类结合js的html标签伪协议绕过危害防御简介跨站脚本攻击(全称CrossSiteScripting,为和CSS（层叠样式表）区分，简称为XSS)是指恶意攻击者在Web页面中插入恶意javascript代码（也可能包含html代码），当用户浏览网</div> </li> <li><a href="/article/1899204477064376320.htm" title="C++中map和set的详解" target="_blank">C++中map和set的详解</a> <span class="text-muted">jiajia651304</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>C++中map和set的介绍与使用一、map的介绍与使用二、set的介绍与使用三、总结在C++编程中，map和set是标准模板库（STL）中两种非常重要的关联容器。它们基于平衡二叉搜索树（通常是红黑树）的数据结构来实现，提供了高效的数据存储和检索功能。本文将详细介绍map和set的特点、用法以及一些常见的操作示例。一、map的介绍与使用1.map的基本概念map是一个键值对容器，其中每个键都是唯一</div> </li> <li><a href="/article/1899197287901491200.htm" title="Vue中vfor循环创建DOM时Key的理解之Vue中的diff算法" target="_blank">Vue中vfor循环创建DOM时Key的理解之Vue中的diff算法</a> <span class="text-muted">充气大锤</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">前端性能优化</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>在Vue开发过程中vfor遍历数组创建Dom是最常见的方式，在vfor时，标签中有一个key值，key值的作用是啥呢？这就不得不提到Vue中的diff算法。一、什么是diff算法Vue会用虚拟DOM来表述真实DOM，这样的目的是为了计算出DOM的最小的变化从而更加快速的更新真实DOM二、diff算法的计算过程1、遍历老虚拟DOM2、遍历新虚拟DOM3、重新排序这样做会有个问题，就是节点数越多，计算</div> </li> <li><a href="/article/1899197159148941312.htm" title="在vue3中使用Mermaid创建可动态生成的时序图" target="_blank">在vue3中使用Mermaid创建可动态生成的时序图</a> <span class="text-muted">充气大锤</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%BB%84%E4%BB%B6/1.htm">前端组件</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%B5%81%E7%A8%8B%E5%9B%BE/1.htm">流程图</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>有手就行的：用Mermaid创建自己的时序图一、Mermaid的安装在vue3中使用Mermaid时，需要npm一下npminstallmermaid完事之后这样引用importmermaidfrom'mermaid'引用之后就可以开始整活了二、承载Mermaid的容器Mermaid不同于其他的流程图组件，这玩意用标签来承载数据，所以我们在vue文件中这样创建{{message}}*类名不能错，类</div> </li> <li><a href="/article/1899191738770190336.htm" title="Spring Boot中@Valid 与 @Validated 注解的详解" target="_blank">Spring Boot中@Valid 与 @Validated 注解的详解</a> <span class="text-muted">longdong7889</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>SpringBoot中@Valid与@Validated注解的详解引言在SpringBoot应用中，参数校验是确保数据完整性和一致性的重要手段。@Valid和@Validated注解是SpringBoot中用于参数校验的两个核心注解。本文将详细介绍这两个注解的用法、区别以及代码样例。@Valid注解功能介绍@Valid是JavaEE提供的标准注解，它是JSR303规范的一部分，主要用于Hibern</div> </li> <li><a href="/article/1899179377803980800.htm" title="html 文本识别标签,HTML 文本标签" target="_blank">html 文本识别标签,HTML 文本标签</a> <span class="text-muted">北美R哥</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E8%AF%86%E5%88%AB%E6%A0%87%E7%AD%BE/1.htm">文本识别标签</a> <div>一、标题标签单词缩写：head头部.标题为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即~，代表六个级别的标题，代表最大的标题，代表最小的标题。标题标签语义：作为标题使用，并且依据重要性递减。注意：h1标签因为重要，尽量少用一级标题二级标题三级标题四级标题五级标题六级标题h系列有一个align属性，该属性是标题的对齐方式，默认为left(左对齐)，还有cen</div> </li> <li><a href="/article/1899176979341570048.htm" title="C++入门之容易忽视的namespace和函数重载" target="_blank">C++入门之容易忽视的namespace和函数重载</a> <span class="text-muted">不会的码</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</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>目录命名空间命名空间的定义命名空间的用法1.直接把std整个展开2.对部分常用的展开3.指定命名空间缺省参数全缺省：（所有的参数都指定一个默认值）半缺省：(只有部分被参数指定默认值，而不是一半的参数)函数重载那么为什么C语言不支持函数重载，C++支持呢？extern"C"命名空间在C/C++中，变量、函数都是大量存在的，这些变量、函数的名称将都存在于全局作用域中，可能会导致很多冲突。使用命名空间的</div> </li> <li><a href="/article/1899174960534974464.htm" title="第二章：标签大狂欢：从基础到变形" target="_blank">第二章：标签大狂欢：从基础到变形</a> <span class="text-muted">我自纵横2023</span> <a class="tag" taget="_blank" href="/search/HTML%E6%95%99%E7%A8%8B/1.htm">HTML教程</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><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>第二章：标签大狂欢：从基础到变形2.1文本标签的魔法咒语一、专治「文字乱跑症」的标签想象一下，你刚写了一段优美的文字，结果浏览器像个熊孩子一样把它们堆成一团——这时候就需要标签施展「定身咒」了！作用：把文字关进段落牢房，强制换行并保持间距。语法：这是一段被温柔包裹的文字搞笑案例：程序员的浪漫：你是我永不溢出的栈，是我命中注定的异常捕获。（悄悄说：是换行符，但才是段落的正确打开方式哦！）二、标题标签</div> </li> <li><a href="/article/1899169410287988736.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>1.块级标签块级元素会独占一行，通常用于构建页面的结构。常见的块级元素包括：：通用的块级容器。没有任何语意。可以创建网页的不同部分，导航栏侧边栏等。链接1链接2链接3若是想创建一个初始带标签的话：可以直接：#nav或者div.nav或者div#nav创建第二个div标签，第一个是导航栏，第二个就是主要内容了.content文章标题文章内容文章内容文章内容：段落。到：标题。：无序列表。：有序列表。：</div> </li> <li><a href="/article/1899166636892549120.htm" title="在K8S中，svc底层是如何实现的？" target="_blank">在K8S中，svc底层是如何实现的？</a> <span class="text-muted">Dusk_橙子</span> <a class="tag" taget="_blank" href="/search/K8S/1.htm">K8S</a><a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a> <div>在Kubernetes中，Service是集群内部的一个抽象层，用于定义一组Pod的逻辑分组，并提供统一的访问入口点，同时还可以对这些Pod提供负载均衡和网络代理功能。Service底层的实现主要包括以下几个关键组件和技术：标签选择器（LabelSelectors）Kubernetes中的Service并不直接指向具体的PodIP地址，而是通过标签选择器（LabelSelectors）关联到具有匹</div> </li> <li><a href="/article/1899160336271994880.htm" title="python os模块[zt]" target="_blank">python os模块[zt]</a> <span class="text-muted">weixin_34357962</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>pythonos模块(2008-07-0311:59:39)http://blog.sina.com.cn/s/blog_4e808acf01009uav.html标签：pythonos杂谈分类：pythonPython的标准库中的os模块包含普遍的操作系统功能。如果你希望你的程序能够与平台无关的话，这个模块是尤为重要的。即它允许一个程序在编写后不需要任何改动，也不会发生任何问题，就可以在Linu</div> </li> <li><a href="/article/40.htm" title="java线程Thread和Runnable区别和联系" target="_blank">java线程Thread和Runnable区别和联系</a> <span class="text-muted">zx_code</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><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/Runnable/1.htm">Runnable</a> <div>我们都晓得java实现线程2种方式，一个是继承Thread，另一个是实现Runnable。模拟窗口买票，第一例子继承thread，代码如下 package thread; public class ThreadTest { public static void main(String[] args) { Thread1 t1 = new Thread1(</div> </li> <li><a href="/article/167.htm" title="【转】JSON与XML的区别比较" target="_blank">【转】JSON与XML的区别比较</a> <span class="text-muted">丁_新</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>1.定义介绍 (1).XML定义扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。 XML是标</div> </li> <li><a href="/article/294.htm" title="c++ 实现五种基础的排序算法" target="_blank">c++ 实现五种基础的排序算法</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>#include<iostream> using namespace std; //辅助函数，交换两数之值 template<class T> void mySwap(T &x, T &y){ T temp = x; x = y; y = temp; } const int size = 10; //一、用直接插入排</div> </li> <li><a href="/article/421.htm" title="我的软件" target="_blank">我的软件</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/%E6%88%91%E7%9A%84%E8%BD%AF%E4%BB%B6/1.htm">我的软件</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E4%B9%90%E7%B1%BB/1.htm">音乐类</a><a class="tag" taget="_blank" href="/search/%E5%A8%B1%E4%B9%90/1.htm">娱乐</a><a class="tag" taget="_blank" href="/search/%E6%94%BE%E6%9D%BE/1.htm">放松</a> <div> 这是我写的一款app软件，耗时三个月，是一个根据央视节目开门大吉改变的，提供音调，猜歌曲名。1、手机拥有者在android手机市场下载本APP，同意权限，安装到手机上。2、游客初次进入时会有引导页面提醒用户注册。（同时软件自动播放背景音乐）。3、用户登录到主页后，会有五个模块。a、点击不胫而走，用户得到开门大吉首页部分新闻，点击进入有新闻详情。b、</div> </li> <li><a href="/article/548.htm" title="linux awk命令详解" target="_blank">linux awk命令详解</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux+awk/1.htm">linux awk</a> <div>awk是行处理器: 相比较屏幕处理的优点，在处理庞大文件时不会出现内存溢出或是处理缓慢的问题，通常用来格式化文本信息 awk处理过程: 依次对每一行进行处理，然后输出 awk命令形式: awk [-F|-f|-v] ‘BEGIN{} //{command1; command2} END{}’ file [-F|-f|-v]大参数，-F指定分隔符，-f调用脚本，-v定义变量 var=val</div> </li> <li><a href="/article/675.htm" title="各种语言比较" target="_blank">各种语言比较</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a> <div> Java Ruby PHP 擅长领域 </div> </li> <li><a href="/article/802.htm" title="oracle 中数据类型为clob的编辑" target="_blank">oracle 中数据类型为clob的编辑</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/oracle+clob/1.htm">oracle clob</a> <div>public void updateKpiStatus(String kpiStatus,String taskId){ Connection dbc=null; Statement stmt=null; PreparedStatement ps=null; try { dbc = new DBConn().getNewConnection(); //stmt = db</div> </li> <li><a href="/article/929.htm" title="分布式服务框架 Zookeeper -- 管理分布式环境中的数据" target="_blank">分布式服务框架 Zookeeper -- 管理分布式环境中的数据</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>原文地址： http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/ 安装和配置详解本文介绍的 Zookeeper 是以 3.2.2 这个稳定版本为基础，最新的版本可以通过官网 http://hadoop.apache.org/zookeeper/来获取，Zookeeper 的安装非常简单，下面将从单机模式和集群模式两</div> </li> <li><a href="/article/1056.htm" title="tomcat数据源" target="_blank">tomcat数据源</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>数据库 JNDI(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。没有使用JNDI时我用要这样连接数据库： 03. Class.forName("com.mysql.jdbc.Driver"); 04. conn</div> </li> <li><a href="/article/1183.htm" title="遍历的方法" target="_blank">遍历的方法</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E9%81%8D%E5%8E%86/1.htm">遍历</a> <div> 遍历在java的泛</div> </li> <li><a href="/article/1310.htm" title="linux查看硬件信息的命令" target="_blank">linux查看硬件信息的命令</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>linux查看硬件信息的命令一.查看CPU： cat /proc/cpuinfo 二.查看内存： free 三.查看硬盘： df linux下查看硬件信息 1、lspci 列出所有PCI 设备； lspci - list all PCI devices:列出机器中的PCI设备（声卡、显卡、Modem、网卡、USB、主板集成设备也能</div> </li> <li><a href="/article/1437.htm" title="java常见的ClassNotFoundException" target="_blank">java常见的ClassNotFoundException</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1.java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory 添加包common-logging.jar2.java.lang.ClassNotFoundException: javax.transaction.Synchronization </div> </li> <li><a href="/article/1564.htm" title="【Gson五】日期对象的序列化和反序列化" target="_blank">【Gson五】日期对象的序列化和反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E5%8F%8D%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">反序列化</a> <div>对日期类型的数据进行序列化和反序列化时，需要考虑如下问题： 1. 序列化时，Date对象序列化的字符串日期格式如何 2. 反序列化时，把日期字符串序列化为Date对象，也需要考虑日期格式问题 3. Date A -> str -> Date B,A和B对象是否equals 默认序列化和反序列化 import com</div> </li> <li><a href="/article/1691.htm" title="【Spark八十六】Spark Streaming之DStream vs. InputDStream" target="_blank">【Spark八十六】Spark Streaming之DStream vs. InputDStream</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div> 1. DStream的类说明文档： /** * A Discretized Stream (DStream), the basic abstraction in Spark Streaming, is a continuous * sequence of RDDs (of the same type) representing a continuous st</div> </li> <li><a href="/article/1818.htm" title="通过nginx获取header信息" target="_blank">通过nginx获取header信息</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+header/1.htm">nginx header</a> <div>1. 提取整个的Cookies内容到一个变量，然后可以在需要时引用，比如记录到日志里面， if ( $http_cookie ~* "(.*)$") { set $all_cookie $1; } 变量$all_cookie就获得了cookie的值，可以用于运算了 </div> </li> <li><a href="/article/1945.htm" title="java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999" target="_blank">java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>参考了网上的http://blog.csdn.net/peasking_dd/article/details/6342984 写了个java版的： public class Print_1_To_NDigit { /** * Q65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 * 1.使用字符串</div> </li> <li><a href="/article/2072.htm" title="Netty源码学习-ReplayingDecoder" target="_blank">Netty源码学习-ReplayingDecoder</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>ReplayingDecoder是FrameDecoder的子类，不熟悉FrameDecoder的，可以先看看 http://bylijinnan.iteye.com/blog/1982618 API说，ReplayingDecoder简化了操作，比如： FrameDecoder在decode时，需要判断数据是否接收完全： public class IntegerH</div> </li> <li><a href="/article/2199.htm" title="js特殊字符过滤" target="_blank">js特殊字符过滤</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/js%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6/1.htm">js特殊字符</a><a class="tag" taget="_blank" href="/search/js%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6%E8%BF%87%E6%BB%A4/1.htm">js特殊字符过滤</a> <div>1.js中用正则表达式过滤特殊字符, 校验所有输入域是否含有特殊符号function stripscript(s) { var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]"</div> </li> <li><a href="/article/2326.htm" title="hibernate使用sql查询" target="_blank">hibernate使用sql查询</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div> import java.util.Iterator; import java.util.List; import java.util.Map; import org.hibernate.Hibernate; import org.hibernate.SQLQuery; import org.hibernate.Session; import org.hibernate.Transa</div> </li> <li><a href="/article/2453.htm" title="linux shell脚本中切换用户执行命令方法" target="_blank">linux shell脚本中切换用户执行命令方法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4/1.htm">命令</a><a class="tag" taget="_blank" href="/search/%E5%88%87%E6%8D%A2%E7%94%A8%E6%88%B7/1.htm">切换用户</a> <div>经常在写shell脚本时，会碰到要以另外一个用户来执行相关命令，其方法简单记下： 1、执行单个命令：su - user -c "command" 如：下面命令是以test用户在/data目录下创建test123目录 [root@slave19 /data]# su - test -c "mkdir /data/test123" </div> </li> <li><a href="/article/2580.htm" title="好的代码里只要一个 return 语句" target="_blank">好的代码里只要一个 return 语句</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/return/1.htm">return</a> <div>别再这样写了：public boolean foo() { if (true) { return true; } else { return false; </div> </li> <li><a href="/article/2707.htm" title="Android动画效果学习" target="_blank">Android动画效果学习</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1、透明动画效果方法一：代码实现 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container, fals</div> </li> <li><a href="/article/2834.htm" title="linux复习笔记之bash shell (4)管道命令" target="_blank">linux复习笔记之bash shell (4)管道命令</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4%E6%B1%87%E6%80%BB/1.htm">linux管道命令汇总</a><a class="tag" taget="_blank" href="/search/linux%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4/1.htm">linux管道命令</a><a class="tag" taget="_blank" href="/search/linux%E5%B8%B8%E7%94%A8%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4/1.htm">linux常用管道命令</a> <div>转载请出自出处： http://eksliang.iteye.com/blog/2105461 bash命令执行的完毕以后，通常这个命令都会有返回结果，怎么对这个返回的结果做一些操作呢？那就得用管道命令‘|’。上面那段话，简单说了下管道命令的作用，那什么事管道命令呢？答：非常的经典的一句话，记住了，何为管</div> </li> <li><a href="/article/2961.htm" title="Android系统中自定义按键的短按、双击、长按事件" target="_blank">Android系统中自定义按键的短按、双击、长按事件</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>在项目中碰到这样的问题：由于系统中的按键在底层做了重新定义或者新增了按键，此时需要在APP层对按键事件（keyevent）做分解处理，模拟Android系统做法，把keyevent分解成： 1、单击事件：就是普通key的单击； 2、双击事件：500ms内同一按键单击两次； 3、长按事件：同一按键长按超过1000ms（系统中长按事件为500ms）； 4、组合按键：两个以上按键同时按住； </div> </li> <li><a href="/article/3088.htm" title="asp.net获取站点根目录下子目录的名称" target="_blank">asp.net获取站点根目录下子目录的名称</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/Web+Forms/1.htm">Web Forms</a> <div>使用Visual Studio建立一个.aspx文件(Web Forms)，例如hovertree.aspx,在页面上加入一个ListBox代码如下： <asp:ListBox runat="server" ID="lbKeleyiFolder" /> 那么在页面上显示根目录子文件夹的代码如下： string[] m_sub</div> </li> <li><a href="/article/3215.htm" title="Eclipse程序员要掌握的常用快捷键" target="_blank">Eclipse程序员要掌握的常用快捷键</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/%E5%BF%AB%E6%8D%B7%E9%94%AE/1.htm">快捷键</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div> 判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。曾有人在豆瓣评《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个程序员图书列表，目的也就是通过读书，让程序员变懒。写道程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可</div> </li> <li><a href="/article/3342.htm" title="c++编程随记" target="_blank">c++编程随记</a> <span class="text-muted">lx.asymmetric</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div> 为了字体更好看，改变了格式…… &&运算符： #include<iostream> using namespace std; int main(){ int a=-1,b=4,k; k=(++a<0)&&!(b--</div> </li> <li><a href="/article/3469.htm" title="linux标准IO缓冲机制研究" target="_blank">linux标准IO缓冲机制研究</a> <span class="text-muted">音频数据</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>一、什么是缓存I/O(Buffered I/O)缓存I/O又被称作标准I/O,大多数文件系统默认I/O操作都是缓存I/O。在Linux的缓存I/O机制中，操作系统会将I/O的数据缓存在文件系统的页缓存(page cache)中，也就是说，数据会先被拷贝到操作系统内核的缓冲区中，然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间。1.缓存I/O有以下优点:A.缓存I/O使用了操作系统内核缓冲区，</div> </li> <li><a href="/article/3596.htm" title="随想生活" target="_blank">随想生活</a> <span class="text-muted">暗黑小菠萝</span> <a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a> <div>其实账户之前就申请了，但是决定要自己更新一些东西看也是最近。从毕业到现在已经一年了。没有进步是假的，但是有多大的进步可能只有我自己知道。毕业的时候班里12个女生，真正最后做到软件开发的只要两个包括我，PS：我不是说测试不好。当时因为考研完全放弃找工作，考研失败，我想这只是我的借口。那个时候才想到为什么大学的时候不能好好的学习技术，增强自己的实战能力，以至于后来找工作比较费劲。我</div> </li> <li><a href="/article/3723.htm" title="我认为POJO是一个错误的概念" target="_blank">我认为POJO是一个错误的概念</a> <span class="text-muted">windshome</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/J2EE/1.htm">J2EE</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1/1.htm">设计</a> <div> 这篇内容其实没有经过太多的深思熟虑，只是个人一时的感觉。从个人风格上来讲，我倾向简单质朴的设计开发理念；从方法论上，我更加倾向自顶向下的设计；从做事情的目标上来看，我追求质量优先，更愿意使用较为保守和稳妥的理念和方法。 &</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.  </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>