创建缩略图查看器
使用Dynamic Web TWAIN，您可以在同一页面上放置2个控件来模拟缩略图+主要查看器。
如何在一个页面中定义两个控件
在HtmlPage.html中
缩略图</ TITLE>
</ HEAD> <BODY>
<！ - 放置两个DIV来保持DWT控件 - >
</ div>
</ div>
<！ - 放置两个DIV来保持DWT控件 - >
</ script>
</ script>var DWObject，DWObjectLargeViewer;
Dynamsoft.WebTwainEnv.RegisterEvent（'OnWebTwainReady'，Dynamsoft_OnReady）;
function Dynamsoft_OnReady（）{
/ *创建缩略图* /
DWObject = Dynamsoft.WebTwainEnv.GetWebTwain（'dwtcontrolContainer'）;
/ *创建一个大型观众* /
DWObjectLargeViewer = Dynamsoft.WebTwainEnv.GetWebTwain（'dwtcontrolContainerLargeViewer'）;
}</code></blockquote><br />
在dynamsoft.webtwain.config.js中<br />
<blockquote><code>Dynamsoft.WebTwainEnv.Containers = [{ContainerId:'dwtcontrolContainer', Width: 120, Height: 350}, {ContainerId:'dwtcontrolContainerLargeViewer', Width: 270, Height: 350},];
</code></blockquote><br />
<strong>【创建缩略图查看器】</strong>以下是它的样子：<br />
注意：左侧的控件具有1 * 5的视图模式，右侧的控件具有1 * 1的视图模式，并且设置为一次仅保持1个图像。<br />
<blockquote><code>DWObject.SetViewMode（1,5）;
/ *这实际上是默认设置* /
DWObjectLargeViewer.SetViewMode（1,1）;
/ *将其设置为仅保留一个图像* /
DWObjectLargeViewer.MaxImagesInBuffer = 1;
</code></blockquote><br />
<img alt="创建缩略图查看器"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/96840e46cd0643f89e910de3ce49f18a.jpg"/> <br />
文章图片 <br />
<br />
如何在两个视窗之间同步图像？ <br> 通过上述实现，您只需要使用左侧的对象（用于扫描/编辑/上传的缩略图等。主查看器仅显示当前图像。当前图像更改时，您需要更新主查看器。<br />
<blockquote><code>DWObject.RegisterEvent（“OnMouseClick”，Dynamsoft_OnMouseClick）;
function Dynamsoft_OnMouseClick（index）{//当您单击缩略图中的一个图像时触发
updateLargeViewer（）;
}
DWObject.RegisterEvent（'OnBitmapChanged'，updateLargeViewer）;
//当图像被更改时触发，如翻转，裁剪，旋转等
function updateLargeViewer（）{
/ *将当前图像复制到剪贴板* /
DWObject.CopyToClipboard（index）;
/ *将相同的图像从剪贴板加载到大型查看器中* /
DWObjectLargeViewer.LoadDibFromClipboard（）;
}</code></blockquote><br />
上面显示的代码使用系统的剪贴板在查看器之间移动图像。还有其他两种方法可以实现如下所示的相同功能。<br />
1.使用图像的URL（GetImageURL）<br />
<blockquote><code>function updateLargeViewer（）{
if（DWObject._ssl）
DWObjectLargeViewer.HTTPPort = DWObject._portSSL;
else
DWObjectLargeViewer.HTTPPort = DWObject._port;
var imgURL = DWObject.GetImageURL（DWObject.CurrentImageIndexInBuffer）;
DWObjectLargeViewer.HTTPDownloadEx（DWObject._ip，imgURL.substring（imgURL.indexOf（ 'IMG'） - 1），3）;
}</code></blockquote><br />
2.使用base64二进制文件（ConvertToBase64），这比上面的解决方案要慢，因为转换为base64二进制文件需要时间。<br />
<blockquote><code>function updateLargeViewer（）{
DWObject.ConvertToBase64（
[DWObject.CurrentImageIndexInBuffer]
EnumDWT_ImageType.IT_PNG，
function（result）{
DWObjectLargeViewer.LoadImageFromBase64Binary（result.getData（0，result.getLength（）），EnumDWT_ImageType.IT_PNG）;
}，
function（errorCode，errorString）{
console.log（“ErrorCode：”+ errorCode +“\ r”+“ErrorString：”+ errorString）;
}）;
}</code></blockquote><br />
<br />
</p>
<div class="dede_pages"><ul></ul></div>
<div class="pcd_ad">
<center><div class="_ahwullr0ac"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u6834461",
container: "_ahwullr0ac",
async: true
});
</script>
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" >
</script></center>
</div>
<div class="mbd_ad">
<div style=margin-top:10px;margin-bottom:10px;>
<div class="_i7aftr79jl"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u5950612",
container: "_i7aftr79jl",
async: true
});
</script>
<!-- ½űֻһ -->
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" >
</script>
</div>
</div>
<h3>推荐阅读</h3>
<ul class="post-loop post-loop-default cols-0">
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/2928931.html" title="满山红"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="满山红" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2928931.html"> <b>满山红 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/10122Ta62021.html" title="心率|全球首款能保护颈椎的耳机！Amazfit PowerBuds Pro发布：首发899元"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="心率|全球首款能保护颈椎的耳机！Amazfit PowerBuds Pro发布：首发899元" src="https://p0.ssl.img.360kuai.com/t01c5be3b8501f01c8c.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/10122Ta62021.html"> <b>心率|全球首款能保护颈椎的耳机！Amazfit PowerBuds Pro发布：首发899元 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/516829.html" title="bios设置硬盘打开,教您bios设置硬盘打开设置步骤"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="bios设置硬盘打开,教您bios设置硬盘打开设置步骤" src="http://img.readke.com/220415/0J43T142-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/516829.html"> <b>bios设置硬盘打开,教您bios设置硬盘打开设置步骤 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3036755.html" title="微信可不可以重新改微信号和密码 微信可不可以重新改微信号"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="微信可不可以重新改微信号和密码 微信可不可以重新改微信号" src="http://img.readke.com/230819/23551V594-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3036755.html"> <b>微信可不可以重新改微信号和密码 微信可不可以重新改微信号 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/2913161.html" title="即食海参怎么吃"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="即食海参怎么吃" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2913161.html"> <b>即食海参怎么吃 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/1387412.html" title="安道尔是哪个国家 安道尔到底是什么地方"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="安道尔是哪个国家 安道尔到底是什么地方" src="http://img.readke.com/230403/160QI360-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1387412.html"> <b>安道尔是哪个国家 安道尔到底是什么地方 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0I0149132021.html" title="iphone 12|iPhone 13 不用抢了，货管够"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="iphone 12|iPhone 13 不用抢了，货管够" src="https://p0.ssl.img.360kuai.com/t01292e3703a3e0d25e.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/0I0149132021.html"> <b>iphone 12|iPhone 13 不用抢了，货管够 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/1249455.html" title="鳗鱼死了能不能吃"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="鳗鱼死了能不能吃" src="http://img.readke.com/230308/2231403153-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1249455.html"> <b>鳗鱼死了能不能吃 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/2505060.html" title="烤吐司水果布丁怎么做 水果吐司布丁的做法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="烤吐司水果布丁怎么做 水果吐司布丁的做法" src="http://img.readke.com/230612/1T95J428-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2505060.html"> <b>烤吐司水果布丁怎么做 水果吐司布丁的做法 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/1096147.html" title="word怎么做单个柱形图 柱状图怎么做"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="word怎么做单个柱形图 柱状图怎么做" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1096147.html"> <b>word怎么做单个柱形图 柱状图怎么做 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/1600533.html" title="韩国的国立大学有哪些排名"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="韩国的国立大学有哪些排名" src="http://img.readke.com/230416/16024TD9-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1600533.html"> <b>韩国的国立大学有哪些排名 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/031TI1422022.html" title="java|为什么使用开源软件_为什么要使用开源软件（）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="java|为什么使用开源软件_为什么要使用开源软件（）" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/031TI1422022.html"> <b>java|为什么使用开源软件_为什么要使用开源软件（） </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/4039477.html" title="如何使用键盘关机戴尔服务器？ 戴尔服务器怎么用键盘关机"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="如何使用键盘关机戴尔服务器？ 戴尔服务器怎么用键盘关机" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/4039477.html"> <b>如何使用键盘关机戴尔服务器？ 戴尔服务器怎么用键盘关机 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/4186958.html" title="产品研发需求分析,普通研发人员培训需求分析"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="产品研发需求分析,普通研发人员培训需求分析" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/4186958.html"> <b>产品研发需求分析,普通研发人员培训需求分析 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/915318.html" title="染发剂会不会致癌？染发剂应该怎么使用？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="染发剂会不会致癌？染发剂应该怎么使用？" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/915318.html"> <b>染发剂会不会致癌？染发剂应该怎么使用？ </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/1415084.html" title="对比与国外的服务器来说 服务器国外"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="对比与国外的服务器来说 服务器国外" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1415084.html"> <b>对比与国外的服务器来说 服务器国外 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3858213.html" title="android 输入法源码分析,Android系统源码情景分析"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="android 输入法源码分析,Android系统源码情景分析" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3858213.html"> <b>android 输入法源码分析,Android系统源码情景分析 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3428739.html" title="松下空调自动重启是什么问题,对比下不就知道了"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="松下空调自动重启是什么问题,对比下不就知道了" src="http://img.readke.com/231112/12340060a-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3428739.html"> <b>松下空调自动重启是什么问题,对比下不就知道了 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/2960473.html" title="武汉生育津贴审核通过后多久到账 武汉生育津贴审核通过后多久到账户"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="武汉生育津贴审核通过后多久到账 武汉生育津贴审核通过后多久到账户" src="http://img.readke.com/230809/0146116412-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2960473.html"> <b>武汉生育津贴审核通过后多久到账 武汉生育津贴审核通过后多久到账户 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/2938900.html" title="如何评价CSGO名将pasha,他来中国开直播会火吗？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="如何评价CSGO名将pasha,他来中国开直播会火吗？" src="http://img.readke.com/230805/2201542159-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2938900.html"> <b>如何评价CSGO名将pasha,他来中国开直播会火吗？ </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
</ul>
<p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/021T5H462022.html" title="django-前后端交互" target="_blank">django-前后端交互
</a></li> <li><a href="/c/021T564Y2022.html" title="IDEA|IDEA 创建工程" target="_blank">IDEA|IDEA 创建工程
</a></li> <li><a href="/c/021J556422022.html" title="怎么压缩图片大小不影响质量" target="_blank">怎么压缩图片大小不影响质量
</a></li> <li><a href="/c/021J550962022.html" title="如若……" target="_blank">如若……
</a></li> <li><a href="/c/021J54J52022.html" title="程序员需要知道的缩写和专业名词【转】" target="_blank">程序员需要知道的缩写和专业名词【转】
</a></li> <li><a href="/c/02164546142022.html" title="创建缔造完美教室，让每一间教室都闪闪发光" target="_blank">创建缔造完美教室，让每一间教室都闪闪发光
</a></li> <li><a href="/c/0215451Q02022.html" title="Servlet原理|Servlet原理 二（Web应用与创建Servlet实例）" target="_blank">Servlet原理|Servlet原理 二（Web应用与创建Servlet实例）
</a></li> <li><a href="/c/0215451B42022.html" title="销售的乐趣" target="_blank">销售的乐趣
</a></li> <li><a href="/c/0215451A92022.html" title="生命中最美不过平淡" target="_blank">生命中最美不过平淡
</a></li> <li><a href="/c/02144513612022.html" title="企业为什么要融资" target="_blank">企业为什么要融资
</a></li> </ul></p>
<div class=entry-copyright>
<p></p>
</div>
</div>
<div class="entry-footer">
<div class="prev-next sb br mb clearfix">
<p class="post-prev fl ellipsis">上一篇：<a href='/c/1230393B52021.html'>Web杂谈|node中常用的第三方模块router、sever-static</a> </p>
<p class="post-next fr ellipsis">下一篇：<a href='/c/1230393BH021.html'>jmeter录制app的脚本时，ApacheJMeterTemporaryRootCA证书过期</a> </p>
</div>
</div>
</div>
</article>
</main>
<aside class="sidebar">
<div class="widget widget_post_thumb">
<h3 class="widget-title"><span>更多...</span></h3>
<ul>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/09192241502021.html" title="WFD学习笔记"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="WFD学习笔记" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/09192241502021.html" title="WFD学习笔记">WFD学习笔记</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/10313041Q2021.html" title="北洋时期人品最好的军阀，吴佩孚，陈炯明，还是段祺瑞（）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="北洋时期人品最好的军阀，吴佩孚，陈炯明，还是段祺瑞（）" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/10313041Q2021.html" title="北洋时期人品最好的军阀，吴佩孚，陈炯明，还是段祺瑞（）">北洋时期人品最好的军阀，吴佩孚，陈炯明，还是段祺瑞（）</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/010941UI2022.html" title="上海那些值得去的灵魂书店"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="上海那些值得去的灵魂书店" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/010941UI2022.html" title="上海那些值得去的灵魂书店">上海那些值得去的灵魂书店</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/01034061S2022.html" title="jvm|从栈帧看字节码是如何在 JVM 中进行流转的"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="jvm|从栈帧看字节码是如何在 JVM 中进行流转的" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/01034061S2022.html" title="jvm|从栈帧看字节码是如何在 JVM 中进行流转的">jvm|从栈帧看字节码是如何在 JVM 中进行流转的</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0Z5154K32021.html" title="2021-02-22五勤记·视界151（开学了，加油！）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="2021-02-22五勤记·视界151（开学了，加油！）" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/0Z5154K32021.html" title="2021-02-22五勤记·视界151（开学了，加油！）">2021-02-22五勤记·视界151（开学了，加油！）</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/10062H3F2021.html" title="C语言之实现栈的基础创建"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="C语言之实现栈的基础创建" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/10062H3F2021.html" title="C语言之实现栈的基础创建">C语言之实现栈的基础创建</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0Z61614012021.html" title="三世缘|三世缘 外传.凤九梦魇（七）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="三世缘|三世缘 外传.凤九梦魇（七）" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/0Z61614012021.html" title="三世缘|三世缘 外传.凤九梦魇（七）">三世缘|三世缘 外传.凤九梦魇（七）</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0ZQH61R021.html" title="为人处事。"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="为人处事。" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/0ZQH61R021.html" title="为人处事。">为人处事。</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/11053120262021.html" title="浅谈设计模式 - 状态模式（十三）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="浅谈设计模式 - 状态模式（十三）" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/11053120262021.html" title="浅谈设计模式 - 状态模式（十三）">浅谈设计模式 - 状态模式（十三）</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/111S2b392021.html" title="基础算法相关代码模板整理"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="基础算法相关代码模板整理" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/111S2b392021.html" title="基础算法相关代码模板整理">基础算法相关代码模板整理</a></p>
</div>
</li>
</ul>
</div>
</aside>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="clearfix">
<div class="footer-col footer-col-logo"> <!--<img src="/skin/images/logo-footer.png">--></div>
<div class="footer-col footer-col-copy">
<ul class="footer-nav hidden-xs">
<li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li>
<li class="menu-item menu-item-706"><a href="/it/">it技术</a></li>
</ul>
<div class="copyright">
<p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p>
</div>
</div>
<div class="footer-col footer-col-sns">
<div class="footer-sns"> </div>
</div>
</div>
</div>
</footer>
<div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;">
<div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true">
<use xlink:href="#wi-arrow-up-2"></use>
</svg></i></div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<script>var _web_js={};</script>
<script src="/skin/js/index.js"></script>
</body>
</html>