1、显示模板介绍
SharePoint Server 2013中的显示模板用于Web部件中，使用搜索技术（本文中指搜索 Web 部件，只有搜索 Web 部件可以使用显示模板。内容查询 Web 部件不是搜索驱动部件，因此不使用显示模板。）显示对搜索索引的查询结果。显示模板控制显示在搜索结果中的托管属性，以及在 Web 部件中显示的方式。每个显示模板都由两个文件组成：一个是可以在 HTML 编辑器中进行编辑的 HTML 版显示模板，另一个是 SharePoint 使用的 .js 文件（对 HTML 显示模板所做的更改将同步到关联的 .js 文件。与母版页和页面布局不同，在使用显示模板时，您无法通过破坏文件之间的关联选择仅使用 .js 文件。必须在 HTML 文件中输入所有 HTML 和 JavaScript。）
2、显示模板和Web部件的关系
显示模板有两种主要类型：
控件显示模板提供了 HTML，以构建希望的搜索结果显示方式的整体布局。例如，控件显示模板可能会提供列表标头及开头和结尾的 HTML。控件显示模板仅在 Web 部件中呈现一次。
项显示模板提供的 HTML 决定每个项目在结果集中的显示方式。例如，项显示模板可能会提供列表项的 HTML，其中包含的图片和三行文本映射到与项目关联的不同托管属性。每个项目的项显示模板在结果集中呈现一次。因此，如果结果集包含十个项目，则项显示模板会创建 HTML 部分十次。
3、显示模板结构
用于显示模板的 HTML 文件是全形 HTML 文档，但不显示完整的 HTML 网页。SharePoint 将显示模板 HTML 文件片段转换为 JavaScript。本节将说明显示模板的四个主要部分。
Title 标记
搜索 Web 部件处于编辑模式时，显示模板文件的 </span> 标记中的文本用作 Web 部件编辑窗格"显示模板"部分的显示名称。以下示例是名称为"Item_Picture3Lines.html" 的项显示模板：</p>
<pre class="brush:html;toolbar:false"><title>Picture on left, 3 lines on right
标头属性
紧接着 </span> 标记的是以下标记绑定的自定义元素集：</p>
<p><br></p>
<pre class="brush:html;toolbar:false;"><!--[if gte mso 9]><xml>
<mso:CustomDocumentProperties>
…
</mso:CustomDocumentProperties>
</xml><![endif]--></pre>
<p>这些元素及其属性为 SharePoint 环境提供了有关显示模板的重要信息。表 1 说明了用于显示模板的自定义属性。</p>
<p>表 1. CustomDocumentProperties 条目列表</p>
<table>
<tbody>
<tr>
<th><p>属性</p></th>
<th><p>说明</p></th>
</tr>
<tr>
<td><p><span class="input">TemplateHidden</span></p></td>
<td><p>指示是否在 Web 部件的可用模板列表中隐藏显示模板的布尔值。此值可在显示模板文件属性中进行更改。</p></td>
</tr>
<tr>
<td><p><span class="input">ManagedPropertyMapping</span></p></td>
<td><p>将搜索结果项目公开的字段映射到 JavaScript 可用的属性中。仅用于项目模板中。</p></td>
</tr>
<tr>
<td><p><span class="input">MasterPageDescription</span></p></td>
<td><p>提供显示模板简单易懂的描述。此属性在 SharePoint 编辑环境中显示。此值可在显示模板文件属性中进行更改。</p></td>
</tr>
<tr>
<td><p><span class="input">ContentTypeId</span></p></td>
<td><p>与显示模板关联的内容类型的 ID。</p></td>
</tr>
<tr>
<td><p><span class="input">TargetControlType</span></p></td>
<td><p>指示显示模板所使用的上下文。此值可在显示模板文件属性中进行更改。</p></td>
</tr>
<tr>
<td><p><span class="input">HtmlDesignAssociated</span></p></td>
<td><p>指示显示模板 HTML 文件是否具有与其相关联的 .js 文件的布尔值。</p></td>
</tr>
<tr>
<td><p><span class="input">HtmlDesignConversionSucceeded</span></p></td>
<td><p>指示转换过程是否成功。此值由 SharePoint 自动添加到文件中，且仅用于自定义显示模板中。</p></td>
</tr>
<tr>
<td><p><span class="input">HtmlDesignStatusAndPreview</span></p></td>
<td><p>包含 HTML 文件的 URL 和<span class="label">状态</span>列（"转换成功"或"警告和错误"）的文本。此值由 SharePoint 自动添加到文件，且仅用于自定义显示模板中。</p></td>
</tr>
</tbody>
</table>
<h3 class="subHeading">脚本块</h3>
<p>在 <span class="input"><body></span> 标记内，可以看到以下 <span class="input"><script></span> 标记：</p>
<pre class="brush:html;toolbar:false"><script>
$includeLanguageScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Language Files/{Locale}/CustomStrings.js");
</script></pre>
<p>默认情况下，此行包括在所有显示模板中。可以将 <span class="input"><script></span> 标记中的更多代码行添加到引用 CSS 文件或主显示模板 HTML 文件外部的其他 JavaScript 文件。表 2 显示了如何包括其他资源的示例。</p>
<p>表 2. 在 <script> 标记中包括外部资源的示例</p>
<table>
<tbody>
<tr>
<th><p>如果您想要包括以下外部资源：</p></th>
<th><p>使用以下代码：</p></th>
</tr>
<tr>
<td><p>作为当前网站集的一部分的 JavaScript 文件</p></td>
<td><p><span class="code">$includeScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Content Web Parts/MyScripts.js");</span></p></td>
</tr>
<tr>
<td><p>外部 JavaScript 文件</p></td>
<td><p><span class="code">$includeScript(this.url, "http://www.contoso.com/ExternalScript.js");</span></p></td>
</tr>
<tr>
<td><p>作为当前网站集的一部分的 CSS 文件</p></td>
<td><p><span class="code">$includeCSS(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Content Web Parts/MyCSS.css");</span></p></td>
</tr>
<tr>
<td><p>与当前显示模板相对的位置中的 CSS 文件</p></td>
<td><p><span class="code">$includeCSS(this.url,"../../MyStyles/MyCSS.css");</span></p></td>
</tr>
</tbody>
</table>
<h3 class="subHeading">DIV 块</h3>
<p><span class="input"><script></span> 标记后是具有 ID 的 <span class="input"><div></span> 标记。默认情况下，此 <span class="input"><div></span> 标记的 ID 与 HTML 文件的名称匹配。您希望显示模板提供的任何 HTML 或代码必须包括在此 <span class="input"><div></span> 标记内。但标记本身不包括在运行时呈现于网页上的标记内。</p>
<table>
<tbody>
<tr>
<th align="left"> <strong>注释</strong> </th>
</tr>
<tr>
<td><p>如果您希望为运行时呈现于页面上的 HTML 块分配 CSS 样式或 ID，可以添加一个新的标记到第一个 <span class="input"><div></span> 标记内。还可以为控件模板中包围变量 <span class="code">_#= ctx.RenderGroups(ctx) =#_</span> 的 HTML 分配 CSS 样式或 ID。变量 <span class="code">_#= ctx.RenderGroups(ctx) =#_</span> 用于呈现包围项目模板呈现的查询结果的 HTML。</p></td>
</tr>
</tbody>
</table>
<p>您在第一个 <span class="input"><div></span> 标记中可以看到以 <span class="input"><!--#_</span> 开头、以 <span class="input">_#--></span> 结尾的注释块中的代码。可以使用这些块中的 JavaScript 代码，以及块之外的 HTML。还可以使用这些块控制带有条件语句的 HTML。为此，使用带有条件语句和左方括号的注释块，然后是 HTML，然后是另一个带有右方括号的注释块。以下示例中的定位标记仅在 <span class="input">linkURL</span> 对象的值不为空时呈现在页面上。</p>
<pre class="brush:html;toolbar:false"><!--#_
if(!linkURL.isEmpty)
{
_#-->
<a class="cbs-pictureImgLink" href="_#= linkURL =#_" title="_#= $htmlEncode(line1.defaultValueRenderer(line1)) =#_" id="_#= pictureLinkId =#_"><!--#_
}
_#--></pre>
<h2 class="LW_CollapsibleArea_TitleDiv"></h2>
<p><span class="LW_CollapsibleArea_Title">映射输入属性并获取其值</span> </p>
<hr class="LW_CollapsibleArea_Hr">
<p>项显示模板的标头部分具有一个名称为 <span class="input">ManagedPropertyMapping</span> 的自定义文档属性。此属性采用搜索使用的托管属性，并将它们映射到可由显示模板使用的值。此属性是以逗号分隔的值的列表，使用以下格式：'<span class="parameter">属性显示名称</span>'{<span class="parameter">属性名称</span>}:'<span class="parameter">托管属性</span>'。例如，<span class="code">'Picture URL'{Picture URL}:'PublishingImage;PictureURL;PictureThumbnailURL'</span>。</p>
<p>我们来看看详细的格式：</p>
<ul class="list-paddingleft-2">
<li><p><span class="parameter">属性显示名称</span>是在选定显示模板后，显示于 Web 部件编辑窗格中的属性名称。</p></li>
<li><p><span class="parameter">属性名称</span>是使用本地化字符串资源查找托管属性的名称的标识符。也是显示在 Web 部件设置菜单"属性映射"部分的值。编辑 Web 部件的设置时，可以更改此值，以更改关联到 Web 部件中显示的字段的托管属性。</p></li>
<li><p><span class="parameter">托管属性</span>是一个或多个托管属性的字符串，用分号隔开。在运行时，对列表从左至右求值，与当前搜索项目的托管属性名称匹配的第一个值将映射到此槽。这让您可以对可以使用多个项目类型，以及可以在存在兼容属性时使用一致呈现的显示模板进行写入。</p></li>
</ul>
<p>映射属性之后，可以通过使用以下代码获取脚本中的值：<span class="code">var pictureURL = $getItemValue(ctx, "Picture URL");</span></p>
<p>传递给 <span class="input">$getItemValue()</span> 的第二个参数必须与用于 <span class="input">ManagedPropertyMapping</span> 元素中单引号中的属性显示名称匹配。本示例中，<span class="input">Picture URL</span> 是传递给 <span class="input">$getItemValue()</span> 的属性名称。</p>
<p>此代码返回值信息对象 (<span class="input">valueInfoObj</span>)。此对象包含输入值的原始表示形式，以及使用适用默认编码的值。</p>
<p>可以像往常那样使用 JavaScript 部分中的变量，对变量进行操作并创建 HTML 字符串以在运行时呈现在页面上。但是，若要引用 HTML 的脚本中直接声明的变量，必须使用以下格式：_#= <span class="parameter">variableName</span> =#_。例如，若要使用变量 <span class="input">pictureURL</span> 作为图像的值，请使用以下 HTML：<span class="code"><img src="_#= pictureURL =#_" /></span></p>
<p><span class="code"></span></p>
<h2 class="LW_CollapsibleArea_TitleDiv"></h2>
<p><span class="LW_CollapsibleArea_Title">通过显示模板使用 jQuery</span> </p>
<hr class="LW_CollapsibleArea_Hr">
<p>可以通过显示模板使用 jQuery。但是请注意两个重要因素：</p>
<ul class="list-paddingleft-2">
<li><p>若要在显示模板中包括 jQuery 库，请按照本文之前所述的脚本块一节中的说明执行操作。</p></li>
<li><p>如果使用 jQuery 中的 ID 选择器，请使用以下代码创建 ID 的变量：<span class="code">var containerQueryId = '#' + '_#= containerId =#_';</span></p><p>使用以下代码引用 jQuery 中的选择器：<span class="code">$('_#= containerQueryId =#_')</span></p></li>
</ul>
<p><span class="code"><br></span><br></p>
<p>原文链接：http://msdn.microsoft.com/library/jj945138.aspx</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1210454154418425856"></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">你可能感兴趣的:(sharepoint,显示模板,SharePoint)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1891337669045186560.htm"
title="ABC392 G FFT求卷积模板" target="_blank">ABC392 G FFT求卷积模板</a>
<span class="text-muted">一条大祥脚</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>首先卷积就是如下的定义他有啥用呢，如果ai,bja_i,b_jai,bj对ai∗bja_i*b_jai∗bj有贡献，我们可以把a,ba,ba,b转化成cntcntcnt数组，然后做卷积，那么result(ai∗bj)result(a_i*b_j)result(ai∗bj)就会记录答案。比如如果我们用卷积来做a+ba+ba+b问题的话，给你a,ba,ba,b数组，问a+b=ca+b=ca+b=c，对</div>
</li>
<li><a href="/article/1891332124464705536.htm"
title="Linux 基于共享内存的循环队列实现" target="_blank">Linux 基于共享内存的循环队列实现</a>
<span class="text-muted">打工人你好</span>
<a class="tag" taget="_blank" href="/search/Linux%E7%BD%91%E7%BB%9C/1.htm">Linux网络</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
<div>Linux基于共享内存的循环队列实现Linux基于共享内存的循环队列实现一、共享内存与循环队列基础1.1共享内存特性1.2循环队列优势二、系统关键技术分析2.1共享内存操作APIshmget()创建共享内存shmat()映射共享内存2.2模板类设计要点三、循环队列核心方法实现3.1初始化方法3.2入队操作3.3出队操作四、共享内存实践要点4.1使用流程4.2关键注意事项五、进程同步问题解决方案5.</div>
</li>
<li><a href="/article/1891326447784620032.htm"
title="2025年智算中心的建设成本及优化策略，以DeepSeek为鉴" target="_blank">2025年智算中心的建设成本及优化策略，以DeepSeek为鉴</a>
<span class="text-muted">数据中心运维高级工程师</span>
<a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a>
<div>引言近期DeepSeek的爆火引发了行业对智算中心建设的重新思考。据行业数据显示，目前国内智算中心的机房出租率普遍较低，算力资源过剩现象严重。在这种背景下，如何在控制成本的同时，实现智算中心的高效建设和可持续运营，成为行业亟待解决的问题。本文将详细探讨智算中心的建设成本及优化策略，涵盖适用范围、遵循标准、智算中心定义、成本关键组成部分、影响成本的因素、2025年建设A智算中心的成本估算及优化策略，</div>
</li>
<li><a href="/article/1891325341520162816.htm"
title="企业内部管理软件使用saas还是源码呢" target="_blank">企业内部管理软件使用saas还是源码呢</a>
<span class="text-muted"></span>
<div>SaaS：一种通过互联网提供软件应用的服务模式。用户通过订阅方式使用软件，无需自行安装或维护。SaaS服务按需收费，供应商负责维护和更新，用户可以在不同设备上访问软件。它适用于各种规模的企业和个人，方便快捷。开源代码：软件的源代码公开发布，任何人都可以查看、修改和共享。它允许用户根据需求自由定制，完全掌控软件和数据的所有权。开源代码通常由社区支持，并且购买后无需持续支付订阅费用。SaaS模板和源代</div>
</li>
<li><a href="/article/1891320900196823040.htm"
title="w214多媒体素材库的设计与实现" target="_blank">w214多媒体素材库的设计与实现</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/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>作者简介：多年一线开发工作经验，原创团队，分享技术代码帮助学生学习，独立完成自己的网站项目。代码可以查看文章末尾⬇️联系方式获取，记得注明来意哦~赠送计算机毕业设计600个选题excel文件，帮助大学选题。赠送开题报告模板，帮助书写开题报告。作者完整代码目录供你选择：《Springboot网站项目》400套《ssm网站项目》800套《小程序项目》300套《App项目》500套《Python网站项目</div>
</li>
<li><a href="/article/1891320395236175872.htm"
title="(学习总结24)Linux 基本命令2" target="_blank">(学习总结24)Linux 基本命令2</a>
<span class="text-muted">瞌睡不来</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>Linux基本命令2操作文件或目录命令更改文件或目录访问权限命令chmod修改文件的所有者和所属组命令chown修改文件或目录的所属组命令chgrp更改文件或目录的属性命令chattr创建文件和目录时的默认权限掩码命令umask判断文件类型命令file显示文件或文件系统状态命令stat树状结构显示目录和文件命令tree文件添加行号命令nl统计文件行数、字数和字节数命令wc文件压缩和解压命令gzip</div>
</li>
<li><a href="/article/1891317998749282304.htm"
title="解决联想Y7000摄像头无法调用的问题" target="_blank">解决联想Y7000摄像头无法调用的问题</a>
<span class="text-muted">Bruce Jue</span>
<a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a>
<div>解决联想Y7000摄像头无法调用的问题按了Fn+F10之后仍然无法打开摄像头，出现灰色头像，很可能是因为之前联想电脑管家短暂的出过一个隐私模式，会把摄像头关掉。而打开这个摄像头的界面已经被更新掉了，找不到原来隐私设置的界面。打开联想电脑管家，在经典模式里面的，工具箱里，打开桌面助手，可以看到桌面显示了摄像头和话筒等等开关标识，在这里设置就好了。</div>
</li>
<li><a href="/article/1891314845932908544.htm"
title="MTTK Vue Wrap 项目介绍" target="_blank">MTTK Vue Wrap 项目介绍</a>
<span class="text-muted">MTTKbelinda</span>
<a class="tag" taget="_blank" href="/search/VUE/1.htm">VUE</a><a class="tag" taget="_blank" href="/search/Wrap/1.htm">Wrap</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>关键字:Vue3,配置开发,快速开发,组件封装关于本项目概述MttkVueWrap是一个基于Vue3的组件封装工具，核心目标是通过纯JavaScript/TypeScript替代传统的单文件组件（SFC）开发模式，同时兼容与SFC的混合使用.它允许开发者通过类似JSON的配置对象或动态生成的脚本快速构建Vue组件，涵盖模板、双向绑定（v-model）、属性、事件、插槽等核心功能.项目起源在前端开发</div>
</li>
<li><a href="/article/1891297684598353920.htm"
title="天呐！原来我们每天都在用的AI生图，背后竟是如此“粗暴”的原理？！（附源码运行显示）" target="_blank">天呐！原来我们每天都在用的AI生图，背后竟是如此“粗暴”的原理？！（附源码运行显示）</a>
<span class="text-muted">lizhijianwill</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%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a>
<div>天呐！原来我们每天都在用的AI生图，背后竟是如此“粗暴”的原理？！你有没有想过，那些让设计师集体失业、让普通人秒变艺术家的AI绘画工具，它们到底是怎么“画”出那些以假乱真的图像的？今天，就让我们一起揭开AI绘画的神秘面纱，看看它背后究竟隐藏着怎样的“魔法”！1.AI绘画？不，其实是“噪声”的艺术！想象一下，你有一张干净的白纸，想要在上面画出一只可爱的猫咪。你会怎么做？一笔一笔地勾勒线条，一点一点</div>
</li>
<li><a href="/article/1891293522032652288.htm"
title="【linux问题】Linux命令行终端窗口的输出，显示不全问题" target="_blank">【linux问题】Linux命令行终端窗口的输出，显示不全问题</a>
<span class="text-muted">Thenunaoer</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%BF%87%E7%A8%8B%E4%B8%AD%E9%81%87%E5%88%B0%E7%9A%84%E9%97%AE%E9%A2%98/1.htm">开发过程中遇到的问题</a><a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>Linux命令行终端窗口的输出，显示不全问题问题：图中显示的是一个Linux命令行终端窗口，nmclidevwifi是一个命令——列出所有能用的Wi-Fi。执行命令后，窗口输出了显示了所有能用的Wi-Fi网络列表。但是在每一行末尾有一个“>”符号，这个符号是什么意思？是输出的内容没显示完全的意思吗，那怎么解决？答：图中每行末尾的“>”符号确实表示输出内容被截断，显示的行无法完全显示出所有信息。这种</div>
</li>
<li><a href="/article/1891289489712672768.htm"
title="用esp32做一个门禁系统" target="_blank">用esp32做一个门禁系统</a>
<span class="text-muted">m0_74183254</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>用esp32做一个门禁系统，显示时间，管理员密码，远程操控等硬件模块：ESP32开发板DS1302RTC模块（用于时间和日期）OLED显示屏（SSD1306）4x4矩阵键盘（用于密码输入）RFID读卡器（如RC522）蜂鸣器（用于报警）电磁锁或舵机控制的锁LED指示灯（绿色和红色）功能模块：RTC时间管理：通过DS1302模块获取时间和日期，并在OLED上显示。密码管理：支持10组用户密码，可修改</div>
</li>
<li><a href="/article/1891287340597440512.htm"
title="js实现按钮加减，长按按钮数字一直可变" target="_blank">js实现按钮加减，长按按钮数字一直可变</a>
<span class="text-muted">iUserWang</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E8%B4%AD%E7%89%A9%E6%8C%89%E9%92%AE/1.htm">购物按钮</a><a class="tag" taget="_blank" href="/search/%E5%8A%A0%E5%87%8F%E6%8C%89%E9%92%AE/1.htm">加减按钮</a><a class="tag" taget="_blank" href="/search/%E9%95%BF%E6%8C%89%E6%8C%89%E9%92%AE/1.htm">长按按钮</a>
<div>今天工作过程中遇到一个小问题，即实现按钮加减，单击数据+/-1，长按时会按时间来每秒+/-1。实现后如图所示：按钮显示代码如下：—//减号按钮//数字显示+//加号按钮网上很多资料都只提供了单击事件，而对于长按按钮数字变化都无介绍，部分资料介绍为非js，以下对两种作出说明。一、仅单击事件按钮加减代码：varnum_jia=document.getElementById("num-jia");var</div>
</li>
<li><a href="/article/1891285823081476096.htm"
title="vps搭建x-ui面板" target="_blank">vps搭建x-ui面板</a>
<span class="text-muted">知道的越多越难受</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>提升权限sudo-i输入密码，可能不显示，输入后回车更新及安装组件aptupdate-y#Debian/Ubuntu命令aptinstall-ycurl#Debian/Ubuntu命令aptinstall-ysocat#Debian/Ubuntu命令yumupdate-y#CentOS命令yuminstall-ycurl#CentOS命令yuminstall-ysocat#CentOS命令防火墙相</div>
</li>
<li><a href="/article/1891273089291972608.htm"
title="nodejs：express + js-mdict 网页查询英汉词典，能显示图片" target="_blank">nodejs：express + js-mdict 网页查询英汉词典，能显示图片</a>
<span class="text-muted">belldeep</span>
<a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/js-mdict/1.htm">js-mdict</a><a class="tag" taget="_blank" href="/search/express/1.htm">express</a>
<div>向DeepSeekR1提问：我想写一个Web前端网页，后台用nodejs+js-mdict,实现在线查询英语单词，并能显示图片1.项目结构首先，创建一个项目目录，结构如下：mydict-app/├──public/│├──index.html│├──styles.css│└──script.js├──server/│└──server.js├──package.json└──README.md英汉</div>
</li>
<li><a href="/article/1891271955689041920.htm"
title="OmniParser在windows上的安装（第三步）" target="_blank">OmniParser在windows上的安装（第三步）</a>
<span class="text-muted">墨雪夜789</span>
<a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a><a class="tag" taget="_blank" href="/search/opencv/1.htm">opencv</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/1.htm">目标检测</a>
<div>按照OmniParser官方的技术文档，OmiParser是可以在网页端直接运行的，但是我尝试了，无法生成网页链接，原因是TCP没有响应，无法访问服务端（我觉得应该是服务器的IP地址是M国，因此无法进行Ping通，从而无法进行访问）具体测试如下显示加载服务器失败，后边去进行Ping测试，也无法Ping通。</div>
</li>
<li><a href="/article/1891268804428754944.htm"
title="three.js性能优化" target="_blank">three.js性能优化</a>
<span class="text-muted">火辣辣-</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%80%BB%E7%BB%93/1.htm">学习总结</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">学习笔记</a><a class="tag" taget="_blank" href="/search/three.js/1.htm">three.js</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a>
<div>本文持续更新~~~参考文章three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。在使用的时候，虽然three.js做了优化，但是在使用不恰当的代码，也会产生性能损耗。帧率越低，给人感觉就越卡。这是我在开发中自己百度总结的，有不对的可以联系我啊2019-08-22更新———————1、disppose()方法得重要性每当你创建一个three.js中的实例时，都会</div>
</li>
<li><a href="/article/1891246733363572736.htm"
title="使用JavaScript设计一款简单的数字时钟" target="_blank">使用JavaScript设计一款简单的数字时钟</a>
<span class="text-muted">布啦啦李</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%92%9F/1.htm">时钟</a>
<div>本文目录使用JavaScript设计一款带日期显示的数字时钟效果预览1.项目概述2.HTML结构代码说明3.CSS样式代码说明4.JavaScript逻辑代码说明5.运行效果使用JavaScript设计一款带日期显示的数字时钟本文将详细介绍如何使用HTML、CSS和JavaScript设计一款带日期显示的数字时钟。我们将逐步讲解每一行代码的作用，帮助你理解如何实现一个实时更新的时钟，并扩展功能以显</div>
</li>
<li><a href="/article/1891244841631805440.htm"
title="【网络安全】Snort中文查询手册" target="_blank">【网络安全】Snort中文查询手册</a>
<span class="text-muted">Walter_Jia</span>
<a class="tag" taget="_blank" href="/search/Network/1.htm">Network</a><a class="tag" taget="_blank" href="/search/Security/1.htm">Security</a>
<div>Snort中文手册摘要snort有三种工作模式：嗅探器、数据包记录器、网络入侵检测系统。嗅探器模式仅仅是从网络上读取数据包并作为连续不断的流显示在终端上。数据包记录器模式把数据包记录到硬盘上。网路入侵检测模式是最复杂的，而且是可配置的。我们可以让snort分析网络数据流以匹配用户定义的一些规则，并根据检测结果采取一定的动作。(2003-12-1116:39:12)Snort用户手册第一章snort</div>
</li>
<li><a href="/article/1891236398632071168.htm"
title="linux终端文件管理命令" target="_blank">linux终端文件管理命令</a>
<span class="text-muted">kevinfkq</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
<div>ls：列出目录内容。cd：切换当前工作目录。pwd：显示当前工作目录的绝对路径。mkdir：创建新目录。rmdir：删除空目录。cp：复制文件或目录。rm：删除文件或目录。mv：移动文件与目录，或修改名称。chmod+x文件名：指定某个文件赋予权限。chmod-R777:所有文件给权限</div>
</li>
<li><a href="/article/1891215967539752960.htm"
title="qt UI架构之MVD" target="_blank">qt UI架构之MVD</a>
<span class="text-muted">yaofei2006</span>
<a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
<div>在Qt中，MVD（Model-View-Delegate）是一种用于分离数据、显示和用户交互的设计架构。它是MVC（Model-View-Controller）的变体，特别适合用于处理复杂的数据显示和编辑场景（如表格、列表、树形结构等）。1.MVD架构的核心组件MVD架构由以下三个核心组件组成：1.1Model（模型）负责管理数据。提供数据的访问接口（如data()和setData()）。通知视图</div>
</li>
<li><a href="/article/1891215840532033536.htm"
title="qt实现网络聊天室" target="_blank">qt实现网络聊天室</a>
<span class="text-muted">yaofei2006</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a>
<div>1.功能需求服务器：监听客户端连接。接收客户端消息并广播给所有连接的客户端。处理客户端断开连接。客户端：连接到服务器。发送消息到服务器。接收并显示来自其他客户端的消息。2.技术栈Qt网络模块：QTcpServer和QTcpSocket用于实现网络通信。多线程：使用QThread或Qt的事件循环处理并发连接。信号与槽机制：用于处理网络事件和UI更新。QtWidgets：用于构建用户界面。3.项目结构</div>
</li>
<li><a href="/article/1891205750961795072.htm"
title="qt UI设计架构对比" target="_blank">qt UI设计架构对比</a>
<span class="text-muted">yaofei2006</span>
<a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
<div>在Qt中，UI设计架构的选择对应用程序的可维护性、扩展性和开发效率有重要影响。以下是几种常见的QtUI设计架构及其对比：1.MVC（Model-View-Controller）MVC是一种经典的设计模式，将应用程序分为三个部分：Model：管理数据和业务逻辑。View：负责显示数据（UI）。Controller：处理用户输入并更新Model和View。在Qt中的实现Model：使用QAbstrac</div>
</li>
<li><a href="/article/1891203484468965376.htm"
title="Windows下Kanass简明安装教程(入门级)" target="_blank">Windows下Kanass简明安装教程(入门级)</a>
<span class="text-muted">烟雨下扬州</span>
<a class="tag" taget="_blank" href="/search/jira/1.htm">jira</a>
<div>Kanass是一款国产开源免费的项目管理工具，工具简洁易用、开源免费。本文将介绍如何在windows下安装配置kanass。1、安装下载，下载地址:Kanass-下载，下载安装包如tiklab-kanass.1.0.4.exe安装，双击exe文件安装应用启动，双击应用程序或桌面Kanass应用图标，启动应用2、登录应用启动成功控制台会显示应用访问地址，浏览器输入http://ip:9500打开应用</div>
</li>
<li><a href="/article/1891202499809964032.htm"
title="如何编写有效的管理系统测试文档模板？" target="_blank">如何编写有效的管理系统测试文档模板？</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a>
<div>管理系统测试文档模板是确保软件质量和项目成功的关键工具。一个优秀的测试文档模板不仅能提高测试效率，还能促进团队协作，减少错误和疏漏。本文将深入探讨如何编写有效的管理系统测试文档模板，为研发项目管理从业者提供实用的指导和建议。测试文档模板的重要性在管理系统开发过程中，测试文档模板扮演着至关重要的角色。它不仅是测试过程的指南，更是项目质量的保证。一个设计良好的模板能够：1.标准化测试流程：通过统一的格</div>
</li>
<li><a href="/article/1891191758759456768.htm"
title="鸿蒙HarmonyOS NEXT开发：位置设置（ArkTS组件事件）" target="_blank">鸿蒙HarmonyOS NEXT开发：位置设置（ArkTS组件事件）</a>
<span class="text-muted">「已注销」</span>
<a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a><a class="tag" taget="_blank" href="/search/ArkTS/1.htm">ArkTS</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><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E9%A9%B1%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">驱动开发</a>
<div>位置设置设置组件的对齐方式、布局方向和显示位置。说明：从APIVersion7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。alignalign(value:Alignment)设置容器元素绘制区域内的子元素的对齐方式。卡片能力：从APIversion9开始，该接口支持在ArkTS卡片中使用。原子化服务API：从APIversion11开始，该接口支持在原子化服务中使用。系</div>
</li>
<li><a href="/article/1891186465178710016.htm"
title="鸿蒙next开发：页面添加水印-Canvas" target="_blank">鸿蒙next开发：页面添加水印-Canvas</a>
<span class="text-muted">代码中的爱马仕</span>
<a class="tag" taget="_blank" href="/search/HarmonyOS/1.htm">HarmonyOS</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a><a class="tag" taget="_blank" href="/search/OpenHarmony/1.htm">OpenHarmony</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><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99%E7%B3%BB%E7%BB%9F/1.htm">鸿蒙系统</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
<div>介绍在很多的场景中，如保存图片以及容器封面都能够见到水印，本案例通过Canvas组件以及OffscreenCanvas实现了页面添加水印以及保存图片时添加水印的功能。效果图预览使用说明：进入页面，页面背景显示水印效果。长按轮播图片，弹出半模态弹窗，点击保存按钮，图片保存在图库中，查看图片，图片显示水印。实现思路本示例使用两种方法添加水印方法一：Canvas组件绘制水印，然后将水印组件通过overl</div>
</li>
<li><a href="/article/1891179400456630272.htm"
title="Unity实现高性能多实例RTSP|RTMP播放器技术实践" target="_blank">Unity实现高性能多实例RTSP|RTMP播放器技术实践</a>
<span class="text-muted">音视频牛哥</span>
<a class="tag" taget="_blank" href="/search/Unity/1.htm">Unity</a><a class="tag" taget="_blank" href="/search/RTMP/1.htm">RTMP</a><a class="tag" taget="_blank" href="/search/RTSP%E7%9B%B4%E6%92%AD%E6%8E%A8%E9%80%81%E6%92%AD%E6%94%BE/1.htm">RTSP直播推送播放</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E7%89%9B%E7%9B%B4%E6%92%ADSDK/1.htm">大牛直播SDK</a><a class="tag" taget="_blank" href="/search/RTMP%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">RTMP播放器</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E/1.htm">游戏引擎</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%97%B6%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">实时音视频</a><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/rtsp%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">rtsp播放器</a><a class="tag" taget="_blank" href="/search/rtsp/1.htm">rtsp</a><a class="tag" taget="_blank" href="/search/player/1.htm">player</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E7%89%9B%E7%9B%B4%E6%92%ADSDK/1.htm">大牛直播SDK</a>
<div>项目背景与需求分析多实例播放器的应用场景视频监控系统中的多路视频播放在视频监控系统中，通常需要同时播放多个摄像头的实时视频流。例如，在一个大型商场的监控中心，可能需要同时监控数十个摄像头的画面，以便及时发现异常情况并进行处理。这种场景下，多实例播放器能够有效地满足同时播放多个视频流的需求，为监控人员提供全面的监控视角。通过多实例播放器，可以将不同摄像头的视频流分别显示在不同的窗口或区域中，方便监控</div>
</li>
<li><a href="/article/1891155200475983872.htm"
title="康冠科技嵌入式面试题及参考答案" target="_blank">康冠科技嵌入式面试题及参考答案</a>
<span class="text-muted">大模型大数据攻城狮</span>
<a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E8%BD%AF/1.htm">嵌软</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA%E9%9D%A2%E8%AF%95/1.htm">单片机面试</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/RTOS%E9%9D%A2%E8%AF%95/1.htm">RTOS面试</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E6%A4%8D/1.htm">移植</a><a class="tag" taget="_blank" href="/search/%E9%A9%B1%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">驱动开发</a>
<div>LCD驱动你自己做了哪些内容？在LCD驱动开发中，首先是硬件层面的理解。需要仔细研究LCD的数据手册，明确其引脚定义，包括电源引脚、数据引脚、控制引脚等。比如，对于常见的RGB接口LCD，要清楚哪几个引脚是用于传输红、绿、蓝三种颜色的数据，以及像VSYNC（垂直同步信号）、HSYNC（水平同步信号）这些控制显示同步的引脚功能。在软件层面，初始化工作是关键。要设置合适的寄存器来配置LCD的工作模式。</div>
</li>
<li><a href="/article/1891154569359060992.htm"
title="Javascript的数据类型" target="_blank">Javascript的数据类型</a>
<span class="text-muted">太阳与星辰</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/1.htm">数据类型</a>
<div>Javascript的数据类型1.基本数据类型1.1七种基本数据类型1.2单独说说BigInt1.3其它注意点2.引用数据类型3.基本数据类型和引用数据类型的区别4.双等于号和三等于号的区别5.Javascript的类型转换机制5.1显示转换(强制转换)5.2隐式转换(1)减、乘、除(2)加(加法要区别算,因为+不仅仅是加法，还可以拼接)(3)单个变量(4)ToPrimitive原则JavaS</div>
</li>
<li><a href="/article/1891152929667215360.htm"
title="USB射频微波功率计的功能与优势-盛铂科技" target="_blank">USB射频微波功率计的功能与优势-盛铂科技</a>
<span class="text-muted">射频微波精密</span>
<a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a><a class="tag" taget="_blank" href="/search/%E9%87%8F%E5%AD%90%E8%AE%A1%E7%AE%97/1.htm">量子计算</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E4%B8%8E%E9%80%9A%E4%BF%A1/1.htm">信息与通信</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a>
<div>USB射频功率计是一种用于测量射频信号（RF）功率的仪器，它通过USB接口与计算机或其他设备连接，以便于进行数据采集、处理和显示。主要功能功率测量：能够测量射频信号的功率，通常以毫瓦（mW）或分贝毫瓦（dBm）为单位表示。频率响应：可在特定的频率范围内进行测量，通常覆盖从几GHz到几十GHz的频率。数据记录与分析：通过与计算机连接，支持数据的实时记录、存储和分析。自动校准：许多USB射频功率计内置</div>
</li>
<li><a href="/article/65.htm"
title="Java常用排序算法/程序员必须掌握的8大排序算法" target="_blank">Java常用排序算法/程序员必须掌握的8大排序算法</a>
<span class="text-muted">cugfy</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>分类：
1）插入排序（直接插入排序、希尔排序）
2）交换排序（冒泡排序、快速排序）
3）选择排序（直接选择排序、堆排序）
4）归并排序
5）分配排序（基数排序）
所需辅助空间最多：归并排序
所需辅助空间最少：堆排序
平均速度最快：快速排序
不稳定：快速排序，希尔排序，堆排序。
先来看看8种排序之间的关系：
1.直接插入排序
（1</div>
</li>
<li><a href="/article/192.htm"
title="【Spark102】Spark存储模块BlockManager剖析" target="_blank">【Spark102】Spark存储模块BlockManager剖析</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/manager/1.htm">manager</a>
<div>Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色</div>
</li>
<li><a href="/article/319.htm"
title="linux 查看端口被占用情况详解" target="_blank">linux 查看端口被占用情况详解</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E7%AB%AF%E5%8F%A3%E5%8D%A0%E7%94%A8/1.htm">端口占用</a><a class="tag" taget="_blank" href="/search/netstat/1.htm">netstat</a><a class="tag" taget="_blank" href="/search/lsof/1.htm">lsof</a>
<div>经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序
1、lsof -i:port
port为端口号
[root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080
COMMAND PID USER FD TY</div>
</li>
<li><a href="/article/446.htm"
title="Hosts文件使用" target="_blank">Hosts文件使用</a>
<span class="text-muted">周凡杨</span>
<a class="tag" taget="_blank" href="/search/hosts/1.htm">hosts</a><a class="tag" taget="_blank" href="/search/locahost/1.htm">locahost</a>
<div> 一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:</div>
</li>
<li><a href="/article/573.htm"
title="java excel工具" target="_blank">java excel工具</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/Java+excel/1.htm">Java excel</a>
<div>直接上代码，一看就懂，利用的是jxl：
import java.io.File;
import java.io.IOException;
import jxl.Cell;
import jxl.Sheet;
import jxl.Workbook;
import jxl.read.biff.BiffException;
import jxl.write.Label;
import </div>
</li>
<li><a href="/article/700.htm"
title="web报表工具finereport常用函数的用法总结（数组函数）" target="_blank">web报表工具finereport常用函数的用法总结（数组函数）</a>
<span class="text-muted">老A不折腾</span>
<a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/web%E6%8A%A5%E8%A1%A8/1.htm">web报表</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E6%80%BB%E7%BB%93/1.htm">函数总结</a>
<div>ADD2ARRAY
ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。
示例：
ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7].
ADDARRAY([3,4, 1, 5, 7], "测试&q</div>
</li>
<li><a href="/article/827.htm"
title="游戏服务器网络带宽负载计算" target="_blank">游戏服务器网络带宽负载计算</a>
<span class="text-muted">墙头上一根草</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
<div>家庭所安装的4M，8M宽带。其中M是指，Mbits/S
其中要提前说明的是：
8bits = 1Byte
即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。
8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。
我是在计算我们网络流量时想到的</div>
</li>
<li><a href="/article/954.htm"
title="我的spring学习笔记2-IoC（反向控制 依赖注入）" target="_blank">我的spring学习笔记2-IoC（反向控制 依赖注入）</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Spring+3+%E7%B3%BB%E5%88%97/1.htm">Spring 3 系列</a>
<div>IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。
IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明：
如：程序中有 Mysql.calss 、Oracle.class 、SqlSe</div>
</li>
<li><a href="/article/1081.htm"
title="高性能mysql 之 选择存储引擎(一)" target="_blank">高性能mysql 之 选择存储引擎(一)</a>
<span class="text-muted">annan211</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/InnoDB/1.htm">InnoDB</a><a class="tag" taget="_blank" href="/search/MySQL%E5%BC%95%E6%93%8E/1.htm">MySQL引擎</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8%E5%BC%95%E6%93%8E/1.htm">存储引擎</a>
<div> 1 没有特殊情况，应尽可能使用InnoDB存储引擎。 原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她 被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃 恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常</div>
</li>
<li><a href="/article/1208.htm"
title="UDP网络编程" target="_blank">UDP网络编程</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/UDP%E7%BC%96%E7%A8%8B/1.htm">UDP编程</a><a class="tag" taget="_blank" href="/search/%E5%B1%80%E5%9F%9F%E7%BD%91%E7%BB%84%E6%92%AD/1.htm">局域网组播</a>
<div>
UDP是基于无连接的,不可靠的传输 与TCP/IP相反
UDP实现私聊,发送方式客户端,接受方式服务器
package netUDP_sc;
import java.net.DatagramPacket;
import java.net.DatagramSocket;
import java.net.Ine</div>
</li>
<li><a href="/article/1335.htm"
title="JQuery对象的val()方法执行结果分析" target="_blank">JQuery对象的val()方法执行结果分析</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
<div> JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。
</div>
</li>
<li><a href="/article/1462.htm"
title="http请求测试实例（采用json-lib解析）" target="_blank">http请求测试实例（采用json-lib解析）</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a>
<div> 由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。
package com;
import java.util.HashMap;
import java.util.Map;
import </div>
</li>
<li><a href="/article/1589.htm"
title="【RPC框架Hessian四】Hessian与Spring集成" target="_blank">【RPC框架Hessian四】Hessian与Spring集成</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hessian/1.htm">hessian</a>
<div>在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。
定义模型、接口和服务器端代码
|---Model
&nb</div>
</li>
<li><a href="/article/1716.htm"
title="【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析" target="_blank">【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Mahout/1.htm">Mahout</a>
<div>1.Mahout环境搭建
1.下载Mahout
http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz
2.解压Mahout
3. 配置环境变量
vim /etc/profile
export HADOOP_HOME=/home</div>
</li>
<li><a href="/article/1843.htm"
title="nginx负载tomcat遇非80时的转发问题" target="_blank">nginx负载tomcat遇非80时的转发问题</a>
<span class="text-muted">ronin47</span>
<div> nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port
详细如下：
该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的：
? 1 2 3 4 5 </div>
</li>
<li><a href="/article/1970.htm"
title="java-17-在一个字符串中找到第一个只出现一次的字符" target="_blank">java-17-在一个字符串中找到第一个只出现一次的字符</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
public class FirstShowOnlyOnceElement {
/**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b
* 1.int[] count:count[i]表示i对应字符出现的次数
* 2.将26个英文字母映射：a-z <--> 0-25
* 3.假设全部字母都是小写
*/
pu</div>
</li>
<li><a href="/article/2097.htm"
title="mongoDB 复制集" target="_blank">mongoDB 复制集</a>
<span class="text-muted">开窍的石头</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
<div>mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题
mo</div>
</li>
<li><a href="/article/2224.htm"
title="[宇宙与天文]宇宙时代的经济学" target="_blank">[宇宙与天文]宇宙时代的经济学</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E7%BB%8F%E6%B5%8E/1.htm">经济</a>
<div>
宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。
在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源
以目前地球上国家的经济发展水平来讲，</div>
</li>
<li><a href="/article/2351.htm"
title="Git忽略文件" target="_blank">Git忽略文件</a>
<span class="text-muted">Cwind</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
<div> 有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。
==== ==== ==== 一些牢骚</div>
</li>
<li><a href="/article/2478.htm"
title="MySQL连接数据库的必须配置" target="_blank">MySQL连接数据库的必须配置</a>
<span class="text-muted">dashuaifu</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E8%BF%9E%E6%8E%A5%E6%95%B0%E6%8D%AE%E5%BA%93%E9%85%8D%E7%BD%AE/1.htm">连接数据库配置</a>
<div>MySQL连接数据库的必须配置
1.driverClass：com.mysql.jdbc.Driver
2.jdbcUrl：jdbc:mysql://localhost:3306/dbname
3.user：username
4.password：password
其中1是驱动名；2是url，这里的‘dbna</div>
</li>
<li><a href="/article/2605.htm"
title="一生要养成的60个习惯" target="_blank">一生要养成的60个习惯</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E4%B9%A0%E6%83%AF/1.htm">习惯</a>
<div>一生要养成的60个习惯
第1篇 让你更受大家欢迎的习惯
1 守时，不准时赴约,让别人等,会失去很多机会。
如何做到：
①该起床时就起床，
②养成任何事情都提前15分钟的习惯。
③带本可以随时阅读的书，如果早了就拿出来读读。
④有条理，生活没条理最容易耽误时间。
⑤提前计划：将重要和不重要的事情岔开。
⑥今天就准备好明天要穿的衣服。
⑦按时睡觉，这会让按时起床更容易。
2 注重</div>
</li>
<li><a href="/article/2732.htm"
title="[介绍]Yii 是什么" target="_blank">[介绍]Yii 是什么</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/yii2/1.htm">yii2</a>
<div>Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。
Yii 最适合做什么？
Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应</div>
</li>
<li><a href="/article/2859.htm"
title="Linux SSH常用总结" target="_blank">Linux SSH常用总结</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/linux+ssh/1.htm">linux ssh</a><a class="tag" taget="_blank" href="/search/SSHD/1.htm">SSHD</a>
<div>转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机
格式：
ssh name@remoteserver
例如：
ssh ickes@192.168.27.211
二、连接到远程主机指定的端口
格式：
ssh name@remoteserver -p 22
例如：
ssh i</div>
</li>
<li><a href="/article/2986.htm"
title="快速上传头像到服务端工具类FaceUtil" target="_blank">快速上传头像到服务端工具类FaceUtil</a>
<span class="text-muted">gundumw100</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>快速迭代用
import java.io.DataOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOExceptio</div>
</li>
<li><a href="/article/3113.htm"
title="jQuery入门之怎么使用" target="_blank">jQuery入门之怎么使用</a>
<span class="text-muted">ini</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？
首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。</div>
</li>
<li><a href="/article/3240.htm"
title="带filter的hbase查询优化" target="_blank">带filter的hbase查询优化</a>
<span class="text-muted">kane_xie</span>
<a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2%E4%BC%98%E5%8C%96/1.htm">查询优化</a><a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a><a class="tag" taget="_blank" href="/search/RandomRowFilter/1.htm">RandomRowFilter</a>
<div>
问题描述
hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。
问题原因
直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需</div>
</li>
<li><a href="/article/3367.htm"
title="java设计模式-单例模式" target="_blank">java设计模式-单例模式</a>
<span class="text-muted">men4661273</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/%E6%9E%9A%E4%B8%BE/1.htm">枚举</a><a class="tag" taget="_blank" href="/search/%E5%8F%8D%E5%B0%84/1.htm">反射</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a>
<div> 单例模式1，饿汉模式
//饿汉式单例类.在类初始化时，已经自行实例化
public class Singleton1 {
//私有的默认构造函数
private Singleton1() {}
//已经自行实例化
private static final Singleton1 singl</div>
</li>
<li><a href="/article/3494.htm"
title="mongodb 查询某一天所有信息的3种方法，根据日期查询" target="_blank">mongodb 查询某一天所有信息的3种方法，根据日期查询</a>
<span class="text-muted">qiaolevip</span>
<a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a>
<div>// mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。
// 第一种方式：
coll.aggregate([
{$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}},
{$match:{sendDate: '2015-</div>
</li>
<li><a href="/article/3621.htm"
title="二维数组转换成JSON" target="_blank">二维数组转换成JSON</a>
<span class="text-muted">tangqi609567707</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a>
<div>原文出处：http://blog.csdn.net/springsen/article/details/7833596
public class Demo {
public static void main(String[] args) { String[][] blogL</div>
</li>
<li><a href="/article/3748.htm"
title="erlang supervisor" target="_blank">erlang supervisor</a>
<span class="text-muted">wudixiaotie</span>
<a class="tag" taget="_blank" href="/search/erlang/1.htm">erlang</a>
<div>定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_</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>
