MDN学习网站及HTML标签

学习的内容(查维基百科/MDN)

W3C 简介
MDN 简介
HTML 所有标签列表
什么是空标签
什么是可替换标签

W3C 简介

万维网联盟（World Wide Web Consortium，W3C），又称W3C理事会，是万维网的主要国际标准组织^[2]。为半自治非政府组织（quasi-autonomous non-governmental organisation）

历史

万维网联盟（W3C）由蒂姆·伯纳斯-李于1994年10月离开欧洲核子研究中心（CERN）后成立，在欧盟执委会和国防高等研究计划署（DARPA）的支持下成立于麻省理工学院MIT计算机科学与人工智能实验室（MIT／LCS）^[2]，DARPA曾率先推出了互联网及其前身ARPANET。

该组织试图透过W3C制定的新标准来促进业界成员间的兼容性和协议。不兼容的HTML版本由不同的供应商提供，导致网页显示方式不一致。联盟试图让所有的供应商实施一套由联盟选择的核心原则和组件。

CERN最初打算做为W3C的欧洲分支机构，然而CERN希望把重点放在粒子物理而不是信息技术上。1995年4月，法国国家信息与自动化研究所（INRIA）成为W3C的欧洲机构。1996年9月，庆应义塾大学SFC研究所成为W3C亚洲机构^[3]。从1997年开始，W3C在世界各地创建了区域办事处。截至2009年9月，已有十八个区域办事处，涵盖澳大利亚、比荷卢联盟、巴西、中国、芬兰、德国、奥地利、希腊、香港、匈牙利、印度、以色列、意大利、韩国、摩洛哥、南非、西班牙、瑞典^[4]。2013年1月，北京航空航天大学成为W3C中国机构。2016年，W3C在英国和爱尔兰创建了区域办事处。

标准

为解决网络应用中不同平台、技术和开发者带来的不兼容问题，保障网络信息的顺利和完整流通，万维网联盟制定了一系列标准并督促网络应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范，开发中使用的导则和解释引擎的行为等等。W3C也制定了包括XML和CSS等的众多影响深远的标准规范。

但是，W3C制定的网络标准似乎并非强制，而只是推荐标准。因此部分网站仍然不能完全实现这些标准，特别是使用早期所见即所得网页编辑软件设计的网页往往会包含大量非标准代码。

W3C推荐标准
CSS：层叠样式表
DOM：文档对象模型
HTML：超文本标记语言
RDF：资源描述框架
SMIL：同步多媒体集成语言
SVG：可缩放矢量图形
WAI
Widgets
XHTML：可扩展超文本标记语言
XML：可扩展标记语言
PICS：网络内容筛选平台

MDN 简介

MDN Web Docs（旧称Mozilla Developer Network、Mozilla Developer Center，简称MDN）是一个汇集众多Mozilla基金会产品和网上技术开发文档的免费网站

历史

该项目始于2005年，最初由Mozilla公司员工Deb Richardson领导。自2006年以来，文档工作由Eric Shepherd领导^[2]。

网站最初的内容是由DevEdge提供，但在AOL收购Netscape后，DevEdge网站也宣布关闭。为此Mozilla基金会向AOL获取了DevEdge发布的内容^[3]^[2]，同时将DevEdge内容搬移到mozilla.org^[4]^[5]。

MDN本身有一个论坛，并在Mozilla IRC网络上有一个IRC频道#mdn。MDN由Mozilla公司提供服务器和员工的资助。

2016年10月3日发表的Brave网页浏览器将MDN作为其搜索引擎选项之一

HTML 所有标签列表

根元素

Element	Description
	代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。

文档元数据

Element Description

代表关于文档元数据的一个集合，包括脚本或样式表的链接或内容。

Element	Description
	代表关于文档元数据的一个集合，包括脚本或样式表的链接或内容。
