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/1892351767912443904.htm" title="Click：构建Python命令行界面的利器" target="_blank">Click：构建Python命令行界面的利器</a> <span class="text-muted">车载testing</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Click：构建Python命令行界面的利器Click是一个Python包，它允许开发者以最少的代码创建出美观、功能丰富的命令行界面（CLI）。它以其高度的可配置性、合理的默认设置以及简洁的API而受到广泛欢迎。本文将详细介绍Click的核心API组件，并提供示例代码，帮助你快速掌握Click的基本用法。1.Decorators（装饰器）装饰器是Click中用于定义命令和参数的强大工具。click</div> </li> <li><a href="/article/1892344832660140032.htm" title="C#03项目——Typeof的用法" target="_blank">C#03项目——Typeof的用法</a> <span class="text-muted">yue008</span> <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/Typeof/1.htm">Typeof</a><a class="tag" taget="_blank" href="/search/Environment/1.htm">Environment</a><a class="tag" taget="_blank" href="/search/MethodInfo/1.htm">MethodInfo</a> <div>知识点Typeof。获取类型对象，然后获取类型的方法。可适用于窗体控件的选择MethodInfo。发现方法的属性并提供对方法元数据的访问。本项目涉及的属性有属性/方法Name获取当前成员的名称。是属性GetParameters获取指定的方法或构造函数的参数。是方法Environment。提供有关当前环境和平台的信息以及操作它们的方法。此类不能被继承。属性/方法NewLine获取为此环境定义的换行字</div> </li> <li><a href="/article/1892322013918326784.htm" title="使用LM Studio在WordPress基于大模型原创文章上稿进行SEO优化" target="_blank">使用LM Studio在WordPress基于大模型原创文章上稿进行SEO优化</a> <span class="text-muted">Mr数据杨</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E6%8A%80%E6%9C%AF/1.htm">自然语言技术</a><a class="tag" taget="_blank" href="/search/wordpress/1.htm">wordpress</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/seo/1.htm">seo</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>在进行自动化文章生成与发布的流程中，首先需要确保基础配置的完善性和数据的准确性。通过手动设置分类和标签，文章能够在发布时被准确归类，从而提升SEO的效果。通过Excel表格的方式管理这些分类与标签，结合Python脚本，可以高效地实现自动化文章的生成和发布。该流程依赖于对WordPress数据库的操作，包括标签的批量导入、分类和标签的映射，以及通过AI生成内容的自动发布。全面的配置不仅节省了手动处</div> </li> <li><a href="/article/1892318611989655552.htm" title="正则表达式regex" target="_blank">正则表达式regex</a> <span class="text-muted">GotoMeiben</span> <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>工具网站：RegExr:Learn,Build,&TestRegEx正则表达式（RegularExpression,Regex）是一种强大的字符串匹配工具，广泛用于文本搜索、数据处理和输入验证等场景。无论是Python、Java、JavaScript还是Shell脚本，Regex都是不可或缺的技能。本文将深入介绍正则表达式的各种用法，包括：基本匹配（字母、数字）特殊符号^$\b量词{}*+?字符类</div> </li> <li><a href="/article/1892312438930468864.htm" title="CSS 修改 SVG图标的颜色" target="_blank">CSS 修改 SVG图标的颜色</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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/svg/1.htm">svg</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E6%A0%87%E9%A2%9C%E8%89%B2%E6%94%B9%E5%8F%98/1.htm">图标颜色改变</a> <div>方法1、利用filter中的drop-shadow给icon加样式(利用原图标的阴影区域，同时将原图标移动超过之前父元素范围)filter:drop-shadow(red80px0);transform:translateX(-80px);给父元素加样式（父元素超范围隐藏，正好把原图标的隐藏掉，显示阴影区域）overflow:hidden;filter的drop-shadow标准用法drop-sh</div> </li> <li><a href="/article/1892306631119663104.htm" title="vue中nextTick函数和react类似实现" target="_blank">vue中nextTick函数和react类似实现</a> <span class="text-muted">向画</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Vue3基本用法：import{nextTick}from'vue';//全局调用nextTick(()=>{//在下一个DOM更新循环后执行的代码});//在组件内部调用setup(){asyncfunctionhandleUpdate(){//修改数据...awaitnextTick();//在数据引发的DOM更新完成后执行的代码}}nextTick函数现在作为vue包的一个导出成员，需要显式</div> </li> <li><a href="/article/1892296529092341760.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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1.网络中使用最多的图片格式有哪些？JPEG，GIF，PNG最流行的是JPEG格式，可以把文件压缩到最小在PS以JPEG格式存储时，提供11级压缩等级2.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?声明文档类型声明位于位于HTML文档中的第一行，处于标签之前DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式(严格模式)浏览器按照W3C的标准解析执行代码标准模式(严</div> </li> <li><a href="/article/1892288322944954368.htm" title="【ArcGIS Pro二次开发】(87)：样式_Style的用法" target="_blank">【ArcGIS Pro二次开发】(87)：样式_Style的用法</a> <span class="text-muted">规划GIS会</span> <a class="tag" taget="_blank" href="/search/ArcGIS/1.htm">ArcGIS</a><a class="tag" taget="_blank" href="/search/Pro/1.htm">Pro</a><a class="tag" taget="_blank" href="/search/SDK/1.htm">SDK</a><a class="tag" taget="_blank" href="/search/ArcGIS/1.htm">ArcGIS</a><a class="tag" taget="_blank" href="/search/Pro/1.htm">Pro</a><a class="tag" taget="_blank" href="/search/SDK/1.htm">SDK</a> <div>.Stylx类型的文件即为样式库文件，保存了符号样式。1、根据名字获取当前工程中的style//获取当前工程中的所有stylevarProjectStyles=Project.Current.GetItems();//根据名字找出指定的styleStyleProjectItemstyle=ProjectStyles.First(x=>x.Name=="村规样式");2、新建style//创建.st</div> </li> <li><a href="/article/1892233831541436416.htm" title="R语言中的函数32：seq_along()" target="_blank">R语言中的函数32：seq_along()</a> <span class="text-muted">zoujiahui_2018</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/R%E8%AF%AD%E8%A8%80%E4%B8%AD%E7%9A%84%E5%87%BD%E6%95%B0/1.htm">R语言中的函数</a><a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>介绍seq_along函数在R语言中用于生成一个整数序列，其长度与给定对象的长度相同。这个函数特别有用，当你想要创建一个索引序列来遍历一个向量或列表时。用法seq_along(x)参数x:任何R对象（如向量、列表等）。返回值:返回一个从1到x的长度的整数序列。示例#创建一个向量vec<-c("a","b","c")#使用seq_along生成索引indices<-seq_along(vec)pri</div> </li> <li><a href="/article/1892211766507663360.htm" title="AngularJS中文手册前半部分学习" target="_blank">AngularJS中文手册前半部分学习</a> <span class="text-muted">CV战士plus</span> <a class="tag" taget="_blank" href="/search/angular.js/1.htm">angular.js</a><a class="tag" taget="_blank" href="/search/angular.js/1.htm">angular.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>AngularJS简介AngularJS的中文参考手册AngularJS的使用AngularJS是一个JS框架，通过指令(ng-directives)扩展了HTML，且通过表达式绑定数据到HTML，用于开发单一页面应用程序（SPAs：SinglePageApplications）可以通过script标签添加到网页中(建议把脚本放在元素的底部。这会提高网页加载速度，因为HTML加载不受制于脚本加载。</div> </li> <li><a href="/article/1892203451027353600.htm" title="vue3中＜el-table-column＞状态的显示" target="_blank">vue3中＜el-table-column＞状态的显示</a> <span class="text-muted">BillKu</span> <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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>方法1：使用作用域插槽+标签{{row.status===1?'启用':'禁用'}}consttableData=[{id:1,name:'数据1',status:1},{id:2,name:'数据2',status:0},//...]方法2：使用formatter格式化显示conststatusFormatter=(row)=>{returnrow.status===1?'启用':'禁用'}自定</div> </li> <li><a href="/article/1892201180193419264.htm" title="最少前缀操作问题--感受不到动态规划，怎么办怎么办" target="_blank">最少前缀操作问题--感受不到动态规划，怎么办怎么办</a> <span class="text-muted">幼儿园口算大王</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a> <div>题目：标签：动态规划（应该是双指针的，不理解）小U和小R有两个字符串，分别是S和T，现在小U需要通过对S进行若干次操作，使其变成T的一个前缀。操作可以是修改S的某一个字符，或者删除S末尾的字符。现在你需要帮助小U计算出，最少需要多少次操作才能让S变成T的前缀。测试样例样例1：输入：S="aba",T="abb"输出：1样例2：输入：S="abcd",T="efg"输出：4样例3：输入：S="xyz</div> </li> <li><a href="/article/1892199033053704192.htm" title="C++中的线程同步方式" target="_blank">C++中的线程同步方式</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/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E5%90%8C%E6%AD%A5/1.htm">线程同步</a><a class="tag" taget="_blank" href="/search/%E4%BA%92%E6%96%A5%E9%94%81/1.htm">互斥锁</a><a class="tag" taget="_blank" href="/search/%E6%9D%A1%E4%BB%B6%E5%8F%98%E9%87%8F/1.htm">条件变量</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E5%8F%B7%E9%87%8F/1.htm">信号量</a><a class="tag" taget="_blank" href="/search/%E5%B1%8F%E9%9A%9C/1.htm">屏障</a><a class="tag" taget="_blank" href="/search/%E5%8E%9F%E5%AD%90%E7%B1%BB%E5%9E%8B/1.htm">原子类型</a> <div>线程同步方式互斥锁概述：用于保护临界区，确保同一时间只有一个线程可以访问共享资源。常见的互斥锁有std::mutex，std::lock_guard和std::unique_lockmutex概述：用于管理多个线程对共享资源的互斥访问，防止数据竞争和并发问题基础用法示例：#include#include#includeintcnt=0;//共享变量资源std::mutexmtx;//共享变量的互斥</div> </li> <li><a href="/article/1892194117518159872.htm" title="std::unique_lock＜std::mutex＞ lock(_mutexSwathDone)；" target="_blank">std::unique_lock＜std::mutex＞ lock(_mutexSwathDone)；</a> <span class="text-muted">Ring__Rain</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>std::unique_locklock(_mutexSwathDone);是C++中用于管理互斥锁（mutex）的常见用法。以下是详细解析：1.代码作用std::mutex：这是C++标准库中的互斥锁类，用于保护共享资源，防止多线程同时访问导致数据竞争。std::unique_lock：这是一个RAII（资源获取即初始化）风格的锁管理类，用于自动管理互斥锁的加锁和解锁。这行代码的作用是：在构造l</div> </li> <li><a href="/article/1892188568760152064.htm" title="Linux 中的 mount 命令：挂载文件系统的完全指南" target="_blank">Linux 中的 mount 命令：挂载文件系统的完全指南</a> <span class="text-muted">程序员喵哥</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>更多资料获取个人网站：ipengtao.commount命令是Linux系统中用于挂载文件系统的关键命令。无论是挂载硬盘驱动器、网络共享还是其他文件系统，mount命令都是进行文件系统挂载的主要工具。在这篇文章中，将深入研究mount命令的各种用法，包括常见选项和丰富的示例代码。基本用法mount命令的最基本用法是指定要挂载的设备和挂载点（目标目录）。以下是一些示例：#挂载设备到挂载点sudomo</div> </li> <li><a href="/article/1892185410289856512.htm" title="XML Schema anyAttribute 元素详解" target="_blank">XML Schema anyAttribute 元素详解</a> <span class="text-muted">froginwe11</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>XMLSchemaanyAttribute元素详解引言XML（可扩展标记语言）是一种广泛使用的标记语言，用于存储和传输数据。XMLSchema是一种用于定义XML文档结构的语言，它描述了XML文档的结构、数据类型以及约束条件。在XMLSchema中，anyAttribute元素是一个非常有用的特性，它允许在XML元素中包含任意属性。本文将详细介绍anyAttribute元素的用法、特性和注意事项。</div> </li> <li><a href="/article/1892181126793981952.htm" title="React学习笔记04" target="_blank">React学习笔记04</a> <span class="text-muted">充气大锤</span> <a class="tag" taget="_blank" href="/search/React%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">React学习笔记</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</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/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、理解组件通信组件通信就是组件间的数据传递，根据组件嵌套关系的不同，有不同的通信方法。在Vue中组件通信是我们组件间传递数据的一种最常用的方法，我们在Vue中使用props来实现父传子，用$emit实现子传父，在React中如何实现呢？1.1、父传子：1、父组件传递数据：在子组件标签身上绑定属性2、子组件接收数据：props的参数functionSon(props){return{props.n</div> </li> <li><a href="/article/1892179107756699648.htm" title="linux sudo -i 参数,Linux系统中su、sudo、sudo su、sudo -i命令的用法和区别小结" target="_blank">linux sudo -i 参数,Linux系统中su、sudo、sudo su、sudo -i命令的用法和区别小结</a> <span class="text-muted">PixelPuzzlist</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/sudo/1.htm">sudo</a><a class="tag" taget="_blank" href="/search/-i/1.htm">-i</a><a class="tag" taget="_blank" href="/search/%E5%8F%82%E6%95%B0/1.htm">参数</a> <div>在Linux系统软件中，因为root的权限过大，一般状况也不应用它。只能在一些独特状况下能选用登陆root实行管理方法每日任务，一般状况下临时性应用root权限多选用su和sudo命令。su命令就是说切换用户的专用工具，如何了解呢？例如人们以一般用户tom登陆的，但是加上用户每日任务，实行useradd，tom用户沒有这一权限，而这一权限刚好由root所有着。解决方案没法有2个，一是撤出tom用户</div> </li> <li><a href="/article/1892175829438361600.htm" title="C++中memset函数的用法" target="_blank">C++中memset函数的用法</a> <span class="text-muted">MatthewMao</span> <a class="tag" taget="_blank" href="/search/C%2B%2B%E4%BD%BF%E7%94%A8%E7%A7%AF%E7%B4%AF/1.htm">C++使用积累</a><a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80%E4%BD%BF%E7%94%A8%E7%A7%AF%E7%B4%AF/1.htm">C语言使用积累</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/memset%E5%87%BD%E6%95%B0/1.htm">memset函数</a><a class="tag" taget="_blank" href="/search/%E5%88%9D%E5%A7%8B%E5%8C%96%E5%AD%97%E7%AC%A6%E4%B8%B2%E6%88%96/1.htm">初始化字符串或</a> <div>//复习数组的时候，第一次见到了memset，学之。memset：char型初始化函数头文件：或函数原型：void*memset(void*s,intch,size_tn)memset(结构体/数组名,用于替换的ASCII码对应字符,前n个字符);memset(结构体/数组名,"用于替换的字符“,前n个字符);函数解释：将s中的前n个字节用ch替换并且返回s函数作用：在一段内存块中填充某一个给定的</div> </li> <li><a href="/article/1892171289599209472.htm" title="c++ | 智能指针" target="_blank">c++ | 智能指针</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>文章目录一、前言介绍二、auto_ptr（已废弃）三、unique_ptr右值引用：四、shared_ptr三、unique_ptr（强智能指针）四、智能指针的交叉引用五、weak_ptr(弱智能指针)其他一、前言介绍RAII是一种解决方案，是C++语言的一种管理资源、避免泄漏的惯用法。（对堆上空间进行自动化管理，利用对象自动析构的机制）智能指针的引入：动态内存管理经常会出现俩种问题：一种是忘记释</div> </li> <li><a href="/article/1892162085773701120.htm" title="Android中Handler的post（Runnable）用法" target="_blank">Android中Handler的post（Runnable）用法</a> <span class="text-muted">莫空0000</span> <a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a> <div>privateHandlermhandler=newHandler();privatevoidabc(){newThread(newRunnable(){@Overridepublicvoidrun(){try{/*dosomething*///里面执行的事件是被handler放在主线程中执行的，与Run所在线程无关。//.post方法一般用于更新UImhandler.post(newRunnab</div> </li> <li><a href="/article/1892152376232570880.htm" title="mac新环境" target="_blank">mac新环境</a> <span class="text-muted">大油油</span> <a class="tag" taget="_blank" href="/search/macos/1.htm">macos</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、maven设置阿里云镜像打开Maven的settings.xml文件。找到标签，如果没有，可以手动添加。在标签内部添加以下内容：nexus-aliyun*Nexusaliyunhttp://maven.aliyun.com/nexus/content/groups/public这个配置告诉Maven使用阿里云的镜像作为所有仓库的镜像。如果你更喜欢使用淘宝镜像，也可以将URL修改为淘宝的镜像地址</div> </li> <li><a href="/article/1892139021031763968.htm" title="HTML5的新增标签有哪些？" target="_blank">HTML5的新增标签有哪些？</a> <span class="text-muted">「已注销」</span> <a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a> <div>2019-07-3009:46我们都知道，想要成为一名合格的前端开发人员，掌握好HTML5是一个重要的先决条件，相比较于HTML，HTML5中新增了许多功能标签，那么这么标签都有哪些呢？格式：定义文本的文本方向，使其脱离其周围文本的方向设置。定义有记号的文本。定义预定义范围内的度量。定义任何类型的任务的进度。定义若浏览器不支持ruby元素显示的内容。定义ruby注释的解释。定义ruby注释。定义日</div> </li> <li><a href="/article/1892138264207355904.htm" title="1 html5-新标签" target="_blank">1 html5-新标签</a> <span class="text-muted">xiaolongyu3</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%96%B0%E5%AD%A6/1.htm">前端新学</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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>年龄稍大一点的码农可能见证了html的发展，亲历了头声明的变化，但是现在起步就是html5,那么html有哪些不为大家常用的新东西呢，这一章我先来谈谈这个问题。1dialog标签——弹窗标签。弹窗可能前端一路走来，见过很多。甚至现在我们在用各种UI库的时候这个弹窗也是必须的一个功能。这个标签支持的api:show:展示弹窗框，采用决定定位，showModal:展示弹窗，并带有遮罩，采用了一个特殊的</div> </li> <li><a href="/article/1892136749694513152.htm" title="HTMl5新增特性有哪些？" target="_blank">HTMl5新增特性有哪些？</a> <span class="text-muted">番茄牛腩汤</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>(1)新增了语义化标签(2)新增了音频视频标签(3)新增了canvas和svg绘图(4)新增了地理定位（navigator.geolocation）(5)新增了拖拽API(drapable)(6)新增了多线程技术webworker(7)新增了即时通讯websocket</div> </li> <li><a href="/article/1892135487041236992.htm" title="HTML5 新特性有哪些？" target="_blank">HTML5 新特性有哪些？</a> <span class="text-muted">IT木昜</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E7%99%BD%E8%AF%9D%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">大白话前端面试题</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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>HTML5新特性，你知道几个？语义化标签：HTML5引入了一系列语义化标签，比如代表网页的头部，就像是一本书的封面和目录部分，包含网站标志、导航栏等重要信息；用于导航链接，是网页的“交通指示牌”，方便用户快速找到不同页面；表示独立的文章内容，每一篇新闻报道、博客文章都可以放在这里；用来划分页面的不同区域，像一个商场里不同的楼层分区；代表网页底部，一般放版权信息、联系方式等。这些标签让网页结构更清晰</div> </li> <li><a href="/article/1892132588710064128.htm" title="HTML5+CSS3【容器元素、 HTML5新增布局标签、视频和音频、HTML5新增标签】(五)-全面详解（学习总结---从入门到深化）" target="_blank">HTML5+CSS3【容器元素、 HTML5新增布局标签、视频和音频、HTML5新增标签】(五)-全面详解（学习总结---从入门到深化）</a> <span class="text-muted">童小纯</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%B3%BB%E5%88%97---%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E6%B7%B1%E5%8C%96/1.htm">前端系列---从入门到深化</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>作者简介：大家好，我是小童，Java开发工程师，CSDN博客博主，Java领域新星创作者系列专栏：前端、Java、Java中间件大全、微信小程序、微信支付、若依框架、Spring全家桶如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步如果感觉博主的文章还不错的话，请三连支持一下博主哦博主正在努力完成2023计划中：以梦为马，扬帆起航，2023追梦人目录容器元素（div）学习效果反馈HTM</div> </li> <li><a href="/article/1892131196150804480.htm" title="Bootstrap CSS 概览" target="_blank">Bootstrap CSS 概览</a> <span class="text-muted">froginwe11</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>BootstrapCSS概览引言Bootstrap是一个流行的前端框架，它可以帮助开发者快速构建响应式、移动优先的网站和应用程序。Bootstrap使用CSS、HTML和JavaScript来构建界面，其中CSS部分提供了丰富的样式和组件，使得开发者可以轻松实现各种设计效果。本文将为您提供一个关于BootstrapCSS的概览，帮助您了解其核心功能和用法。BootstrapCSS简介Bootstr</div> </li> <li><a href="/article/1892131196566040576.htm" title="html5新增的标签有哪些" target="_blank">html5新增的标签有哪些</a> <span class="text-muted">北原_春希</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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>HTML5新增的标签主要可以分为几类，以下是按照类别进行分点表示和归纳的HTML5新增标签：结构性标签：:定义文档或节的头部。:定义导航链接。:定义文档中的独立节。:定义文档、页面、应用或网站中独立的内容区域。:定义页面的侧边栏内容。:定义文档或节的页脚。:定义文档的主体内容。多媒体标签：:定义视频或电影。:定义音频内容。:为和元素定义媒体资源。:为和元素定义文本轨道。:定义嵌入的内容，比如插件。</div> </li> <li><a href="/article/1892122870100848640.htm" title="C语言的一些容易忘的语法细节(长期记录)" target="_blank">C语言的一些容易忘的语法细节(长期记录)</a> <span class="text-muted">嵌入式Tlog</span> <a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/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%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a><a class="tag" taget="_blank" href="/search/iot/1.htm">iot</a><a class="tag" taget="_blank" href="/search/mcu/1.htm">mcu</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E8%81%94%E7%BD%91/1.htm">物联网</a> <div>C语言的一些冷门语法c语言|和||c语言|和||在C语言中，|和||是两种不同的运算符，分别用于位运算和逻辑运算。以下是它们的核心区别和用法：|（按位或）用途：对两个整数的二进制位进行逐位比较。规则：对应二进制位中至少有一个为1，则结果为1；否则为0。示例：inta=5;//二进制0101intb=3;//二进制0011intc=a|b;//结果0111（十进制7）特点：操作数必须是整数类型（如i</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>