</code></td> <td>定义文档的标题，将显示在浏览器的标题栏或标签页上。该元素只能包含文本，包含的标签不会被解释。</td> </tr> <tr> <td><code><base></code></td> <td>定义页面上相对 URL 的基准 URL。</td> </tr> <tr> <td><code><link></code></td> <td>用于链接外部的 CSS 到该文档。</td> </tr> <tr> <td><code><meta></code></td> <td>定义其他 HTML 元素无法描述的元数据。</td> </tr> <tr> <td><code><style></code></td> <td>用于内联 CSS。</td> </tr> </tbody> </table> <h4>脚本</h4> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><script></code></td> <td>定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。</td> </tr> <tr> <td><code><noscript></code></td> <td>定义当浏览器不支持脚本时显示的替代文字。</td> </tr> <tr> <td><code><template></code></td> <td>通过 JavaScript 在运行时实例化内容的容器。</td> </tr> </tbody> </table> <h4>章节</h4> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><body></code></td> <td>代表 HTML 文档的内容。在文档中只能有一个 <code><body></code> 元素。</td> </tr> <tr> <td><code><section></code></td> <td>定义文档中的一个章节。</td> </tr> <tr> <td><code><nav></code></td> <td>定义只包含导航链接的章节。</td> </tr> <tr> <td><code><article></code></td> <td>定义可以独立于内容其余部分的完整独立内容块。</td> </tr> <tr> <td><code><aside></code></td> <td>定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。</td> </tr> <tr> <td><code><h1>,<h2>,<h3>,<h4>,<h5>,<h6></code></td> <td>标题元素实现了六层文档标题，<code><h1></code> 是最大的标题，<code><h6></code> 是最小的标题。标题元素简要地描述章节的主题。</td> </tr> <tr> <td><code><header></code></td> <td>定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。</td> </tr> <tr> <td><code><footer></code></td> <td>定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。</td> </tr> <tr> <td><code><address></code></td> <td>定义包含联系信息的一个章节。</td> </tr> <tr> <td><code><main></code></td> <td>定义文档中主要或重要的内容。</td> </tr> </tbody> </table> <h4>组织内容</h4> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><p></code></td> <td>定义一个段落。</td> </tr> <tr> <td><code><hr></code></td> <td>代表章节、文章或其他长内容中段落之间的分隔符。</td> </tr> <tr> <td><code><pre></code></td> <td>代表其内容已经预先排版过，格式应当保留。</td> </tr> <tr> <td><code><blockquote></code></td> <td>代表引用自其他来源的内容。</td> </tr> <tr> <td><code><ol></code></td> <td>定义一个有序列表。</td> </tr> <tr> <td><code><ul></code></td> <td>定义一个无序列表。</td> </tr> <tr> <td><code><li></code></td> <td>定义列表中的一个列表项。</td> </tr> <tr> <td><code><dl></code></td> <td>定义一个定义列表（一系列术语和其定义）。</td> </tr> <tr> <td><code><dt></code></td> <td>代表一个由下一个 <code><dd></code> 定义的术语。</td> </tr> <tr> <td><code><dd></code></td> <td>代表出现在它之前术语的定义。</td> </tr> <tr> <td><code><figure></code></td> <td>代表一个和文档有关的图例。</td> </tr> <tr> <td><code><figcaption></code></td> <td>代表一个图例的说明。</td> </tr> <tr> <td><code><div></code></td> <td>代表一个通用的容器，没有特殊含义。</td> </tr> </tbody> </table> <h4>文字形式</h4> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><a></code></td> <td>代表一个链接到其他资源的<em>超链接</em> 。</td> </tr> <tr> <td><code><em></code></td> <td>代表<em>强调</em> 文字。</td> </tr> <tr> <td><code><strong></code></td> <td>代表<em>特别重要</em> 文字。</td> </tr> <tr> <td><code><small></code></td> <td>代表<em>注释</em> ，如免责声明、版权声明等，对理解文档不重要。</td> </tr> <tr> <td><code><s></code></td> <td>代表<em>不准确或不相关</em> 的内容。</td> </tr> <tr> <td><code><cite></code></td> <td>代表<em>作品标题</em> 。</td> </tr> <tr> <td><code><q></code></td> <td>代表内联的<em>引用</em> 。</td> </tr> <tr> <td><code><dfn></code></td> <td>代表一个术语包含在其最近祖先内容中的<em>定义</em> 。</td> </tr> <tr> <td><code><abbr></code></td> <td>代表<em>省略</em> 或<em>缩写</em> ，其完整内容在 <code>title</code> 属性中。</td> </tr> <tr> <td><code><data></code></td> <td>关联一个内容的<em>机器可读的等价形式</em> （该元素只在 WHATWG 版本的 HTML 标准中，不在 W3C 版本的 HTML5 标准中）。</td> </tr> <tr> <td><code><time></code></td> <td>代表<em>日期</em> 和<em>时间</em> 值；机器可读的等价形式通过 <code>datetime</code> 属性指定。</td> </tr> <tr> <td><code><code></code></td> <td>代表<em>计算机代码</em> 。</td> </tr> <tr> <td><code><var></code></td> <td>代表<em>代码中的变量</em> 。</td> </tr> <tr> <td><code><samp></code></td> <td>代表程序或电脑的<em>输出</em> 。</td> </tr> <tr> <td><code><kbd></code></td> <td>代表<em>用户输入</em> ，一般从键盘输出，但也可以代表其他输入，如语音输入。</td> </tr> <tr> <td> <code><sub></code>,<code><sup></code> </td> <td>分别代表<em>下标</em> 和<em>上标</em> 。</td> </tr> <tr> <td><code><i></code></td> <td>代表一段<em>不同性质</em> 的文字，如技术术语、外文短语等。</td> </tr> <tr> <td><code><b></code></td> <td>代表一段<em>需要被关注</em> 的文字。</td> </tr> <tr> <td><code><u></code></td> <td>代表一段需要<em>下划线</em>呈现的文本注释，如标记出拼写错误的文字等。</td> </tr> <tr> <td><code><mark></code></td> <td>代表一段需要被高亮的<em>引用</em> 文字。</td> </tr> <tr> <td><code><ruby></code></td> <td>代表被<em>ruby 注释</em> 标记的文本，如中文汉字和它的拼音。</td> </tr> <tr> <td><code><rt></code></td> <td>代表<em>ruby 注释</em> ，如中文拼音。</td> </tr> <tr> <td><code><rp></code></td> <td>代表 ruby 注释两边的<em>额外插入文本</em> ，用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。</td> </tr> <tr> <td><code><bdi></code></td> <td>代表需要<em>脱离</em> 父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本。</td> </tr> <tr> <td><code><bdo></code></td> <td>指定子元素的<em>文本方向</em> ，显式地覆盖默认的文本方向。</td> </tr> <tr> <td><code><span></code></td> <td>代表一段没有特殊含义的文本，当其他语义元素都不适合文本时候可以使用该元素。</td> </tr> <tr> <td><code><br></code></td> <td>代表<em>换行</em> 。</td> </tr> <tr> <td><code><wbr></code></td> <td>代表<em>建议换行 (Word Break Opportunity)</em> ，当文本太长需要换行时将会在此处添加换行符。</td> </tr> </tbody> </table> <h4>编辑</h4> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><ins></code></td> <td>定义<em>增加</em> 到文档的内容。</td> </tr> <tr> <td><code><del></code></td> <td>定义从文档<em>移除</em> 的内容。</td> </tr> </tbody> </table> <h4>嵌入内容</h4> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><img></code></td> <td>代表一张<em>图片</em> 。</td> </tr> <tr> <td><code><iframe></code></td> <td>代表一个<em>内联的框架</em> 。</td> </tr> <tr> <td><code><embed></code></td> <td>代表一个<em>嵌入</em> 的外部资源，如应用程序或交互内容。</td> </tr> <tr> <td><code><object></code></td> <td>代表一个<em>外部资源</em> ，如图片、HTML 子文档、插件等。</td> </tr> <tr> <td><code><param></code></td> <td>代表 <code><object></code> 元素所指定的插件的<em>参数</em> 。</td> </tr> <tr> <td><code><video></code></td> <td>代表一段<em>视频</em> 及其视频文件和字幕，并提供了播放视频的用户界面。</td> </tr> <tr> <td><code><audio></code></td> <td>代表一段<em>声音</em> ，或<em>音频流</em> 。</td> </tr> <tr> <td><code><source></code></td> <td>为 <code><video></code> 或 <code><audio></code> 这类媒体元素指定<em>媒体源</em> 。</td> </tr> <tr> <td><code><track></code></td> <td>为 <code><video></code> 或 <code><audio></code> 这类媒体元素指定<em>文本轨道（字幕）</em> 。</td> </tr> <tr> <td><code><canvas></code></td> <td>代表<em>位图区域</em> ，可以通过脚本在它上面实时呈现图形，如图表、游戏绘图等。</td> </tr> <tr> <td><code><map></code></td> <td>与 <code><area></code> 元素共同定义<em>图像映射</em> 区域。</td> </tr> <tr> <td><code><area></code></td> <td>与 <code><map></code> 元素共同定义<em>图像映射</em> 区域。</td> </tr> <tr> <td><code><svg></code></td> <td>定义一个嵌入式<em>矢量图</em> 。</td> </tr> <tr> <td><code>[<math>](https://developer.mozilla.org/zh-CN/docs/Web/MathML/Element/math "<math>")</code></td> <td>定义一段<em>数学公式</em> 。</td> </tr> </tbody> </table> <h4>表格</h4> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><table></code></td> <td>定义<em>多维数据</em> 。</td> </tr> <tr> <td><code><caption></code></td> <td>代表<em>表格的标题</em> 。</td> </tr> <tr> <td><code><colgroup></code></td> <td>代表表格中一组<em>单列或多列</em> 。</td> </tr> <tr> <td><code><col></code></td> <td>代表表格中的<em>列</em> 。</td> </tr> <tr> <td><code><tbody></code></td> <td>代表表格中一块<em>具体数据</em> （表格主体）。</td> </tr> <tr> <td><code><thead></code></td> <td>代表表格中一块<em>列标签</em> （表头）。</td> </tr> <tr> <td><code><tfoot></code></td> <td>代表表格中一块<em>列摘要</em> （表尾）。</td> </tr> <tr> <td><code><tr></code></td> <td>代表表格中的<em>行</em> 。</td> </tr> <tr> <td><code><td></code></td> <td>代表表格中的<em>单元格</em> 。</td> </tr> <tr> <td><code><th></code></td> <td>代表表格中的<em>头部单元格</em> 。</td> </tr> </tbody> </table> <h4>表单</h4> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><form></code></td> <td>代表一个<em>表单</em> ，由控件组成。</td> </tr> <tr> <td><code><fieldset></code></td> <td>代表<em>控件组</em> 。</td> </tr> <tr> <td><code><legend></code></td> <td>代表 <code><fieldset></code> 控件组的<em>标题</em> 。</td> </tr> <tr> <td><code><label></code></td> <td>代表表单控件的<em>标题</em> 。</td> </tr> <tr> <td><code><input></code></td> <td>代表允许用户编辑数据的<em>数据区</em> （文本框、单选框、复选框等）。</td> </tr> <tr> <td><code><button></code></td> <td>代表<em>按钮</em> 。</td> </tr> <tr> <td><code><select></code></td> <td>代表<em>下拉框</em> 。</td> </tr> <tr> <td><code><datalist></code></td> <td>代表提供给其他控件的<em>一组预定义选项</em> 。</td> </tr> <tr> <td><code><optgroup></code></td> <td>代表一个<em>选项分组</em> 。</td> </tr> <tr> <td><code><option></code></td> <td>代表一个 <code><select></code> 元素或 <code><datalist></code> 元素中的一个<em>选项</em> </td> </tr> <tr> <td><code><textarea></code></td> <td>代表<em>多行文本框</em> 。</td> </tr> <tr> <td><code><keygen></code></td> <td>代表一个<em>密钥对生成器</em> 控件。</td> </tr> <tr> <td><code><output></code></td> <td>代表<em>计算值</em> 。</td> </tr> <tr> <td><code><progress></code></td> <td>代表<em>进度条</em> 。</td> </tr> <tr> <td><code><meter></code></td> <td>代表<em>滑动条</em> 。</td> </tr> </tbody> </table> <h4>交互元素</h4> <table> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code><details></code></td> <td>代表一个用户可以(点击)获取额外信息或控件的<em>小部件</em> 。</td> </tr> <tr> <td><code><summary></code></td> <td>代表 <code><details></code> 元素的<em>综述</em> 或<em>标题</em> 。</td> </tr> <tr> <td><code><menuitem></code></td> <td>代表一个用户可以点击的菜单项。</td> </tr> <tr> <td><code><menu></code></td> <td>代表菜单。</td> </tr> </tbody> </table> <h3>什么是空标签</h3> <p>一个<strong>空元素（empty element）</strong>可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。</p> <p>HTML，SVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容（define very precisely what each element can contain）。许多组合是没有任何语义含义的，比如一个 <code><audio></code> 元素嵌套在一个 <code><hr></code> 元素里。</p> <p>在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如， <code><input type="text"></input></code> 的闭标签是无效的 HTML。</p> <p>在 HTML 中有以下这些空元素：</p> <ul> <li><code><area></code></li> <li><code><base></code></li> <li><code><br></code></li> <li><code><col></code></li> <li> <code><colgroup></code> when the <code>[span](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/colgroup#attr-span)</code> is present</li> <li><code><command></code></li> <li><code><embed></code></li> <li><code><hr></code></li> <li><code><img></code></li> <li><code><input></code></li> <li><code><keygen></code></li> <li><code><link></code></li> <li><code><meta></code></li> <li><code><param></code></li> <li><code><source></code></li> <li><code><track></code></li> <li><code><wbr></code></li> </ul> <h3>什么是可替换标签</h3> <p>CSS 里，<strong>可替换元素（replaced element）</strong>的展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的外部对象。典型的可替换元素有 <code><img></code>、 <code><object></code>、 <code><video></code> 和表单元素，如<code><textarea></code>、 <code><input></code> 。某些元素只在一些特殊情况下表现为可替换元素，例如 <code><audio></code> 和 <code><canvas></code> 。通过 CSS <code>content</code> 属性来插入的对象被称作 <strong>匿名可替换元素（</strong><em>anonymous replaced elements</em><strong>）</strong>。</p> <p>CSS在某些情况下会对可替换元素做特殊处理，比如计算外边距和一些auto值。</p> <p>需要注意的是，一部分（并非全部）可替换元素，本身具有尺寸和基线（baseline），会被像<code>vertical-align</code>之类的一些 CSS 属性用到。</p> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1226359990105772032"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(MDN学习网站及HTML标签)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1903209472474542080.htm" title="Kotlin代码示例及详细解析（Kotlin 1.3.11）" target="_blank">Kotlin代码示例及详细解析（Kotlin 1.3.11）</a> <span class="text-muted">淮山2</span> <a class="tag" taget="_blank" href="/search/kotlin/1.htm">kotlin</a> <div>//Kotlin1.3.11编译器版本//无包声明//1.基础变量声明//声明实例变量AAA1，类型为Int，初始值为0，类似C语言先声明后初始化的习惯varAAA1:Int=0//声明实例变量AAA2，类型为Double，初始值为0.0varAAA2:Double=0.0//声明实例变量AAA3，类型为String，初始值为空字符串varAAA3:String=""//2.静态变量声明//声明静</div> </li> <li><a href="/article/1903206445789278208.htm" title="微软Data Formulator：用AI重塑数据可视化的未来" target="_blank">微软Data Formulator：用AI重塑数据可视化的未来</a> <span class="text-muted">几道之旅</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E4%BD%93%E5%8F%8A%E6%95%B0%E5%AD%97%E5%91%98%E5%B7%A5/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><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">信息可视化</a> <div>在数据驱动的时代，如何快速将复杂数据转化为直观的图表是每个分析师面临的挑战。微软研究院推出的开源工具DataFormulator，通过结合AI与交互式界面，重新定义了数据可视化的工作流。本文将深入解析这一工具的核心功能、安装方法及使用技巧，助你轻松驾驭数据之美。一、DataFormulator是什么？DataFormulator是一款基于大语言模型（LLM）的AI工具，旨在帮助用户通过自然语言和界</div> </li> <li><a href="/article/1903202408071229440.htm" title="VUE中的组件加载方式" target="_blank">VUE中的组件加载方式</a> <span class="text-muted">catino</span> <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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>加载方式有哪些，及如何进行选择常规的静态引入是在组件初始化时就加载所有依赖的组件，而懒加载则是等到组件需要被渲染的时候才加载。对于大型应用，可能会有很多组件，如果一开始都加载，可能会影响首屏加载时间。如果某些组件在首屏不需要，比如弹窗或者标签页里的内容，那么懒加载会更好，减少初始加载时间，实现时使用动态导入和异步组件，同时注意处理加载状态和错误处理。。反之，如果组件在页面初始化时就必须显示，那么静</div> </li> <li><a href="/article/1903200638469206016.htm" title="免费GIS工具箱：支持多种格式的模型预览及编辑，还能进行协同编辑" target="_blank">免费GIS工具箱：支持多种格式的模型预览及编辑，还能进行协同编辑</a> <span class="text-muted">GISBox</span> <a class="tag" taget="_blank" href="/search/GISBox/1.htm">GISBox</a><a class="tag" taget="_blank" href="/search/GIS/1.htm">GIS</a><a class="tag" taget="_blank" href="/search/%E5%88%87%E7%89%87/1.htm">切片</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%8F%91/1.htm">分发</a><a class="tag" taget="_blank" href="/search/%E5%80%BE%E6%96%9C%E6%91%84%E5%BD%B1/1.htm">倾斜摄影</a><a class="tag" taget="_blank" href="/search/OBJ/1.htm">OBJ</a><a class="tag" taget="_blank" href="/search/FBX/1.htm">FBX</a><a class="tag" taget="_blank" href="/search/OSGB/1.htm">OSGB</a> <div>市面上不少GIS软件价格高昂，功能却不尽人意。但GISBox却不太一样，它的切片、分发功能完全免费，能预览、编辑多种格式模型，还支持协同编辑，性价比远超同类软件，如果你想进一步了解它，不妨看看这篇文章。01打破价格与功能的双重困境在地理信息系统（GIS）领域，大多数软件的高价一直是小型企业、科研团队以及个人开发者的一大阻碍。这些软件不仅采购成本高，后续的维护和升级费用也不低。与此同时，很多软件功能</div> </li> <li><a href="/article/1903199753382981632.htm" title="【Q&A】QT事件处理流程是怎么样的？" target="_blank">【Q&A】QT事件处理流程是怎么样的？</a> <span class="text-muted">浅慕Antonio</span> <a class="tag" taget="_blank" href="/search/Q%26amp%3BA/1.htm">Q&A</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/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>Qt事件流程详解1.事件流程概述在Qt中，事件处理是实现用户交互和系统响应的核心机制。整个事件流程从事件产生开始，经过事件队列的管理、事件分发，最终到达目标对象进行处理，若未处理还会进行事件传播。2.详细流程步骤及代码示例2.1事件产生事件可以由多种方式产生，包括用户输入、系统消息和程序主动发送自定义事件。用户输入事件示例：#include#include#includeintmain(intar</div> </li> <li><a href="/article/1903198745441398784.htm" title="C++中函数模板与类模板的简单使用" target="_blank">C++中函数模板与类模板的简单使用</a> <span class="text-muted">CoderIsArt</span> <a class="tag" taget="_blank" href="/search/C%2B%2B11/1.htm">C++11</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E6%A8%A1%E6%9D%BF/1.htm">函数模板</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E6%A8%A1%E6%9D%BF/1.htm">类模板</a> <div>在C++中，模板是实现泛型编程的核心机制，允许开发者编写与类型无关的代码。以下是函数模板和类模板的详细介绍及实际示例。一、函数模板定义函数模板通过参数化类型实现泛型操作，只需编写一次代码即可处理多种数据类型，避免重复。语法template返回类型函数名(参数列表){...}typenameT表示类型占位符，编译时根据实参类型自动实例化。真实示例‌交换两个值（swap）templatevoidswa</div> </li> <li><a href="/article/1903198493154013184.htm" title="QT中Xml及查看调试中容器的内部数据" target="_blank">QT中Xml及查看调试中容器的内部数据</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/qt/1.htm">qt</a> <div>voidChuankouUI::writeFile(){QFilefile(filePath);if(!file.open(QIODevice::WriteOnly)){emiterrData("打开配置文件失败");return;}QDomDocumentdoc;//添加根节点QDomElementroot=doc.createElement("config");doc.appendChild(</div> </li> <li><a href="/article/1903196225935568896.htm" title="hdc工具安装、常用命令及使用技巧" target="_blank">hdc工具安装、常用命令及使用技巧</a> <span class="text-muted">MardaWang</span> <a class="tag" taget="_blank" href="/search/HarmonyOS/1.htm">HarmonyOS</a><a class="tag" taget="_blank" href="/search/NEXT/1.htm">NEXT</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a> <div>介绍：hdc（OpenHarmonyDeviceConnector）是为开发人员提供的用于设备连接调试的命令行工具，该工具需支持部署在Windows/Linux/Mac等系统上与OpenHarmony设备（或模拟器）进行连接调试通信。简单来讲，hdc是OpenHarmony提供的用于开发人员调试硬件、应用的命令行工具，用在电脑与开发板之间的交互。hdc适用于OpenHarmony应用、硬件开发及测</div> </li> <li><a href="/article/1903194207972028416.htm" title="向量检索、检索增强生成（RAG）、大语言模型及相关系统架构——典型面试问题及简要答案" target="_blank">向量检索、检索增强生成（RAG）、大语言模型及相关系统架构——典型面试问题及简要答案</a> <span class="text-muted">快撑死的鱼</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95%E5%B7%A5%E7%A8%8B%E5%B8%88%E5%AE%9D%E5%85%B8%EF%BC%88%E9%9D%A2%E8%AF%95/1.htm">算法工程师宝典（面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%9C%80%E6%96%B0%E6%8A%80%E6%9C%AF%E5%BF%85%E5%A4%87%EF%BC%89/1.htm">学习最新技术必备）</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>1.什么是向量检索？它与传统基于关键字的检索相比有什么不同？答案要点：向量检索是将文本、图像、音频等数据映射为向量，在高维向量空间中基于相似度或距离进行搜索。与传统基于关键字的检索（如倒排索引）相比，向量检索更关注“语义”或“特征”，能找出语义上相似但未必包含相同关键词的内容。向量检索非常适合多模态场景（例如“以图搜图”）或自然语言问答（同义词、上下文关联等）。2.什么是检索增强生成（RAG）？核</div> </li> <li><a href="/article/1903192443134734336.htm" title="如何评估一个RAG系统（RAGas评测框架）-下篇" target="_blank">如何评估一个RAG系统（RAGas评测框架）-下篇</a> <span class="text-muted">写程序的小火箭</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/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><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/langchain/1.htm">langchain</a><a class="tag" taget="_blank" href="/search/gpt/1.htm">gpt</a> <div>RAGas是一个用于评测RAG系统的评测框架，它支持与不同大语言模型的集成，并与langchain生态打通，能够很方便的构建评测系统。下面是RAGas的一些链接论文：https://arxiv.org/pdf/2309.15217官方文档：Ragashttps://github.com/explodinggradients/ragas官方文档及github对框架的使用介绍的比较详细，本文不会就该方</div> </li> <li><a href="/article/1903190426165243904.htm" title="一步到位！7大模型部署框架深度测评：从理论到DeepSeek R1:7B落地实战" target="_blank">一步到位！7大模型部署框架深度测评：从理论到DeepSeek R1:7B落地实战</a> <span class="text-muted">人肉推土机</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>本文在掘金同步发布：文章地址更多优质文章，请关注本人掘金账号：人肉推土机的掘金账号随着大语言模型（LLM）的广泛应用，如何高效部署和推理模型成为开发者关注的核心问题。本文深入解析主流模型部署框架（Transformers、ModelScope、vLLM、LMDeploy、Ollama、SGLang、DeepSpeed），结合其技术原理、优缺点及适用场景，并提供DeepSeekR1:7B的详细部署实</div> </li> <li><a href="/article/1903189289341087744.htm" title="新建react native项目都失败，创建出来的都是.xcodeproj，而不是.xcworkspace，如何解决？？" target="_blank">新建react native项目都失败，创建出来的都是.xcodeproj，而不是.xcworkspace，如何解决？？</a> <span class="text-muted">bug菌¹</span> <a class="tag" taget="_blank" href="/search/%E5%85%A8%E6%A0%88Bug%E8%B0%83%E4%BC%98%28%E5%AE%9E%E6%88%98%E7%89%88%29/1.htm">全栈Bug调优(实战版)</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案1.确保正确设置代理源（如果你在国内）2.手动安装CocoaPods依赖3.检查你的Ruby和CocoaPods环境4.尝试清理并重建项目5.查</div> </li> <li><a href="/article/1903171123940487168.htm" title="从MVC实战学习网站编写（一）初识MVC" target="_blank">从MVC实战学习网站编写（一）初识MVC</a> <span class="text-muted">璞瑜无文</span> <a class="tag" taget="_blank" href="/search/MVC/1.htm">MVC</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1/1.htm">设计</a><a class="tag" taget="_blank" href="/search/%E7%BB%93%E6%9E%84/1.htm">结构</a> <div>前情概要：曾是学生时代的我，初识架构是一个传说中的三层架构。这可是鼻祖啊！因为我个人认为这是第一个让我明白高内聚低耦合的一种写代码的方式。刚接触写程序统统都是把所有的东西放一起，自己找一段代码得花很长时间（哪个时候还不知道VS有F12的存在）。简单的说就是UI层（界面），BLL层（业务处理），DAL层（数据处理）。就是分工明确在不同的包里分别编译，便于管理。今天我们从MVC基础开始穿插Knocko</div> </li> <li><a href="/article/1903167969412837376.htm" title="解析XML文件及QTableWidget示例" target="_blank">解析XML文件及QTableWidget示例</a> <span class="text-muted">ctrigger</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>解析XML文件及QTableWidget示例#include"mainwindow.h"#include"ui_mainwindow.h"#include#include#includeMainWindow::MainWindow(QWidgetparent):QMainWindow(parent),ui(newUi::MainWindow){ui->setupUi(this);setWindo</div> </li> <li><a href="/article/1903165563815915520.htm" title="如何使用PHP爬虫根据关键词获取Shopee商品列表？" target="_blank">如何使用PHP爬虫根据关键词获取Shopee商品列表？</a> <span class="text-muted">数据小爬虫@</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>在跨境电商领域，Shopee作为东南亚及中国台湾地区领先的电商平台，拥有海量的商品信息。无论是进行市场调研、数据分析，还是寻找热门商品，根据关键词获取Shopee商品列表都是一项极具价值的任务。然而，手动浏览和整理这些信息显然是低效且容易出错的。幸运的是，通过编写PHP爬虫程序，我们可以高效地完成这一任务。本文将详细介绍如何利用PHP爬虫根据关键词获取Shopee商品列表，并提供完整的代码示例。一</div> </li> <li><a href="/article/1903164171600588800.htm" title="如何使用PHP爬虫获取Shopee（虾皮）商品详情？" target="_blank">如何使用PHP爬虫获取Shopee（虾皮）商品详情？</a> <span class="text-muted">数据小爬虫@</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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>在跨境电商领域，Shopee（虾皮）作为东南亚及中国台湾地区领先的电商平台，拥有海量的商品信息。无论是进行市场调研、数据分析，还是寻找热门商品，获取Shopee商品详情都是一项极具价值的任务。然而，手动浏览和整理这些信息显然是低效且容易出错的。幸运的是，通过编写PHP爬虫程序，我们可以高效地完成这一任务。本文将详细介绍如何利用PHP爬虫获取Shopee商品详情，并提供完整的代码示例。一、为什么选择</div> </li> <li><a href="/article/1903163162190999552.htm" title="便民服务一体化的智慧园区开源了" target="_blank">便民服务一体化的智慧园区开源了</a> <span class="text-muted">AI服务老曹</span> <a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/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><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/1.htm">能源</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a> <div>智慧园区场景视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。充分利用现有的摄像头设备，无需大规模更换，降低成本同时提升系统的实施效率。用户只需在界面上进行简单的操作，就可以实现全视频的接入及布控。项目搭建地址基础项目搭建地址：yihecode</div> </li> <li><a href="/article/1903163163579314176.htm" title="实现物流行业数字化、智能化管理的新型模式的智慧物流开源了" target="_blank">实现物流行业数字化、智能化管理的新型模式的智慧物流开源了</a> <span class="text-muted">AI服务老曹</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/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><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>智慧物流视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。构建基于Ai技术的安全监管平台，可逐步实现智能化巡检，针对安全事故隐患进行有效监控预警，降低安全违规行为发生率，节省人工监管成本。用户只需在界面上进行简单的操作，就可以实现全视频的接入及</div> </li> <li><a href="/article/1903163164250402816.htm" title="全流程数字化管理的智慧物流开源了" target="_blank">全流程数字化管理的智慧物流开源了</a> <span class="text-muted">AI服务老曹</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%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><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a> <div>智慧物流视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。构建基于Ai技术的安全监管平台，可逐步实现智能化巡检，针对安全事故隐患进行有效监控预警，降低安全违规行为发生率，节省人工监管成本。用户只需在界面上进行简单的操作，就可以实现全视频的接入及</div> </li> <li><a href="/article/1903162658169876480.htm" title="html5 图像标签" target="_blank">html5 图像标签</a> <span class="text-muted">不负韶华ღ</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签。1、：图像嵌入HTML元素将一份图像嵌入文档。src属性用于指定图像文件的路径和文件名，是标签的必需属性。alt属性包含一条对图像的文本描述，这不是强制性的，但对无障碍而言，它难以置信地有用——屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义。如果由于某种原因无法加载图像，普通浏览器也</div> </li> <li><a href="/article/1903161020155752448.htm" title="MCP协议" target="_blank">MCP协议</a> <span class="text-muted">zhurui_xiaozhuzaizai</span> <a class="tag" taget="_blank" href="/search/%E5%85%A5%E5%8F%A3%E9%9B%86%E9%94%A6/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><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a> <div>1什么是MCP？MCP（ModelContextProtocol，模型上下文协议）是由Anthropic推出的一种开放标准，旨在统一大型语言模型（LLM）与外部数据源和工具之间的通信协议。MCP的主要目的在于解决当前AI模型因数据孤岛限制而无法充分发挥潜力的难题，MCP使得AI应用能够安全地访问和操作本地及远程数据，为AI应用提供了连接万物的接口。1.1MCP与functioncallMCP是在O</div> </li> <li><a href="/article/1903160893777178624.htm" title="在html中图像标签是什么意思,在html中图像标签是什么意思" target="_blank">在html中图像标签是什么意思,在html中图像标签是什么意思</a> <span class="text-muted">李白涛</span> <a class="tag" taget="_blank" href="/search/%E5%9C%A8html%E4%B8%AD%E5%9B%BE%E5%83%8F%E6%A0%87%E7%AD%BE%E6%98%AF%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D/1.htm">在html中图像标签是什么意思</a> <div>在html中图像标签是指用于定义图像的标签，即“”标签。img元素可以向网页中嵌入一幅图像，“”标签的作用是为被引用的图像创建占位符，将图像链接到HTML页面上。本教程操作环境：windows7系统、CSS3&&HTML5版、DellG3电脑。在html中图像标签是指用于定义图像的标签，即“”标签。HTML标签标签定义HTML页面中的图像。标签有两个必需的属性：src和alt。注释：从技术上讲，图</div> </li> <li><a href="/article/1903160515383848960.htm" title="降低成本、提高效率的智慧能源开源了。" target="_blank">降低成本、提高效率的智慧能源开源了。</a> <span class="text-muted">ai产品老杨</span> <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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>一、简介AI视频监控平台,是一款功能强大且简单易用的实时算法视频监控系统。愿景在最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，减少企业级应用约95%的开发成本，在强大视频算法加持下的AR使得远程培训和远程操作指导不仅仅能够实现前后场的简单互动，而且能够实现人机结合，最终实现整个巡检流程的标准化。用户仅需在界面上简单操作，即可实现全视频的接入及布控。通</div> </li> <li><a href="/article/1903159381227270144.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/html/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/css/1.htm">css</a> <div>HTML网页图像标签常见的图像格式JPGGIFPNGBMP…一、标签的定义及用法在html中，标签是使用来在网页中嵌入一幅图像。从技术上讲，图像并不是插入到网页中，而是链接到网页中，标签的作用是为被引用的图像创建占位符。标签在网页中很常用，比如，引入一个logo图片、按钮背景图片、工具图标等等。只要是有图片的地方，源代码中基本都有标签（除一些背景图片以外）。二、标签语法格式说明：src属性是用来指</div> </li> <li><a href="/article/1903145884003135488.htm" title="【系统架构设计师-2018年】案例分析-答案及详解" target="_blank">【系统架构设计师-2018年】案例分析-答案及详解</a> <span class="text-muted">数据知道</span> <a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E8%80%83%E9%AB%98%E7%BA%A7/1.htm">软考高级</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1%E5%B8%88/1.htm">系统架构设计师</a> <div>试题一（25分）阅读以下关于软件系统设计的叙述，在答题纸上回答问题1至问题3。【说明】某文化产业集团委托软件公司开发一套文化用品商城系统，业务涉及文化用品销售、定制、竞拍和点评等板块，以提升商城的信息化建设水平。该软件公司组织项目组完成了需求调研，现已进入到系统架构设计阶段。考虑到系统需求对架构设计决策的影响，项目组先列出了可能影响系统架构设计的部分需求如下：（a）用户界面支持用户的个性化定制；（</div> </li> <li><a href="/article/1903141222185234432.htm" title="React 18 如何定义变量，及赋值与渲染" target="_blank">React 18 如何定义变量，及赋值与渲染</a> <span class="text-muted">痴心阿文</span> <a class="tag" taget="_blank" href="/search/React/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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>React18中，定义变量、赋值和渲染的方式因变量的用途和作用域不同而有所差异，下面为你详细介绍不同场景下的实现方法。1.函数组件内定义普通变量在函数组件里，你可以像在普通JavaScript函数中一样定义变量，并且这些变量会在每次组件重新渲染时重新创建。importReactfrom'react';constMyComponent=()=>{//定义普通变量并赋值constmessage='He</div> </li> <li><a href="/article/1903134013179097088.htm" title="DNS污染：网络世界的“隐形劫持”与防御" target="_blank">DNS污染：网络世界的“隐形劫持”与防御</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/dns%E5%8A%AB%E6%8C%81dns%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">dns劫持dns网络安全</a> <div>在互联网的底层架构中，DNS（域名系统）如同数字世界的“导航员”，将用户输入的域名翻译成机器可读的IP地址。然而，DNS污染（DNSPoisoning）正像一场无声的“地址篡改”危机，威胁着全球网络的安全与稳定。本文将深入拆解DNS污染的技术原理、现实危害及应对策略，帮助个人与企业构建安全防线。一、DNS污染的本质：一场“地址簿”的篡改DNS污染，指攻击者通过技术手段向DNS服务器注入虚假的域名解</div> </li> <li><a href="/article/1903130756427870208.htm" title="移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c" target="_blank">移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c</a> <span class="text-muted">Ailsa-show</span> <div>移动端网页布局注意事项及解决1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉1、关闭iOS键盘首字母自动大写2、禁止文本缩放html{-webkit-text-size-adjust:100%;}3、移动端如何清除输入框内阴影在iOS上，输入框默认有内部阴影，但无法使用box-shadow来清除，如果不需要阴影，可以这样关闭：input,textarea{border</div> </li> <li><a href="/article/1903130231766577152.htm" title="HarmonyOS5开发：Ark-TS 深度解析：从状态管理到性能优化，揭秘鸿蒙开发的底层逻辑" target="_blank">HarmonyOS5开发：Ark-TS 深度解析：从状态管理到性能优化，揭秘鸿蒙开发的底层逻辑</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/harmonyos-next/1.htm">harmonyos-next</a> <div>Ark-TS作为鸿蒙生态的核心开发语言，其设计哲学和技术细节值得让我们一起深入挖掘以下下。这篇文章将会带您和我们一起聚焦Ark-TS的状态管理机制、类型系统优化及声明式UI的底层实现，通过代码示例和原理分析，带您揭开Ark-TS高效开发的神秘面纱。一、状态管理：Ark-TS的“神经中枢”在Ark-TS中，状态管理是驱动UI更新的核心机制。不同的状态装饰器（如@State、@Prop、@Link）各</div> </li> <li><a href="/article/1903130126007201792.htm" title="专利状态查询" target="_blank">专利状态查询</a> <span class="text-muted">做一个码农都是奢望</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>我们学校没开通电子申请，只能纸质申请，导致信件延迟。所以需要及时掌握专利的状态。查询方法如下：1登录国知局国家知识产权公共服务平台(cnipa.gov.cn)打开中国及多国查询2输入申请号查询结果1：授权了需要我们缴费了！结果2：未缴纳申请费去缴费系统输入需要缴费专利的申请号，进行付款即可。3申请号获得方法查询即可4专利证书下载专利证书下载(cnipa.gov.cn)</div> </li> <li><a href="/article/86.htm" title="linux系统服务器下jsp传参数乱码" target="_blank">linux系统服务器下jsp传参数乱码</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>在一次解决乱码问题中，发现jsp在windows下用js原生的方法进行编码没有问题，但是到了linux下就有问题， escape,encodeURI,encodeURIComponent等都解决不了问题但是我想了下既然原生的方法不行，我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码，最后在绝望之际，用了下面的方法解决了</div> </li> <li><a href="/article/213.htm" title="Spring 注解区别以及应用" target="_blank">Spring 注解区别以及应用</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>1. @Autowired @Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean，或者不存在UserDao类型的bean，会抛出 BeanCreationException异常，这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。 2. @Qualifier 当spring中存在至少一个匹</div> </li> <li><a href="/article/340.htm" title="printf和sprintf的应用" target="_blank">printf和sprintf的应用</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/sprintf/1.htm">sprintf</a><a class="tag" taget="_blank" href="/search/printf/1.htm">printf</a> <div><?php printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80); echo '<br />'; printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456); printf('th</div> </li> <li><a href="/article/467.htm" title="config.getInitParameter" target="_blank">config.getInitParameter</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/parameter/1.htm">parameter</a> <div>web.xml <servlet> <servlet-name>servlet1</servlet-name> <jsp-file>/index.jsp</jsp-file> <init-param> <param-name>str</param-name> </div> </li> <li><a href="/article/594.htm" title="Ant标签详解--基础操作" target="_blank">Ant标签详解--基础操作</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/ant/1.htm">ant</a> <div> Ant的一些核心概念： build.xml：构建文件是以XML 文件来描述的，默认构建文件名为build.xml。 project：每个构建文</div> </li> <li><a href="/article/721.htm" title="[简单]代码片段_数据合并" target="_blank">[简单]代码片段_数据合并</a> <span class="text-muted">53873039oycg</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a> <div> 合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。代码如下: </div> </li> <li><a href="/article/848.htm" title="java 通信技术" target="_blank">java 通信技术</a> <span class="text-muted">云端月影</span> <a class="tag" taget="_blank" href="/search/Java+%E8%BF%9C%E7%A8%8B%E9%80%9A%E4%BF%A1%E6%8A%80%E6%9C%AF/1.htm">Java 远程通信技术</a> <div>在分布式服务框架中，一个最基础的问题就是远程服务是怎么通讯的，在Java领域中有很多可实现远程通讯的技术，例如：RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等，这些名词之间到底是些什么关系呢，它们背后到底是基于什么原理实现的呢，了解这些是实现分布式服务框架的基础知识，而如果在性能上有高的要求的话，那深入了解这些技术背后的机制就是必须的了，在这篇blog中我们将来</div> </li> <li><a href="/article/975.htm" title="string与StringBuilder 性能差距到底有多大" target="_blank">string与StringBuilder 性能差距到底有多大</a> <span class="text-muted">aijuans</span> <div> 之前也看过一些对string与StringBuilder的性能分析，总感觉这个应该对整体性能不会产生多大的影响，所以就一直没有关注这块！由于学程序初期最先接触的string拼接，所以就一直没改变过自己的习惯！ </div> </li> <li><a href="/article/1102.htm" title="今天碰到 java.util.ConcurrentModificationException 异常" target="_blank">今天碰到 java.util.ConcurrentModificationException 异常</a> <span class="text-muted">antonyup_2006</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/IBM/1.htm">IBM</a> <div>今天改bug，其中有个实现是要对map进行循环，然后有删除操作，代码如下： Iterator<ListItem> iter = ItemMap.keySet.iterator(); while(iter.hasNext()){ ListItem it = iter.next(); //...一些逻辑操作 ItemMap.remove(it); } 结果运行报Con</div> </li> <li><a href="/article/1229.htm" title="PL/SQL的类型和JDBC操作数据库" target="_blank">PL/SQL的类型和JDBC操作数据库</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/PL%2FSQL%E8%A1%A8/1.htm">PL/SQL表</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E9%87%8F%E7%B1%BB%E5%9E%8B/1.htm">标量类型</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%A0%87/1.htm">游标</a><a class="tag" taget="_blank" href="/search/PL%2FSQL%E8%AE%B0%E5%BD%95/1.htm">PL/SQL记录</a> <div>PL/SQL的标量类型: 字符,数字,时间,布尔,%type五中类型的 --标量：数据库中预定义类型的变量 --定义一个变长字符串 v_ename varchar2(10); --定义一个小数,范围 -9999.99~9999.99 v_sal number(6,2); --定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号 </div> </li> <li><a href="/article/1356.htm" title="Mockito：一个强大的用于 Java 开发的模拟测试框架实例" target="_blank">Mockito：一个强大的用于 Java 开发的模拟测试框架实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>Mockito框架： Mockito是一个基于MIT协议的开源java测试框架。 Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测</div> </li> <li><a href="/article/1483.htm" title="精通Oracle10编程SQL(10)处理例外" target="_blank">精通Oracle10编程SQL(10)处理例外</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>/ 处理例外 / --例外简介 --处理例外-传递例外 declare v_ename emp.ename%TYPE; begin SELECT ename INTO v_ename FROM emp where empno=&no; dbms_output.put_line('雇员名：'\|\|v_ename); exceptio</div> </li> <li><a href="/article/1610.htm" title="【Java】Java执行远程机器上Linux命令" target="_blank">【Java】Java执行远程机器上Linux命令</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/linux%E5%91%BD%E4%BB%A4/1.htm">linux命令</a> <div>Java使用ethz通过ssh2执行远程机器Linux上命令，封装定义Linux机器的环境信息 package com.tom; import java.io.File; public class Env { private String hostaddr; //Linux机器的IP地址 private Integer po</div> </li> <li><a href="/article/1737.htm" title="java通信之Socket通信基础" target="_blank">java通信之Socket通信基础</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a> <div>正处于网络环境下的两个程序，它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤： ①创建Socket； ②打开连接到Socket的输入输出流； ④按照一定的协议对Socket进行读写操作； ④关闭Socket。 Socket通信分两部分：服务器端和客户端。服务器端必须优先启动，然后等待soc</div> </li> <li><a href="/article/1864.htm" title="angular.bind" target="_blank">angular.bind</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/angular.bind/1.htm">angular.bind</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a><a class="tag" taget="_blank" href="/search/bind/1.htm">bind</a> <div>angular.bind 描述：上下文，函数以及参数动态绑定，返回值为绑定之后的函数. 其中args是可选的动态参数，self在fn中使用this调用。使用方法： angular.bind(se</div> </li> <li><a href="/article/1991.htm" title="java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。" target="_blank">java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.ArrayList; import java.util.List; public class KickOutBadGuys { /** * 题目：13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 * Maybe you can find out </div> </li> <li><a href="/article/2118.htm" title="Redis.conf配置文件及相关项说明（自查备用）" target="_blank">Redis.conf配置文件及相关项说明（自查备用）</a> <span class="text-muted">Kai_Ge</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div> Redis.conf配置文件及相关项说明 # Redis configuration file example # Note on units: when memory size is needed, it is possible to specifiy # it in the usual form of 1k 5GB 4M and so forth: # </div> </li> <li><a href="/article/2245.htm" title="[强人工智能]实现大规模拓扑分析是实现强人工智能的前奏" target="_blank">[强人工智能]实现大规模拓扑分析是实现强人工智能的前奏</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div> 真不好意思,各位朋友...博客再次更新... 节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心.... 但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大... </div> </li> <li><a href="/article/2372.htm" title="记录一些常用的函数" target="_blank">记录一些常用的函数</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public static String convertInputStreamToString(InputStream is) { StringBuilder result = new StringBuilder(); if (is != null) try { InputStreamReader inputReader = new InputStreamRead</div> </li> <li><a href="/article/2499.htm" title="Hadoop中小规模集群的并行计算缺陷" target="_blank">Hadoop中小规模集群的并行计算缺陷</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E8%A1%8C%E8%AE%A1%E7%AE%97/1.htm">并行计算</a> <div>注：写这篇文章的初衷是因为Hadoop炒得有点太热，很多用户现有数据规模并不适用于Hadoop，但迫于扩容压力和去IOE（Hadoop的廉价扩展的确非常有吸引力）而尝试。尝试永远是件正确的事儿，但有时候不用太突进，可以调优或调需求，发挥现有系统的最大效用为上策。 -----------------------------------------------------------------</div> </li> <li><a href="/article/2626.htm" title="小学4年级英语单词背诵第二课" target="_blank">小学4年级英语单词背诵第二课</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>egg 蛋 twenty 二十 any 任何 well 健康的，好 twelve 十二 farm 农场 every 每一个 back 向后，回 fast 快速的 whose 谁的 much 许多 flower 花 watch 手表 very 非常，很 sport 运动 Chinese 中国的 </div> </li> <li><a href="/article/2753.htm" title="自己实践了github的webhooks, linux上面的权限需要注意" target="_blank">自己实践了github的webhooks, linux上面的权限需要注意</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/webhook/1.htm">webhook</a> <div>环境, 阿里云服务器 1. 本地创建项目, push到github服务器上面 2. 生成www用户的密钥 sudo -u www ssh-keygen -t rsa -C "xxx@xx.com" 3. 将密钥添加到github帐号的SSH_KEYS里面 3. 用www用户执行克隆, 源使</div> </li> <li><a href="/article/2880.htm" title="Java冒泡排序" target="_blank">Java冒泡排序</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">冒泡排序</a><a class="tag" taget="_blank" href="/search/Java%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">Java冒泡排序</a><a class="tag" taget="_blank" href="/search/Java%E6%8E%92%E5%BA%8F/1.htm">Java排序</a> <div>冒泡排序 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 10:40:14 星期二 http://fanshuyao.iteye.com/</div> </li> <li><a href="/article/3007.htm" title="Excle读取数据转换为实体List【基于apache-poi】" target="_blank">Excle读取数据转换为实体List【基于apache-poi】</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a> <div>1.依赖apache-poi 2.支持xls和xlsx 3.支持按属性名称绑定数据值 4.支持从指定行、列开始读取 5.支持同时读取多个sheet 6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java 比如： Str</div> </li> <li><a href="/article/3134.htm" title="3个处于草稿阶段的Javascript API介绍" target="_blank">3个处于草稿阶段的Javascript API介绍</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>原文： http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email 本文中，介绍3个仍然处于草稿阶段，但应该值得关注的Javascript API. 1) Web Alarm API &</div> </li> <li><a href="/article/3261.htm" title="6个创建Web应用程序的高效PHP框架" target="_blank">6个创建Web应用程序的高效PHP框架</a> <span class="text-muted">lampcy</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>以下是创建Web应用程序的PHP框架，有coder bay网站整理推荐： 1. CakePHP CakePHP是一个PHP快速开发框架，它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式，如MVC和ORM，降低了开发成本，并减少了开发人员写代码的工作量。 2. CodeIgniter CodeIgniter是一个非常小且功能强大的PHP框架，适合需</div> </li> <li><a href="/article/3388.htm" title="评"救市后中国股市新乱象泛起"谣言" target="_blank">评"救市后中国股市新乱象泛起"谣言</a> <span class="text-muted">nannan408</span> <div>首先来看百度百家一位易姓作者的新闻：三个多星期来股市持续暴跌，跌得投资者及上市公司都处于极度的恐慌和焦虑中，都要寻找自保及规避风险的方式。面对股市之危机，政府突然进入市场救市，希望以此来重建市场信心，以此来扭转股市持续暴跌的预期。而政府进入市场后，由于市场运作方式发生了巨大变化，投资者及上市公司为了自保及为了应对这种变化，中国股市新的乱象也自然产生。首先，中国股市这两天</div> </li> <li><a href="/article/3515.htm" title="页面全屏遮罩的实现方式" target="_blank">页面全屏遮罩的实现方式</a> <span class="text-muted">Rainbow702</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/%E9%81%AE%E7%BD%A9/1.htm">遮罩</a><a class="tag" taget="_blank" href="/search/mask/1.htm">mask</a> <div>之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就</div> </li> <li><a href="/article/3642.htm" title="关于angularjs的点滴" target="_blank">关于angularjs的点滴</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a> <div> angular是一个新兴的JS框架，和以往的框架不同的事，Angularjs更注重于js的建模，管理，同时也提供大量的组件帮助用户组建商业化程序，是一种值得研究的JS框架。 Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。这里我们来简单的探讨一下它的应用。首先使用Angularjs我</div> </li> <li><a href="/article/3769.htm" title="Nutz--->>反复新建ioc容器的后果" target="_blank">Nutz--->>反复新建ioc容器的后果</a> <span class="text-muted">xiaoxiao1992428</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a><a class="tag" taget="_blank" href="/search/nutz/1.htm">nutz</a> <div>问题： public class DaoZ { public static Dao dao() { // 每当需要使用dao的时候就取一次 Ioc ioc = new NutIoc(new JsonLoader("dao.js")); return ioc.get(</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>

</code></td> 
    <td>定义文档的标题，将显示在浏览器的标题栏或标签页上。该元素只能包含文本，包含的标签不会被解释。</td> 
   </tr> 
   <tr> 
    <td><code><base></code></td> 
    <td>定义页面上相对 URL 的基准 URL。</td> 
   </tr> 
   <tr> 
    <td><code><link></code></td> 
    <td>用于链接外部的 CSS 到该文档。</td> 
   </tr> 
   <tr> 
    <td><code><meta></code></td> 
    <td>定义其他 HTML 元素无法描述的元数据。</td> 
   </tr> 
   <tr> 
    <td><code><style></code></td> 
    <td>用于内联 CSS。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h4>脚本</h4> 
 <table> 
  <thead> 
   <tr> 
    <th>Element</th> 
    <th>Description</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><code><script></code></td> 
    <td>定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。</td> 
   </tr> 
   <tr> 
    <td><code><noscript></code></td> 
    <td>定义当浏览器不支持脚本时显示的替代文字。</td> 
   </tr> 
   <tr> 
    <td><code><template></code></td> 
    <td>通过 JavaScript 在运行时实例化内容的容器。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h4>章节</h4> 
 <table> 
  <thead> 
   <tr> 
    <th>Element</th> 
    <th>Description</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><code><body></code></td> 
    <td>代表 HTML 文档的内容。在文档中只能有一个 <code><body></code> 元素。</td> 
   </tr> 
   <tr> 
    <td><code><section></code></td> 
    <td>定义文档中的一个章节。</td> 
   </tr> 
   <tr> 
    <td><code><nav></code></td> 
    <td>定义只包含导航链接的章节。</td> 
   </tr> 
   <tr> 
    <td><code><article></code></td> 
    <td>定义可以独立于内容其余部分的完整独立内容块。</td> 
   </tr> 
   <tr> 
    <td><code><aside></code></td> 
    <td>定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。</td> 
   </tr> 
   <tr> 
    <td><code><h1>,<h2>,<h3>,<h4>,<h5>,<h6></code></td> 
    <td>标题元素实现了六层文档标题，<code><h1></code> 是最大的标题，<code><h6></code> 是最小的标题。标题元素简要地描述章节的主题。</td> 
   </tr> 
   <tr> 
    <td><code><header></code></td> 
    <td>定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。</td> 
   </tr> 
   <tr> 
    <td><code><footer></code></td> 
    <td>定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。</td> 
   </tr> 
   <tr> 
    <td><code><address></code></td> 
    <td>定义包含联系信息的一个章节。</td> 
   </tr> 
   <tr> 
    <td><code><main></code></td> 
    <td>定义文档中主要或重要的内容。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h4>组织内容</h4> 
 <table> 
  <thead> 
   <tr> 
    <th>Element</th> 
    <th>Description</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><code><p></code></td> 
    <td>定义一个段落。</td> 
   </tr> 
   <tr> 
    <td><code><hr></code></td> 
    <td>代表章节、文章或其他长内容中段落之间的分隔符。</td> 
   </tr> 
   <tr> 
    <td><code><pre></code></td> 
    <td>代表其内容已经预先排版过，格式应当保留 。</td> 
   </tr> 
   <tr> 
    <td><code><blockquote></code></td> 
    <td>代表引用自其他来源的内容。</td> 
   </tr> 
   <tr> 
    <td><code><ol></code></td> 
    <td>定义一个有序列表。</td> 
   </tr> 
   <tr> 
    <td><code><ul></code></td> 
    <td>定义一个无序列表。</td> 
   </tr> 
   <tr> 
    <td><code><li></code></td> 
    <td>定义列表中的一个列表项。</td> 
   </tr> 
   <tr> 
    <td><code><dl></code></td> 
    <td>定义一个定义列表（一系列术语和其定义）。</td> 
   </tr> 
   <tr> 
    <td><code><dt></code></td> 
    <td>代表一个由下一个 <code><dd></code> 定义的术语。</td> 
   </tr> 
   <tr> 
    <td><code><dd></code></td> 
    <td>代表出现在它之前术语的定义。</td> 
   </tr> 
   <tr> 
    <td><code><figure></code></td> 
    <td>代表一个和文档有关的图例。</td> 
   </tr> 
   <tr> 
    <td><code><figcaption></code></td> 
    <td>代表一个图例的说明。</td> 
   </tr> 
   <tr> 
    <td><code><div></code></td> 
    <td>代表一个通用的容器，没有特殊含义。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h4>文字形式</h4> 
 <table> 
  <thead> 
   <tr> 
    <th>Element</th> 
    <th>Description</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><code><a></code></td> 
    <td>代表一个链接到其他资源的<em>超链接</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><em></code></td> 
    <td>代表<em>强调</em> 文字。</td> 
   </tr> 
   <tr> 
    <td><code><strong></code></td> 
    <td>代表<em>特别重要</em> 文字。</td> 
   </tr> 
   <tr> 
    <td><code><small></code></td> 
    <td>代表<em>注释</em> ，如免责声明、版权声明等，对理解文档不重要。</td> 
   </tr> 
   <tr> 
    <td><code><s></code></td> 
    <td>代表<em>不准确或不相关</em> 的内容。</td> 
   </tr> 
   <tr> 
    <td><code><cite></code></td> 
    <td>代表<em>作品标题</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><q></code></td> 
    <td>代表内联的<em>引用</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><dfn></code></td> 
    <td>代表一个术语包含在其最近祖先内容中的<em>定义</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><abbr></code></td> 
    <td>代表<em>省略</em> 或<em>缩写</em> ，其完整内容在 <code>title</code> 属性中。</td> 
   </tr> 
   <tr> 
    <td><code><data></code></td> 
    <td>关联一个内容的<em>机器可读的等价形式</em> （该元素只在 WHATWG 版本的 HTML 标准中，不在 W3C 版本的 HTML5 标准中）。</td> 
   </tr> 
   <tr> 
    <td><code><time></code></td> 
    <td>代表<em>日期</em> 和<em>时间</em> 值；机器可读的等价形式通过 <code>datetime</code> 属性指定。</td> 
   </tr> 
   <tr> 
    <td><code><code></code></td> 
    <td>代表<em>计算机代码</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><var></code></td> 
    <td>代表<em>代码中的变量</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><samp></code></td> 
    <td>代表程序或电脑的<em>输出</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><kbd></code></td> 
    <td>代表<em>用户输入</em> ，一般从键盘输出，但也可以代表其他输入，如语音输入。</td> 
   </tr> 
   <tr> 
    <td> <code><sub></code>,<code><sup></code> </td> 
    <td>分别代表<em>下标</em> 和<em>上标</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><i></code></td> 
    <td>代表一段<em>不同性质</em> 的文字，如技术术语、外文短语等。</td> 
   </tr> 
   <tr> 
    <td><code><b></code></td> 
    <td>代表一段<em>需要被关注</em> 的文字。</td> 
   </tr> 
   <tr> 
    <td><code><u></code></td> 
    <td>代表一段需要<em>下划线</em>呈现的文本注释，如标记出拼写错误的文字等。</td> 
   </tr> 
   <tr> 
    <td><code><mark></code></td> 
    <td>代表一段需要被高亮的<em>引用</em> 文字。</td> 
   </tr> 
   <tr> 
    <td><code><ruby></code></td> 
    <td>代表被<em>ruby 注释</em> 标记的文本，如中文汉字和它的拼音。</td> 
   </tr> 
   <tr> 
    <td><code><rt></code></td> 
    <td>代表<em>ruby 注释</em> ，如中文拼音。</td> 
   </tr> 
   <tr> 
    <td><code><rp></code></td> 
    <td>代表 ruby 注释两边的<em>额外插入文本</em> ，用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。</td> 
   </tr> 
   <tr> 
    <td><code><bdi></code></td> 
    <td>代表需要<em>脱离</em> 父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本。</td> 
   </tr> 
   <tr> 
    <td><code><bdo></code></td> 
    <td>指定子元素的<em>文本方向</em> ，显式地覆盖默认的文本方向。</td> 
   </tr> 
   <tr> 
    <td><code><span></code></td> 
    <td>代表一段没有特殊含义的文本，当其他语义元素都不适合文本时候可以使用该元素。</td> 
   </tr> 
   <tr> 
    <td><code><br></code></td> 
    <td>代表<em>换行</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><wbr></code></td> 
    <td>代表<em>建议换行 (Word Break Opportunity)</em> ，当文本太长需要换行时将会在此处添加换行符。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h4>编辑</h4> 
 <table> 
  <thead> 
   <tr> 
    <th>Element</th> 
    <th>Description</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><code><ins></code></td> 
    <td>定义<em>增加</em> 到文档的内容。</td> 
   </tr> 
   <tr> 
    <td><code><del></code></td> 
    <td>定义从文档<em>移除</em> 的内容。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h4>嵌入内容</h4> 
 <table> 
  <thead> 
   <tr> 
    <th>Element</th> 
    <th>Description</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><code><img></code></td> 
    <td>代表一张<em>图片</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><iframe></code></td> 
    <td>代表一个<em>内联的框架</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><embed></code></td> 
    <td>代表一个<em>嵌入</em> 的外部资源，如应用程序或交互内容。</td> 
   </tr> 
   <tr> 
    <td><code><object></code></td> 
    <td>代表一个<em>外部资源</em> ，如图片、HTML 子文档、插件等。</td> 
   </tr> 
   <tr> 
    <td><code><param></code></td> 
    <td>代表 <code><object></code> 元素所指定的插件的<em>参数</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><video></code></td> 
    <td>代表一段<em>视频</em> 及其视频文件和字幕，并提供了播放视频的用户界面。</td> 
   </tr> 
   <tr> 
    <td><code><audio></code></td> 
    <td>代表一段<em>声音</em> ，或<em>音频流</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><source></code></td> 
    <td>为 <code><video></code> 或 <code><audio></code> 这类媒体元素指定<em>媒体源</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><track></code></td> 
    <td>为 <code><video></code> 或 <code><audio></code> 这类媒体元素指定<em>文本轨道（字幕）</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><canvas></code></td> 
    <td>代表<em>位图区域</em> ，可以通过脚本在它上面实时呈现图形，如图表、游戏绘图等。</td> 
   </tr> 
   <tr> 
    <td><code><map></code></td> 
    <td>与 <code><area></code> 元素共同定义<em>图像映射</em> 区域。</td> 
   </tr> 
   <tr> 
    <td><code><area></code></td> 
    <td>与 <code><map></code> 元素共同定义<em>图像映射</em> 区域。</td> 
   </tr> 
   <tr> 
    <td><code><svg></code></td> 
    <td>定义一个嵌入式<em>矢量图</em> 。</td> 
   </tr> 
   <tr> 
    <td><code>[<math>](https://developer.mozilla.org/zh-CN/docs/Web/MathML/Element/math "<math>")</code></td> 
    <td>定义一段<em>数学公式</em> 。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h4>表格</h4> 
 <table> 
  <thead> 
   <tr> 
    <th>Element</th> 
    <th>Description</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><code><table></code></td> 
    <td>定义<em>多维数据</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><caption></code></td> 
    <td>代表<em>表格的标题</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><colgroup></code></td> 
    <td>代表表格中一组<em>单列或多列</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><col></code></td> 
    <td>代表表格中的<em>列</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><tbody></code></td> 
    <td>代表表格中一块<em>具体数据</em> （表格主体）。</td> 
   </tr> 
   <tr> 
    <td><code><thead></code></td> 
    <td>代表表格中一块<em>列标签</em> （表头）。</td> 
   </tr> 
   <tr> 
    <td><code><tfoot></code></td> 
    <td>代表表格中一块<em>列摘要</em> （表尾）。</td> 
   </tr> 
   <tr> 
    <td><code><tr></code></td> 
    <td>代表表格中的<em>行</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><td></code></td> 
    <td>代表表格中的<em>单元格</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><th></code></td> 
    <td>代表表格中的<em>头部单元格</em> 。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h4>表单</h4> 
 <table> 
  <thead> 
   <tr> 
    <th>Element</th> 
    <th>Description</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><code><form></code></td> 
    <td>代表一个<em>表单</em> ，由控件组成。</td> 
   </tr> 
   <tr> 
    <td><code><fieldset></code></td> 
    <td>代表<em>控件组</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><legend></code></td> 
    <td>代表 <code><fieldset></code> 控件组的<em>标题</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><label></code></td> 
    <td>代表表单控件的<em>标题</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><input></code></td> 
    <td>代表允许用户编辑数据的<em>数据区</em> （文本框、单选框、复选框等）。</td> 
   </tr> 
   <tr> 
    <td><code><button></code></td> 
    <td>代表<em>按钮</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><select></code></td> 
    <td>代表<em>下拉框</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><datalist></code></td> 
    <td>代表提供给其他控件的<em>一组预定义选项</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><optgroup></code></td> 
    <td>代表一个<em>选项分组</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><option></code></td> 
    <td>代表一个 <code><select></code> 元素或 <code><datalist></code> 元素中的一个<em>选项</em> </td> 
   </tr> 
   <tr> 
    <td><code><textarea></code></td> 
    <td>代表<em>多行文本框</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><keygen></code></td> 
    <td>代表一个<em>密钥对生成器</em> 控件。</td> 
   </tr> 
   <tr> 
    <td><code><output></code></td> 
    <td>代表<em>计算值</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><progress></code></td> 
    <td>代表<em>进度条</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><meter></code></td> 
    <td>代表<em>滑动条</em> 。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h4>交互元素</h4> 
 <table> 
  <thead> 
   <tr> 
    <th>Element</th> 
    <th>Description</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><code><details></code></td> 
    <td>代表一个用户可以(点击)获取额外信息或控件的<em>小部件</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><summary></code></td> 
    <td>代表 <code><details></code> 元素的<em>综述</em> 或<em>标题</em> 。</td> 
   </tr> 
   <tr> 
    <td><code><menuitem></code></td> 
    <td>代表一个用户可以点击的菜单项。</td> 
   </tr> 
   <tr> 
    <td><code><menu></code></td> 
    <td>代表菜单。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h3>什么是空标签</h3> 
 <p>一个<strong>空元素（empty element）</strong>可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。</p> 
 <p>HTML，SVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容（define very precisely what each element can contain）。许多组合是没有任何语义含义的，比如一个 <code><audio></code> 元素嵌套在一个 <code><hr></code> 元素里。</p> 
 <p>在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如， <code><input type="text"></input></code> 的闭标签是无效的 HTML。</p> 
 <p>在 HTML 中有以下这些空元素：</p> 
 <ul> 
  <li><code><area></code></li> 
  <li><code><base></code></li> 
  <li><code><br></code></li> 
  <li><code><col></code></li> 
  <li> <code><colgroup></code> when the <code>[span](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/colgroup#attr-span)</code> is present</li> 
  <li><code><command></code></li> 
  <li><code><embed></code></li> 
  <li><code><hr></code></li> 
  <li><code><img></code></li> 
  <li><code><input></code></li> 
  <li><code><keygen></code></li> 
  <li><code><link></code></li> 
  <li><code><meta></code></li> 
  <li><code><param></code></li> 
  <li><code><source></code></li> 
  <li><code><track></code></li> 
  <li><code><wbr></code></li> 
 </ul> 
 <h3>什么是可替换标签</h3> 
 <p>CSS 里，<strong>可替换元素（replaced element）</strong>的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有 <code><img></code>、 <code><object></code>、 <code><video></code> 和 表单元素，如<code><textarea></code>、 <code><input></code> 。 某些元素只在一些特殊情况下表现为可替换元素，例如 <code><audio></code> 和 <code><canvas></code> 。 通过 CSS <code>content</code> 属性来插入的对象 被称作 <strong>匿名可替换元素（</strong><em>anonymous replaced elements</em><strong>）</strong>。</p> 
 <p>CSS在某些情况下会对可替换元素做特殊处理，比如计算外边距和一些auto值。</p> 
 <p>需要注意的是，一部分（并非全部）可替换元素，本身具有尺寸和基线（baseline），会被像<code>vertical-align</code>之类的一些 CSS 属性用到。</p> 
</article>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1226359990105772032"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js"></script>
                    <!-- 文章页-底部 动态广告位 -->
                    <div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
                </div>
                <div class="col-md-3">
                    <div class="row" id="ad">
                        <!-- 文章页-右侧1 动态广告位 -->
                        <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_1"> </div>
                        </div>
                        <!-- 文章页-右侧2 动态广告位 -->
                        <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_2"></div>
                        </div>
                        <!-- 文章页-右侧3 动态广告位 -->
                        <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(MDN学习网站及HTML标签)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1903209472474542080.htm"
                           title="Kotlin代码示例及详细解析（Kotlin 1.3.11）" target="_blank">Kotlin代码示例及详细解析（Kotlin 1.3.11）</a>
                        <span class="text-muted">淮山2</span>
<a class="tag" taget="_blank" href="/search/kotlin/1.htm">kotlin</a>
                        <div>//Kotlin1.3.11编译器版本//无包声明//1.基础变量声明//声明实例变量AAA1，类型为Int，初始值为0，类似C语言先声明后初始化的习惯varAAA1:Int=0//声明实例变量AAA2，类型为Double，初始值为0.0varAAA2:Double=0.0//声明实例变量AAA3，类型为String，初始值为空字符串varAAA3:String=""//2.静态变量声明//声明静</div>
                    </li>
                    <li><a href="/article/1903206445789278208.htm"
                           title="微软Data Formulator：用AI重塑数据可视化的未来" target="_blank">微软Data Formulator：用AI重塑数据可视化的未来</a>
                        <span class="text-muted">几道之旅</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E4%BD%93%E5%8F%8A%E6%95%B0%E5%AD%97%E5%91%98%E5%B7%A5/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><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">信息可视化</a>
                        <div>在数据驱动的时代，如何快速将复杂数据转化为直观的图表是每个分析师面临的挑战。微软研究院推出的开源工具DataFormulator，通过结合AI与交互式界面，重新定义了数据可视化的工作流。本文将深入解析这一工具的核心功能、安装方法及使用技巧，助你轻松驾驭数据之美。一、DataFormulator是什么？DataFormulator是一款基于大语言模型（LLM）的AI工具，旨在帮助用户通过自然语言和界</div>
                    </li>
                    <li><a href="/article/1903202408071229440.htm"
                           title="VUE中的组件加载方式" target="_blank">VUE中的组件加载方式</a>
                        <span class="text-muted">catino</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>加载方式有哪些，及如何进行选择常规的静态引入是在组件初始化时就加载所有依赖的组件，而懒加载则是等到组件需要被渲染的时候才加载。对于大型应用，可能会有很多组件，如果一开始都加载，可能会影响首屏加载时间。如果某些组件在首屏不需要，比如弹窗或者标签页里的内容，那么懒加载会更好，减少初始加载时间，实现时使用动态导入和异步组件，同时注意处理加载状态和错误处理。。反之，如果组件在页面初始化时就必须显示，那么静</div>
                    </li>
                    <li><a href="/article/1903200638469206016.htm"
                           title="免费GIS工具箱：支持多种格式的模型预览及编辑，还能进行协同编辑" target="_blank">免费GIS工具箱：支持多种格式的模型预览及编辑，还能进行协同编辑</a>
                        <span class="text-muted">GISBox</span>
<a class="tag" taget="_blank" href="/search/GISBox/1.htm">GISBox</a><a class="tag" taget="_blank" href="/search/GIS/1.htm">GIS</a><a class="tag" taget="_blank" href="/search/%E5%88%87%E7%89%87/1.htm">切片</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%8F%91/1.htm">分发</a><a class="tag" taget="_blank" href="/search/%E5%80%BE%E6%96%9C%E6%91%84%E5%BD%B1/1.htm">倾斜摄影</a><a class="tag" taget="_blank" href="/search/OBJ/1.htm">OBJ</a><a class="tag" taget="_blank" href="/search/FBX/1.htm">FBX</a><a class="tag" taget="_blank" href="/search/OSGB/1.htm">OSGB</a>
                        <div>市面上不少GIS软件价格高昂，功能却不尽人意。但GISBox却不太一样，它的切片、分发功能完全免费，能预览、编辑多种格式模型，还支持协同编辑，性价比远超同类软件，如果你想进一步了解它，不妨看看这篇文章。01打破价格与功能的双重困境在地理信息系统（GIS）领域，大多数软件的高价一直是小型企业、科研团队以及个人开发者的一大阻碍。这些软件不仅采购成本高，后续的维护和升级费用也不低。与此同时，很多软件功能</div>
                    </li>
                    <li><a href="/article/1903199753382981632.htm"
                           title="【Q&A】QT事件处理流程是怎么样的？" target="_blank">【Q&A】QT事件处理流程是怎么样的？</a>
                        <span class="text-muted">浅慕Antonio</span>
<a class="tag" taget="_blank" href="/search/Q%26amp%3BA/1.htm">Q&A</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/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>Qt事件流程详解1.事件流程概述在Qt中，事件处理是实现用户交互和系统响应的核心机制。整个事件流程从事件产生开始，经过事件队列的管理、事件分发，最终到达目标对象进行处理，若未处理还会进行事件传播。2.详细流程步骤及代码示例2.1事件产生事件可以由多种方式产生，包括用户输入、系统消息和程序主动发送自定义事件。用户输入事件示例：#include#include#includeintmain(intar</div>
                    </li>
                    <li><a href="/article/1903198745441398784.htm"
                           title="C++中函数模板与类模板的简单使用" target="_blank">C++中函数模板与类模板的简单使用</a>
                        <span class="text-muted">CoderIsArt</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B11/1.htm">C++11</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E6%A8%A1%E6%9D%BF/1.htm">函数模板</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E6%A8%A1%E6%9D%BF/1.htm">类模板</a>
                        <div>在C++中，模板是实现泛型编程的核心机制，允许开发者编写与类型无关的代码。以下是函数模板和类模板的详细介绍及实际示例。一、函数模板定义函数模板通过参数化类型实现泛型操作，只需编写一次代码即可处理多种数据类型，避免重复。语法template返回类型函数名(参数列表){...}typenameT表示类型占位符，编译时根据实参类型自动实例化。真实示例‌交换两个值（swap）templatevoidswa</div>
                    </li>
                    <li><a href="/article/1903198493154013184.htm"
                           title="QT中Xml及查看调试中容器的内部数据" target="_blank">QT中Xml及查看调试中容器的内部数据</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/qt/1.htm">qt</a>
                        <div>voidChuankouUI::writeFile(){QFilefile(filePath);if(!file.open(QIODevice::WriteOnly)){emiterrData("打开配置文件失败");return;}QDomDocumentdoc;//添加根节点QDomElementroot=doc.createElement("config");doc.appendChild(</div>
                    </li>
                    <li><a href="/article/1903196225935568896.htm"
                           title="hdc工具安装、常用命令及使用技巧" target="_blank">hdc工具安装、常用命令及使用技巧</a>
                        <span class="text-muted">MardaWang</span>
<a class="tag" taget="_blank" href="/search/HarmonyOS/1.htm">HarmonyOS</a><a class="tag" taget="_blank" href="/search/NEXT/1.htm">NEXT</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a>
                        <div>介绍：hdc（OpenHarmonyDeviceConnector）是为开发人员提供的用于设备连接调试的命令行工具，该工具需支持部署在Windows/Linux/Mac等系统上与OpenHarmony设备（或模拟器）进行连接调试通信。简单来讲，hdc是OpenHarmony提供的用于开发人员调试硬件、应用的命令行工具，用在电脑与开发板之间的交互。hdc适用于OpenHarmony应用、硬件开发及测</div>
                    </li>
                    <li><a href="/article/1903194207972028416.htm"
                           title="向量检索、检索增强生成（RAG）、大语言模型及相关系统架构——典型面试问题及简要答案" target="_blank">向量检索、检索增强生成（RAG）、大语言模型及相关系统架构——典型面试问题及简要答案</a>
                        <span class="text-muted">快撑死的鱼</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95%E5%B7%A5%E7%A8%8B%E5%B8%88%E5%AE%9D%E5%85%B8%EF%BC%88%E9%9D%A2%E8%AF%95/1.htm">算法工程师宝典（面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%9C%80%E6%96%B0%E6%8A%80%E6%9C%AF%E5%BF%85%E5%A4%87%EF%BC%89/1.htm">学习最新技术必备）</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
                        <div>1.什么是向量检索？它与传统基于关键字的检索相比有什么不同？答案要点：向量检索是将文本、图像、音频等数据映射为向量，在高维向量空间中基于相似度或距离进行搜索。与传统基于关键字的检索（如倒排索引）相比，向量检索更关注“语义”或“特征”，能找出语义上相似但未必包含相同关键词的内容。向量检索非常适合多模态场景（例如“以图搜图”）或自然语言问答（同义词、上下文关联等）。2.什么是检索增强生成（RAG）？核</div>
                    </li>
                    <li><a href="/article/1903192443134734336.htm"
                           title="如何评估一个RAG系统（RAGas评测框架）-下篇" target="_blank">如何评估一个RAG系统（RAGas评测框架）-下篇</a>
                        <span class="text-muted">写程序的小火箭</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/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><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/langchain/1.htm">langchain</a><a class="tag" taget="_blank" href="/search/gpt/1.htm">gpt</a>
                        <div>RAGas是一个用于评测RAG系统的评测框架，它支持与不同大语言模型的集成，并与langchain生态打通，能够很方便的构建评测系统。下面是RAGas的一些链接论文：https://arxiv.org/pdf/2309.15217官方文档：Ragashttps://github.com/explodinggradients/ragas官方文档及github对框架的使用介绍的比较详细，本文不会就该方</div>
                    </li>
                    <li><a href="/article/1903190426165243904.htm"
                           title="一步到位！7大模型部署框架深度测评：从理论到DeepSeek R1:7B落地实战" target="_blank">一步到位！7大模型部署框架深度测评：从理论到DeepSeek R1:7B落地实战</a>
                        <span class="text-muted">人肉推土机</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>本文在掘金同步发布：文章地址更多优质文章，请关注本人掘金账号：人肉推土机的掘金账号随着大语言模型（LLM）的广泛应用，如何高效部署和推理模型成为开发者关注的核心问题。本文深入解析主流模型部署框架（Transformers、ModelScope、vLLM、LMDeploy、Ollama、SGLang、DeepSpeed），结合其技术原理、优缺点及适用场景，并提供DeepSeekR1:7B的详细部署实</div>
                    </li>
                    <li><a href="/article/1903189289341087744.htm"
                           title="新建react native项目都失败，创建出来的都是.xcodeproj，而不是.xcworkspace，如何解决？？" target="_blank">新建react native项目都失败，创建出来的都是.xcodeproj，而不是.xcworkspace，如何解决？？</a>
                        <span class="text-muted">bug菌¹</span>
<a class="tag" taget="_blank" href="/search/%E5%85%A8%E6%A0%88Bug%E8%B0%83%E4%BC%98%28%E5%AE%9E%E6%88%98%E7%89%88%29/1.htm">全栈Bug调优(实战版)</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案1.确保正确设置代理源（如果你在国内）2.手动安装CocoaPods依赖3.检查你的Ruby和CocoaPods环境4.尝试清理并重建项目5.查</div>
                    </li>
                    <li><a href="/article/1903171123940487168.htm"
                           title="从MVC实战学习网站编写（一）初识MVC" target="_blank">从MVC实战学习网站编写（一）初识MVC</a>
                        <span class="text-muted">璞瑜无文</span>
<a class="tag" taget="_blank" href="/search/MVC/1.htm">MVC</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1/1.htm">设计</a><a class="tag" taget="_blank" href="/search/%E7%BB%93%E6%9E%84/1.htm">结构</a>
                        <div>前情概要：曾是学生时代的我，初识架构是一个传说中的三层架构。这可是鼻祖啊！因为我个人认为这是第一个让我明白高内聚低耦合的一种写代码的方式。刚接触写程序统统都是把所有的东西放一起，自己找一段代码得花很长时间（哪个时候还不知道VS有F12的存在）。简单的说就是UI层（界面），BLL层（业务处理），DAL层（数据处理）。就是分工明确在不同的包里分别编译，便于管理。今天我们从MVC基础开始穿插Knocko</div>
                    </li>
                    <li><a href="/article/1903167969412837376.htm"
                           title="解析XML文件及QTableWidget示例" target="_blank">解析XML文件及QTableWidget示例</a>
                        <span class="text-muted">ctrigger</span>
<a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a>
                        <div>解析XML文件及QTableWidget示例#include"mainwindow.h"#include"ui_mainwindow.h"#include#include#includeMainWindow::MainWindow(QWidget*parent):QMainWindow(parent),ui(newUi::MainWindow){ui->setupUi(this);setWindo</div>
                    </li>
                    <li><a href="/article/1903165563815915520.htm"
                           title="如何使用PHP爬虫根据关键词获取Shopee商品列表？" target="_blank">如何使用PHP爬虫根据关键词获取Shopee商品列表？</a>
                        <span class="text-muted">数据小爬虫@</span>
<a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                        <div>在跨境电商领域，Shopee作为东南亚及中国台湾地区领先的电商平台，拥有海量的商品信息。无论是进行市场调研、数据分析，还是寻找热门商品，根据关键词获取Shopee商品列表都是一项极具价值的任务。然而，手动浏览和整理这些信息显然是低效且容易出错的。幸运的是，通过编写PHP爬虫程序，我们可以高效地完成这一任务。本文将详细介绍如何利用PHP爬虫根据关键词获取Shopee商品列表，并提供完整的代码示例。一</div>
                    </li>
                    <li><a href="/article/1903164171600588800.htm"
                           title="如何使用PHP爬虫获取Shopee（虾皮）商品详情？" target="_blank">如何使用PHP爬虫获取Shopee（虾皮）商品详情？</a>
                        <span class="text-muted">数据小爬虫@</span>
<a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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>在跨境电商领域，Shopee（虾皮）作为东南亚及中国台湾地区领先的电商平台，拥有海量的商品信息。无论是进行市场调研、数据分析，还是寻找热门商品，获取Shopee商品详情都是一项极具价值的任务。然而，手动浏览和整理这些信息显然是低效且容易出错的。幸运的是，通过编写PHP爬虫程序，我们可以高效地完成这一任务。本文将详细介绍如何利用PHP爬虫获取Shopee商品详情，并提供完整的代码示例。一、为什么选择</div>
                    </li>
                    <li><a href="/article/1903163162190999552.htm"
                           title="便民服务一体化的智慧园区开源了" target="_blank">便民服务一体化的智慧园区开源了</a>
                        <span class="text-muted">AI服务老曹</span>
<a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/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><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/1.htm">能源</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a>
                        <div>智慧园区场景视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。充分利用现有的摄像头设备，无需大规模更换，降低成本同时提升系统的实施效率。用户只需在界面上进行简单的操作，就可以实现全视频的接入及布控。项目搭建地址基础项目搭建地址：yihecode</div>
                    </li>
                    <li><a href="/article/1903163163579314176.htm"
                           title="实现物流行业数字化、智能化管理的新型模式的智慧物流开源了" target="_blank">实现物流行业数字化、智能化管理的新型模式的智慧物流开源了</a>
                        <span class="text-muted">AI服务老曹</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/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><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a>
                        <div>智慧物流视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。构建基于Ai技术的安全监管平台，可逐步实现智能化巡检，针对安全事故隐患进行有效监控预警，降低安全违规行为发生率，节省人工监管成本。用户只需在界面上进行简单的操作，就可以实现全视频的接入及</div>
                    </li>
                    <li><a href="/article/1903163164250402816.htm"
                           title="全流程数字化管理的智慧物流开源了" target="_blank">全流程数字化管理的智慧物流开源了</a>
                        <span class="text-muted">AI服务老曹</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%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><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a>
                        <div>智慧物流视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。构建基于Ai技术的安全监管平台，可逐步实现智能化巡检，针对安全事故隐患进行有效监控预警，降低安全违规行为发生率，节省人工监管成本。用户只需在界面上进行简单的操作，就可以实现全视频的接入及</div>
                    </li>
                    <li><a href="/article/1903162658169876480.htm"
                           title="html5 图像标签" target="_blank">html5 图像标签</a>
                        <span class="text-muted">不负韶华ღ</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签。1、：图像嵌入HTML元素将一份图像嵌入文档。src属性用于指定图像文件的路径和文件名，是标签的必需属性。alt属性包含一条对图像的文本描述，这不是强制性的，但对无障碍而言，它难以置信地有用——屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义。如果由于某种原因无法加载图像，普通浏览器也</div>
                    </li>
                    <li><a href="/article/1903161020155752448.htm"
                           title="MCP协议" target="_blank">MCP协议</a>
                        <span class="text-muted">zhurui_xiaozhuzaizai</span>
<a class="tag" taget="_blank" href="/search/%E5%85%A5%E5%8F%A3%E9%9B%86%E9%94%A6/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><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a>
                        <div>1什么是MCP？MCP（ModelContextProtocol，模型上下文协议）是由Anthropic推出的一种开放标准，旨在统一大型语言模型（LLM）与外部数据源和工具之间的通信协议。MCP的主要目的在于解决当前AI模型因数据孤岛限制而无法充分发挥潜力的难题，MCP使得AI应用能够安全地访问和操作本地及远程数据，为AI应用提供了连接万物的接口。1.1MCP与functioncallMCP是在O</div>
                    </li>
                    <li><a href="/article/1903160893777178624.htm"
                           title="在html中图像标签是什么意思,在html中图像标签是什么意思" target="_blank">在html中图像标签是什么意思,在html中图像标签是什么意思</a>
                        <span class="text-muted">李白涛</span>
<a class="tag" taget="_blank" href="/search/%E5%9C%A8html%E4%B8%AD%E5%9B%BE%E5%83%8F%E6%A0%87%E7%AD%BE%E6%98%AF%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D/1.htm">在html中图像标签是什么意思</a>
                        <div>在html中图像标签是指用于定义图像的标签，即“”标签。img元素可以向网页中嵌入一幅图像，“”标签的作用是为被引用的图像创建占位符，将图像链接到HTML页面上。本教程操作环境：windows7系统、CSS3&&HTML5版、DellG3电脑。在html中图像标签是指用于定义图像的标签，即“”标签。HTML标签标签定义HTML页面中的图像。标签有两个必需的属性：src和alt。注释：从技术上讲，图</div>
                    </li>
                    <li><a href="/article/1903160515383848960.htm"
                           title="降低成本、提高效率的智慧能源开源了。" target="_blank">降低成本、提高效率的智慧能源开源了。</a>
                        <span class="text-muted">ai产品老杨</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a>
                        <div>一、简介AI视频监控平台,是一款功能强大且简单易用的实时算法视频监控系统。愿景在最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，减少企业级应用约95%的开发成本，在强大视频算法加持下的AR使得远程培训和远程操作指导不仅仅能够实现前后场的简单互动，而且能够实现人机结合，最终实现整个巡检流程的标准化。用户仅需在界面上简单操作，即可实现全视频的接入及布控。通</div>
                    </li>
                    <li><a href="/article/1903159381227270144.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/html/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/css/1.htm">css</a>
                        <div>HTML网页图像标签常见的图像格式JPGGIFPNGBMP…一、标签的定义及用法在html中，标签是使用来在网页中嵌入一幅图像。从技术上讲，图像并不是插入到网页中，而是链接到网页中，标签的作用是为被引用的图像创建占位符。标签在网页中很常用，比如，引入一个logo图片、按钮背景图片、工具图标等等。只要是有图片的地方，源代码中基本都有标签（除一些背景图片以外）。二、标签语法格式说明：src属性是用来指</div>
                    </li>
                    <li><a href="/article/1903145884003135488.htm"
                           title="【系统架构设计师-2018年】案例分析-答案及详解" target="_blank">【系统架构设计师-2018年】案例分析-答案及详解</a>
                        <span class="text-muted">数据知道</span>
<a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E8%80%83%E9%AB%98%E7%BA%A7/1.htm">软考高级</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1%E5%B8%88/1.htm">系统架构设计师</a>
                        <div>试题一（25分）阅读以下关于软件系统设计的叙述，在答题纸上回答问题1至问题3。【说明】某文化产业集团委托软件公司开发一套文化用品商城系统，业务涉及文化用品销售、定制、竞拍和点评等板块，以提升商城的信息化建设水平。该软件公司组织项目组完成了需求调研，现已进入到系统架构设计阶段。考虑到系统需求对架构设计决策的影响，项目组先列出了可能影响系统架构设计的部分需求如下：（a）用户界面支持用户的个性化定制；（</div>
                    </li>
                    <li><a href="/article/1903141222185234432.htm"
                           title="React 18 如何定义变量，及赋值 与渲染" target="_blank">React 18 如何定义变量，及赋值 与渲染</a>
                        <span class="text-muted">痴心阿文</span>
<a class="tag" taget="_blank" href="/search/React/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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>React18中，定义变量、赋值和渲染的方式因变量的用途和作用域不同而有所差异，下面为你详细介绍不同场景下的实现方法。1.函数组件内定义普通变量在函数组件里，你可以像在普通JavaScript函数中一样定义变量，并且这些变量会在每次组件重新渲染时重新创建。importReactfrom'react';constMyComponent=()=>{//定义普通变量并赋值constmessage='He</div>
                    </li>
                    <li><a href="/article/1903134013179097088.htm"
                           title="DNS污染：网络世界的“隐形劫持”与防御" target="_blank">DNS污染：网络世界的“隐形劫持”与防御</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/dns%E5%8A%AB%E6%8C%81dns%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">dns劫持dns网络安全</a>
                        <div>在互联网的底层架构中，DNS（域名系统）如同数字世界的“导航员”，将用户输入的域名翻译成机器可读的IP地址。然而，DNS污染（DNSPoisoning）正像一场无声的“地址篡改”危机，威胁着全球网络的安全与稳定。本文将深入拆解DNS污染的技术原理、现实危害及应对策略，帮助个人与企业构建安全防线。一、DNS污染的本质：一场“地址簿”的篡改DNS污染，指攻击者通过技术手段向DNS服务器注入虚假的域名解</div>
                    </li>
                    <li><a href="/article/1903130756427870208.htm"
                           title="移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c" target="_blank">移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c</a>
                        <span class="text-muted">Ailsa-show</span>

                        <div>移动端网页布局注意事项及解决1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉1、关闭iOS键盘首字母自动大写2、禁止文本缩放html{-webkit-text-size-adjust:100%;}3、移动端如何清除输入框内阴影在iOS上，输入框默认有内部阴影，但无法使用box-shadow来清除，如果不需要阴影，可以这样关闭：input,textarea{border</div>
                    </li>
                    <li><a href="/article/1903130231766577152.htm"
                           title="HarmonyOS5开发：Ark-TS 深度解析：从状态管理到性能优化，揭秘鸿蒙开发的底层逻辑" target="_blank">HarmonyOS5开发：Ark-TS 深度解析：从状态管理到性能优化，揭秘鸿蒙开发的底层逻辑</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/harmonyos-next/1.htm">harmonyos-next</a>
                        <div>Ark-TS作为鸿蒙生态的核心开发语言，其设计哲学和技术细节值得让我们一起深入挖掘以下下。这篇文章将会带您和我们一起聚焦Ark-TS的状态管理机制、类型系统优化及声明式UI的底层实现，通过代码示例和原理分析，带您揭开Ark-TS高效开发的神秘面纱。一、状态管理：Ark-TS的“神经中枢”在Ark-TS中，状态管理是驱动UI更新的核心机制。不同的状态装饰器（如@State、@Prop、@Link）各</div>
                    </li>
                    <li><a href="/article/1903130126007201792.htm"
                           title="专利状态查询" target="_blank">专利状态查询</a>
                        <span class="text-muted">做一个码农都是奢望</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
                        <div>我们学校没开通电子申请，只能纸质申请，导致信件延迟。所以需要及时掌握专利的状态。查询方法如下：1登录国知局国家知识产权公共服务平台(cnipa.gov.cn)打开中国及多国查询2输入申请号查询结果1：授权了需要我们缴费了！结果2：未缴纳申请费去缴费系统输入需要缴费专利的申请号，进行付款即可。3申请号获得方法查询即可4专利证书下载专利证书下载(cnipa.gov.cn)</div>
                    </li>
                                <li><a href="/article/86.htm"
                                       title="linux系统服务器下jsp传参数乱码" target="_blank">linux系统服务器下jsp传参数乱码</a>
                                    <span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a>
                                    <div>在一次解决乱码问题中， 发现jsp在windows下用js原生的方法进行编码没有问题，但是到了linux下就有问题， escape,encodeURI,encodeURIComponent等都解决不了问题 
但是我想了下既然原生的方法不行，我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码，最后在绝望之际，用了下面的方法解决了</div>
                                </li>
                                <li><a href="/article/213.htm"
                                       title="Spring 注解区别以及应用" target="_blank">Spring 注解区别以及应用</a>
                                    <span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
                                    <div>1. @Autowired 
@Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean，或者不存在UserDao类型的bean，会抛出 BeanCreationException异常，这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。 
  
2. @Qualifier 
当spring中存在至少一个匹</div>
                                </li>
                                <li><a href="/article/340.htm"
                                       title="printf和sprintf的应用" target="_blank">printf和sprintf的应用</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/sprintf/1.htm">sprintf</a><a class="tag" taget="_blank" href="/search/printf/1.htm">printf</a>
                                    <div><?php
printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80);
echo '<br />';
printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456);

printf('th</div>
                                </li>
                                <li><a href="/article/467.htm"
                                       title="config.getInitParameter" target="_blank">config.getInitParameter</a>
                                    <span class="text-muted">171815164</span>
<a class="tag" taget="_blank" href="/search/parameter/1.htm">parameter</a>
                                    <div>web.xml 
 
 <servlet>
  	<servlet-name>servlet1</servlet-name>
  	<jsp-file>/index.jsp</jsp-file>
  	<init-param>
  		<param-name>str</param-name>
</div>
                                </li>
                                <li><a href="/article/594.htm"
                                       title="Ant标签详解--基础操作" target="_blank">Ant标签详解--基础操作</a>
                                    <span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/ant/1.htm">ant</a>
                                    <div>        Ant的一些核心概念： 
        build.xml：构建文件是以XML 文件来描述的，默认构建文件名为build.xml。        project：每个构建文</div>
                                </li>
                                <li><a href="/article/721.htm"
                                       title="[简单]代码片段_数据合并" target="_blank">[简单]代码片段_数据合并</a>
                                    <span class="text-muted">53873039oycg</span>
<a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a>
                                    <div>        合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。 
        代码如下: 
       </div>
                                </li>
                                <li><a href="/article/848.htm"
                                       title="java 通信技术" target="_blank">java 通信技术</a>
                                    <span class="text-muted">云端月影</span>
<a class="tag" taget="_blank" href="/search/Java+%E8%BF%9C%E7%A8%8B%E9%80%9A%E4%BF%A1%E6%8A%80%E6%9C%AF/1.htm">Java 远程通信技术</a>
                                    <div>在分布式服务框架中，一个最基础的问题就是远程服务是怎么通讯的，在Java领域中有很多可实现远程通讯的技术，例如：RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等，这些名词之间到底是些什么关系呢，它们背后到底是基于什么原理实现的呢，了解这些是实现分布式服务框架的基础知识，而如果在性能上有高的要求的话，那深入了解这些技术背后的机制就是必须的了，在这篇blog中我们将来</div>
                                </li>
                                <li><a href="/article/975.htm"
                                       title="string与StringBuilder 性能差距到底有多大" target="_blank">string与StringBuilder 性能差距到底有多大</a>
                                    <span class="text-muted">aijuans</span>

                                    <div>  
        之前也看过一些对string与StringBuilder的性能分析，总感觉这个应该对整体性能不会产生多大的影响，所以就一直没有关注这块！ 
        由于学程序初期最先接触的string拼接，所以就一直没改变过自己的习惯！ 
        </div>
                                </li>
                                <li><a href="/article/1102.htm"
                                       title="今天碰到 java.util.ConcurrentModificationException 异常" target="_blank">今天碰到 java.util.ConcurrentModificationException 异常</a>
                                    <span class="text-muted">antonyup_2006</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/IBM/1.htm">IBM</a>
                                    <div>今天改bug，其中有个实现是要对map进行循环，然后有删除操作，代码如下： 

Iterator<ListItem> iter = ItemMap.keySet.iterator();
while(iter.hasNext()){
ListItem it = iter.next();
//...一些逻辑操作
ItemMap.remove(it);
}
 
结果运行报Con</div>
                                </li>
                                <li><a href="/article/1229.htm"
                                       title="PL/SQL的类型和JDBC操作数据库" target="_blank">PL/SQL的类型和JDBC操作数据库</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/PL%2FSQL%E8%A1%A8/1.htm">PL/SQL表</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E9%87%8F%E7%B1%BB%E5%9E%8B/1.htm">标量类型</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%A0%87/1.htm">游标</a><a class="tag" taget="_blank" href="/search/PL%2FSQL%E8%AE%B0%E5%BD%95/1.htm">PL/SQL记录</a>
                                    <div>PL/SQL的标量类型: 
   字符,数字,时间,布尔,%type五中类型的 
--标量：数据库中预定义类型的变量
--定义一个变长字符串 
v_ename varchar2(10); 

--定义一个小数,范围 -9999.99~9999.99 
v_sal number(6,2); 

--定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号 
</div>
                                </li>
                                <li><a href="/article/1356.htm"
                                       title="Mockito：一个强大的用于 Java 开发的模拟测试框架实例" target="_blank">Mockito：一个强大的用于 Java 开发的模拟测试框架实例</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a>
                                    <div>Mockito框架： 
        Mockito是一个基于MIT协议的开源java测试框架。         Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测</div>
                                </li>
                                <li><a href="/article/1483.htm"
                                       title="精通Oracle10编程SQL(10)处理例外" target="_blank">精通Oracle10编程SQL(10)处理例外</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a>
                                    <div>/*
 *处理例外
 */
--例外简介
--处理例外-传递例外
declare
   v_ename emp.ename%TYPE;
begin
   SELECT ename INTO v_ename FROM emp
      where empno=&no;
   dbms_output.put_line('雇员名：'||v_ename);
exceptio</div>
                                </li>
                                <li><a href="/article/1610.htm"
                                       title="【Java】Java执行远程机器上Linux命令" target="_blank">【Java】Java执行远程机器上Linux命令</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/linux%E5%91%BD%E4%BB%A4/1.htm">linux命令</a>
                                    <div>Java使用ethz通过ssh2执行远程机器Linux上命令， 
  
封装定义Linux机器的环境信息 
  
package com.tom;


import java.io.File;

public class Env {
    private String hostaddr; //Linux机器的IP地址
    private Integer po</div>
                                </li>
                                <li><a href="/article/1737.htm"
                                       title="java通信之Socket通信基础" target="_blank">java通信之Socket通信基础</a>
                                    <span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a>
                                    <div>正处于网络环境下的两个程序，它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤： 
①创建Socket； 
②打开连接到Socket的输入输出流； 
④按照一定的协议对Socket进行读写操作； 
④关闭Socket。 
  
Socket通信分两部分：服务器端和客户端。服务器端必须优先启动，然后等待soc</div>
                                </li>
                                <li><a href="/article/1864.htm"
                                       title="angular.bind" target="_blank">angular.bind</a>
                                    <span class="text-muted">boyitech</span>
<a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/angular.bind/1.htm">angular.bind</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a><a class="tag" taget="_blank" href="/search/bind/1.htm">bind</a>
                                    <div>angular.bind   描述：           上下文，函数以及参数动态绑定，返回值为绑定之后的函数. 其中args是可选的动态参数，self在fn中使用this调用。    使用方法：            angular.bind(se</div>
                                </li>
                                <li><a href="/article/1991.htm"
                                       title="java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。" target="_blank">java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>
import java.util.ArrayList;
import java.util.List;


public class KickOutBadGuys {

	/**
	 * 题目：13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。
	 * Maybe you can find out </div>
                                </li>
                                <li><a href="/article/2118.htm"
                                       title="Redis.conf配置文件及相关项说明（自查备用）" target="_blank">Redis.conf配置文件及相关项说明（自查备用）</a>
                                    <span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
                                    <div>   Redis.conf配置文件及相关项说明 
# Redis configuration file example
 
# Note on units: when memory size is needed, it is possible to specifiy
# it in the usual form of 1k 5GB 4M and so forth:
#
</div>
                                </li>
                                <li><a href="/article/2245.htm"
                                       title="[强人工智能]实现大规模拓扑分析是实现强人工智能的前奏" target="_blank">[强人工智能]实现大规模拓扑分析是实现强人工智能的前奏</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                                    <div> 
 
     真不好意思,各位朋友...博客再次更新... 
 
     节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心.... 
 
     但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大... 
 </div>
                                </li>
                                <li><a href="/article/2372.htm"
                                       title="记录一些常用的函数" target="_blank">记录一些常用的函数</a>
                                    <span class="text-muted">dai_lm</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>
public static String convertInputStreamToString(InputStream is) {

	StringBuilder result = new StringBuilder();

	if (is != null)
		try {
			InputStreamReader inputReader = new InputStreamRead</div>
                                </li>
                                <li><a href="/article/2499.htm"
                                       title="Hadoop中小规模集群的并行计算缺陷" target="_blank">Hadoop中小规模集群的并行计算缺陷</a>
                                    <span class="text-muted">datamachine</span>
<a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E8%A1%8C%E8%AE%A1%E7%AE%97/1.htm">并行计算</a>
                                    <div>注：写这篇文章的初衷是因为Hadoop炒得有点太热，很多用户现有数据规模并不适用于Hadoop，但迫于扩容压力和去IOE（Hadoop的廉价扩展的确非常有吸引力）而尝试。尝试永远是件正确的事儿，但有时候不用太突进，可以调优或调需求，发挥现有系统的最大效用为上策。 
 
-----------------------------------------------------------------</div>
                                </li>
                                <li><a href="/article/2626.htm"
                                       title="小学4年级英语单词背诵第二课" target="_blank">小学4年级英语单词背诵第二课</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a>
                                    <div>egg  蛋 
twenty 二十 
any 任何 
well 健康的，好 
  
twelve 十二 
farm 农场 
every 每一个 
back 向后，回 
  
fast 快速的 
whose 谁的 
much 许多 
flower 花 
  
watch 手表 
very 非常，很 
sport 运动 
Chinese 中国的 
  </div>
                                </li>
                                <li><a href="/article/2753.htm"
                                       title="自己实践了github的webhooks, linux上面的权限需要注意" target="_blank">自己实践了github的webhooks, linux上面的权限需要注意</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/webhook/1.htm">webhook</a>
                                    <div>环境, 阿里云服务器 
  
1. 本地创建项目, push到github服务器上面 
  
2. 生成www用户的密钥 
sudo -u www ssh-keygen -t rsa -C "xxx@xx.com" 
  
  
3. 将密钥添加到github帐号的SSH_KEYS里面 
  
3. 用www用户执行克隆, 源使</div>
                                </li>
                                <li><a href="/article/2880.htm"
                                       title="Java冒泡排序" target="_blank">Java冒泡排序</a>
                                    <span class="text-muted">蕃薯耀</span>
<a class="tag" taget="_blank" href="/search/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">冒泡排序</a><a class="tag" taget="_blank" href="/search/Java%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">Java冒泡排序</a><a class="tag" taget="_blank" href="/search/Java%E6%8E%92%E5%BA%8F/1.htm">Java排序</a>
                                    <div>冒泡排序 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
蕃薯耀 2015年6月23日 10:40:14 星期二 
http://fanshuyao.iteye.com/</div>
                                </li>
                                <li><a href="/article/3007.htm"
                                       title="Excle读取数据转换为实体List【基于apache-poi】" target="_blank">Excle读取数据转换为实体List【基于apache-poi】</a>
                                    <span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a>
                                    <div>1.依赖apache-poi 
  
2.支持xls和xlsx 
  
3.支持按属性名称绑定数据值 
  
4.支持从指定行、列开始读取 
  
5.支持同时读取多个sheet 
  
6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java 
比如： 
Str</div>
                                </li>
                                <li><a href="/article/3134.htm"
                                       title="3个处于草稿阶段的Javascript API介绍" target="_blank">3个处于草稿阶段的Javascript API介绍</a>
                                    <span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
                                    <div>原文： 
http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email 
 
 
  本文中，介绍3个仍然处于草稿阶段，但应该值得关注的Javascript API. 
 
1) Web Alarm API 
  &</div>
                                </li>
                                <li><a href="/article/3261.htm"
                                       title="6个创建Web应用程序的高效PHP框架" target="_blank">6个创建Web应用程序的高效PHP框架</a>
                                    <span class="text-muted">lampcy</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
                                    <div>以下是创建Web应用程序的PHP框架，有coder bay网站整理推荐： 
1. CakePHP 
CakePHP是一个PHP快速开发框架，它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式，如MVC和ORM，降低了开发成本，并减少了开发人员写代码的工作量。 
2. CodeIgniter 
CodeIgniter是一个非常小且功能强大的PHP框架，适合需</div>
                                </li>
                                <li><a href="/article/3388.htm"
                                       title="评"救市后中国股市新乱象泛起"谣言" target="_blank">评"救市后中国股市新乱象泛起"谣言</a>
                                    <span class="text-muted">nannan408</span>

                                    <div>首先来看百度百家一位易姓作者的新闻： 
 

    三个多星期来股市持续暴跌，跌得投资者及上市公司都处于极度的恐慌和焦虑中，都要寻找自保及规避风险的方式。面对股市之危机，政府突然进入市场救市，希望以此来重建市场信心，以此来扭转股市持续暴跌的预期。而政府进入市场后，由于市场运作方式发生了巨大变化，投资者及上市公司为了自保及为了应对这种变化，中国股市新的乱象也自然产生。

首先，中国股市这两天</div>
                                </li>
                                <li><a href="/article/3515.htm"
                                       title="页面全屏遮罩的实现 方式" target="_blank">页面全屏遮罩的实现 方式</a>
                                    <span class="text-muted">Rainbow702</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/%E9%81%AE%E7%BD%A9/1.htm">遮罩</a><a class="tag" taget="_blank" href="/search/mask/1.htm">mask</a>
                                    <div>之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。 
最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就</div>
                                </li>
                                <li><a href="/article/3642.htm"
                                       title="关于angularjs的点滴" target="_blank">关于angularjs的点滴</a>
                                    <span class="text-muted">tntxia</span>
<a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a>
                                    <div>  
angular是一个新兴的JS框架，和以往的框架不同的事，Angularjs更注重于js的建模，管理，同时也提供大量的组件帮助用户组建商业化程序，是一种值得研究的JS框架。 
  
Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。 
  
这里我们来简单的探讨一下它的应用。 
  
首先使用Angularjs我</div>
                                </li>
                                <li><a href="/article/3769.htm"
                                       title="Nutz--->>反复新建ioc容器的后果" target="_blank">Nutz--->>反复新建ioc容器的后果</a>
                                    <span class="text-muted">xiaoxiao1992428</span>
<a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a><a class="tag" taget="_blank" href="/search/nutz/1.htm">nutz</a>
                                    <div>问题： 
public class DaoZ { 
  
  public static Dao dao() { // 每当需要使用dao的时候就取一次 
    Ioc ioc = new NutIoc(new JsonLoader("dao.js")); 
    return ioc.get(</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类：</strong>
            <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
                href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
                href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
                href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
                href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
                href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
                href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
                href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
                href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
        </div>
    </div>
</div>
<footer id="footer" class="mb30 mt30">
    <div class="container">
        <div class="footBglm">
            <a target="_blank" href="/">首页</a> -
            <a target="_blank" href="/custom/about.htm">关于我们</a> -
            <a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
            <a target="_blank" href="/sitemap.txt">Sitemap</a> -
            <a target="_blank" href="/custom/delete.htm">侵权投诉</a>
        </div>
        <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!--            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
        </div>
    </div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>





</body>

</html>