流动网页设计有很多好处，但也只有在正确使用的时候。合适的技巧会使页面在大屏幕、小屏幕抑、ＰＤＡ小屏幕上都能得到良好的呈现。但是，糟糕的代码结构，对于流动布局来说将是灾难性的。因此，我们需要针对大多数流动设计的缺点寻求可行的解决方案。如果你作为设计师通过额外的付出创造了一个功能性流动布局，为什么不更进一步使其兼容所有分辨率，而不是局限于大多数屏幕。你可以使用一些技巧创造一种意想不到的适应性布局，这种布局在不断改变屏幕分辨率情况下会保持功能上的完整性。在这篇文
系统 2019-08-29 22:48:00 2355
前端的纯技术就是对规范的认知什么是DOMContentLoaded事件？首先想到的是查看W3C的HTML5规范，DOMContentLoaded事件在什么时候触发：Oncetheuseragentstopsparsingthedocument,theuseragentmustrunthefollowingsteps:1.Setthecurrentdocumentreadinessto“interactive”andtheinsertionpointtoun
系统 2019-08-12 09:30:31 2351
仿iPhone开关式按钮(jQuery+CSS3)viewsourceprint?001002003004005006仿iPhone开关式按钮(jQuery+CSS3)</span>
<p class="auth-span">
<span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 22:11:15</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2350</span></span>
<!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank"
href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>-->
</p>
</article><article class="excerpt">
<header>
<a title="CSS" class="label label-important zj-del-target" href="/category/68">CSS<i class="label-arrow"></i></a>
<h2>
<a class="zj-titles zj-del-target" href="/article/19676" title="关于迅雷评论的一个改造html css" target="_blank" onclick="return recordId('tid',68)">关于迅雷评论的一个改造html css </a>
</h2>
</header>
<div class="focus">
<a class="zj-del-target" href="/article/19676" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/11.jpg" alt="" title=""></a>
</div>
<span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/19676';}else{window.open('/article/19676');}" style="cursor: pointer;">Code<!--<br/><br/>CodehighlightingproducedbyActiproCodeHighlighter(freeware)<br/>http://www.CodeHighlighter.com/<br/><br/>--><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio</span>
<p class="auth-span">
<span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 23:22:42</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2344</span></span>
<!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank"
href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>-->
</p>
</article><article class="excerpt">
<header>
<a title="CSS" class="label label-important zj-del-target" href="/category/68">CSS<i class="label-arrow"></i></a>
<h2>
<a class="zj-titles zj-del-target" href="/article/21939" title="精通 CSS 滤镜（四）" target="_blank" onclick="return recordId('tid',68)">精通 CSS 滤镜（四） </a>
</h2>
</header>
<div class="focus">
<a class="zj-del-target" href="/article/21939" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/20.jpg" alt="" title=""></a>
</div>
<span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/21939';}else{window.open('/article/21939');}" style="cursor: pointer;">精通CSS滤镜（四）转自:动态网制作指南www.knowsky.com7、Gray,Invert,Xray滤镜语法：{filter:gray},{filter:invert},{filter:xray}Gray滤镜是把一张图片变成灰度图；Invert滤镜是把对象的可视化属性全部翻转，包括色彩、饱和度、和亮度值；Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮，也就是所谓的“X”光片。效果如下：8、Light滤镜语法：Filter{light}这个属性模拟</span>
<p class="auth-span">
<span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 23:51:11</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2343</span></span>
<!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank"
href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>-->
</p>
</article><article class="excerpt">
<header>
<a title="CSS" class="label label-important zj-del-target" href="/category/68">CSS<i class="label-arrow"></i></a>
<h2>
<a class="zj-titles zj-del-target" href="/article/16707" title="无延迟翻滚的图形/CSS混合风格的按钮" target="_blank" onclick="return recordId('tid',68)">无延迟翻滚的图形/CSS混合风格的按钮 </a>
</h2>
</header>
<div class="focus">
<a class="zj-del-target" href="/article/16707" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/13.jpg" alt="" title=""></a>
</div>
<span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/16707';}else{window.open('/article/16707');}" style="cursor: pointer;">无延迟翻滚的图形/CSS混合风格的按钮作者：Builder.com2004-04-0611:50AM在一个具有图形背景的按钮中添加CSS风格的文本，这种建立按钮的方法结合了具有CSS翻滚(CSSrollover)标记的开发速度和效率，从而有效地提高按钮外表图像的三维效果。<!--startbannerad--><!--ba--><noscript></noscript><!--endbannerad-->相比于常规的图形按钮，这些图形/CSS混合按钮可易于</span>
<p class="auth-span">
<span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 22:44:37</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2340</span></span>
<!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank"
href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>-->
</p>
</article><div class="pagination" style="display:;">
<ul><li><a href="/tag/68/p/1">首页</a></li> <li class="prev-page"><a href="/tag/68/p/8">上一页</a></li> <li><a href="/tag/68/p/5">5</a></li><li><a href="/tag/68/p/6">6</a></li><li><a href="/tag/68/p/7">7</a></li><li><a href="/tag/68/p/8">8</a></li><li class="active"><span>9</span></li> <li><span>共 9页,共127条</span></li> </ul>
</div>
</div>
</div>
<!-- 右边栏 -->
<!-- 通用右部区域开始 -->
<style type="text/css">
.d_postlist .text {
/* height: 30px; */
display: block;
height: 100%;
font-size:14px !important;
width:85%;
}
.zj-dynamic-info li{
margin: 10px 3px;
}
.zj-dynamic-info .zj-a{
color: blue;
cursor: pointer;
}
</style>
<aside class="sidebar">
<div class="widget d_postlist">
<div class="title">
<h2>站内搜索</h2>
</div>
<ul>
<li><div class="zj-search-box zj-pc-search-box">
<form class="searchform themeform" role="form" action="/search" method="get">
<input style="font-size: 120%; margin-top: 10px;" type="ext" class="search" name="search_word" placeholder="搜索从这里开始..." value=""> <i class="fa fa-search"></i>
<button class="btn btn-primary" type="button" style="margin-left: -4px;height: 36px !important;">
<span class="zj-icon-text">搜索</span>
</button>
</form>
</div></li>
</ul>
</div>
<!-- 广告从位 -->
<!-- <div class="widget widget_text">
<div class="textwidget">
<a target="_blank" href="//cloud.tencent.com/act/cps/redirect?redirect=1048&cps_key=2abacb84a7fb83f31ef4a44f26f08bf4&from=console"><img style="width: 100%" src="//upload-dianshi-1255598498.file.myqcloud.com/345-7c71532bd4935fbdd9a67c1a71e577b1767b805c.200%E7%89%88%E6%9C%ACB.jpg"> </a>
</div>
</div> -->
<!-- <div class="widget d_postlist">
<div class="title">
<h2>动态信息</h2>
</div>
<ul class="zj-dynamic-info">
<li>张军充值了1元积分张军充值了1元积分张军充值了1元积分张军充值了1元积分222</li>
<li>张军充值了<span class="zj-a" zj-href="#" style="" title="zzzzzzzzzzzzzzz">VIP</span>会员</li>
<li>张军下载了<span class="zj-a" zj-href="#" style="" title="zzzzzzzzzzzzzzz">文章-xxx</span>资料</li>
<li>工工</li>
<li>工工</li>
<li>工工</li>
<li>工工</li>
<li>工工</li>
<li>工工</li>
</ul>
</div> -->
<div class="widget d_postlist">
<div class="title">
<h2>加入交流</h2>
</div>
<ul>
<li class="zj-no-wx-app"><a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=f6d1df60dbb7ebc94c2c8a67b1e094e1e90677df1e943d9547d425b81bb218a5"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/qq-qun.png"
alt=""></span><span class="text">1. 手机QQ扫左侧二维码</span><span class="text">2. 搜Q群：542395358</span> <span class="text">3. 点击<img style="cursor: pointer;"
onclick="window.open('//shang.qq.com/wpa/qunwpa?idkey=f6d1df60dbb7ebc94c2c8a67b1e094e1e90677df1e943d9547d425b81bb218a5');" border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="张军网站共享资料群" title="张军网站共享资料群">
</span></a></li>
<li class="zj-no-wx-app"><a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=29dfc8d27e6e13276b9ea9848e3a211c076e130376a7b6ef380ffcc967e8a1fc"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/qq-qun.png"
alt=""></span><span class="text">1. 手机QQ扫左侧二维码</span><span class="text">2. 搜Q群：922215567</span> <span class="text">3. 点击<img style="cursor: pointer;"
onclick="window.open('//shang.qq.com/wpa/qunwpa?idkey=29dfc8d27e6e13276b9ea9848e3a211c076e130376a7b6ef380ffcc967e8a1fc');" border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="java技术沟通群" title="java技术沟通群">
</span></a></li>
<li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/wx-gzh.jpg"
alt="关注企业微信公众号"></span><span class="text">1.手机微信扫左侧二维码
</span><span class="text">2. 微信中搜索：上海加盾信息科技有限公司</span></a></li>
<li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/wx-app-zhangjunbk.jpg"
alt="关注军军小站|张军博客小程序"></span><span class="text">1.手机微信扫左侧二维码
</span><span class="text">2. 微信搜索小程序：张军博客
</span></a></li>
<li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/wx-app-shanghaijiadun.jpg"
alt="关注企业微信小程序"></span><span class="text">1.手机微信扫左侧二维码
</span><span class="text">2. 微信搜索小程序：上海加盾信息科技有限公司</span></a></li>
<li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/dingding.jpg"
alt="关注企业钉钉"></span><span class="text">关注企业钉钉
</span></a></li>
<li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/qywx-my.png"
alt="关注企业微信"></span><span class="text">关注企业微信
</span></a></li>
<li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/wx.zhangjunbk.com.png"
alt="微信扫一扫添加张军网站微信群"></span><span class="text">微信扫一扫添加张军网站微信群
</span></a></li>
<li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/my-wx.png"
alt="添加我为微信好友"></span><span class="text">微信扫一扫加我为好友
</span></a></li>
</ul>
</div>
<div class="widget d_postlist">
<div class="title">
<h2>猜你喜欢</h2>
</div>
<ul>
<li><a class="zj-titles" href="/article/31314" title="RedisUtil工具类"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/20.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">RedisUtil工具类</span> <span class="muted" style="display: block;font-size: 90%;">在Redis中数据都是以key-value的形式存储的，key规定只能是string类型的，所以我们</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31313" title="缓存技术相关"> <span class="thumbnail"> <img style="max-height:86px;" src="/Upload/image/ueditor/20231208/1702015708864605.png" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">缓存技术相关</span> <span class="muted" style="display: block;font-size: 90%;">redis-server.exe 服务器启动命令
redis-cli.exe 命令行客户端
re</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31312" title="定义一个时间类 Time，它能表示 24 小时制的时、分、秒，具体要求如下"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/9.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">定义一个时间类 Time，它能表示 24 小时制的时、分、秒，具体要求如下</span> <span class="muted" style="display: block;font-size: 90%;">(20 分) 定义一个时间类 Time，它能表示 24 小时制的时、分、秒，具体要求如下：
(1)</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31309" title="java正则表达式 过滤特殊字符的正则表达式"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/2.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">java正则表达式 过滤特殊字符的正则表达式</span> <span class="muted" style="display: block;font-size: 90%;">java正则表达式 过滤特殊字符的正则表达式</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31308" title="安装DB2"> <span class="thumbnail"> <img style="max-height:86px;" src="/Upload/image/ueditor/20220315/1647305518466205.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">安装DB2</span> <span class="muted" style="display: block;font-size: 90%;">安装DB2</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31307" title="Linux扩容分区"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/9.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">Linux扩容分区</span> <span class="muted" style="display: block;font-size: 90%;">Linux扩容分区</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31306" title="输出相关路径"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/2.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">输出相关路径</span> <span class="muted" style="display: block;font-size: 90%;">输出相关路径</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31305" title="输出当前目录下所有文件名到指定文件中"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/18.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">输出当前目录下所有文件名到指定文件中</span> <span class="muted" style="display: block;font-size: 90%;">输出当前目录下所有文件名到指定文件中</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31304" title="删除命令参数说明"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/13.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">删除命令参数说明</span> <span class="muted" style="display: block;font-size: 90%;">删除命令参数说明</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31303" title="删除前3天、前30天、前7天的文件"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/3.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">删除前3天、前30天、前7天的文件</span> <span class="muted" style="display: block;font-size: 90%;">删除前3天、前30天、前7天的文件</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31302" title="多线程工作处理"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/14.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">多线程工作处理</span> <span class="muted" style="display: block;font-size: 90%;">多线程工作处理、多线程工作处理简单实现类、多线程工作处理接口</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31301" title="压缩jsp,html中的代码，去掉所有空白符、换行符"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/5.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">压缩jsp,html中的代码，去掉所有空白符、换行符</span> <span class="muted" style="display: block;font-size: 90%;">压缩jsp,html中的代码，去掉所有空白符、换行符</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31300" title="压缩、解压缩工具类"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/20.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">压缩、解压缩工具类</span> <span class="muted" style="display: block;font-size: 90%;">压缩、解压缩工具类</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31299" title="二维码工具类"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/13.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">二维码工具类</span> <span class="muted" style="display: block;font-size: 90%;">二维码工具类、支付二维码</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31298" title="缓存工具类 缓存名创建后即使移除缓存，也不会重新创建"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/2.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">缓存工具类 缓存名创建后即使移除缓存，也不会重新创建</span> <span class="muted" style="display: block;font-size: 90%;">缓存工具类 缓存名创建后即使移除缓存，也不会重新创建</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31297" title="json工具类"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/6.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">json工具类</span> <span class="muted" style="display: block;font-size: 90%;">json工具类</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31296" title="常量资源文件工具类"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/20.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">常量资源文件工具类</span> <span class="muted" style="display: block;font-size: 90%;">常量资源文件工具类</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31295" title="资源文件工具类"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/6.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">资源文件工具类</span> <span class="muted" style="display: block;font-size: 90%;">资源文件工具类</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31294" title="处理查询结果后分页排序类"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/11.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">处理查询结果后分页排序类</span> <span class="muted" style="display: block;font-size: 90%;">处理查询结果后分页排序类</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li><li><a class="zj-titles" href="/article/31293" title="html解析工具类、html表格解析解析工具类"> <span class="thumbnail"> <img style="max-height:86px;" src="/Public/static/images/article/4.jpg" alt=""
title="">
</span> <span class="text" style="display: block;font-size: 110%;margin-bottom: 5px;">html解析工具类、html表格解析解析工具类</span> <span class="muted" style="display: block;font-size: 90%;">html解析工具类、爬虫、html表格解析解析工具类、webClient工厂</span> <!-- <span class="muted">2018-01-25</span><span class="muted">551评论</span> -->
</a></li> </ul>
</div>
<div class="widget d_tag">
<div class="title">
<h2>标签云</h2>
</div>
<div class="d_tags">
<a title="金融业务" href="/tag/37" onclick="return recordId('tid',37)">金融业务 (4)</a><a title="教育资料" href="/tag/39" onclick="return recordId('tid',39)">教育资料 (10)</a><a title="Java" href="/tag/41" onclick="return recordId('tid',41)">Java (901)</a><a title="C++" href="/tag/42" onclick="return recordId('tid',42)">C++ (86)</a><a title="C#" href="/tag/43" onclick="return recordId('tid',43)">C# (215)</a><a title="Python" href="/tag/44" onclick="return recordId('tid',44)">Python (9022)</a><a title="Oracle" href="/tag/45" onclick="return recordId('tid',45)">Oracle (911)</a><a title="SqlServer" href="/tag/46" onclick="return recordId('tid',46)">SqlServer (681)</a><a title="MySql" href="/tag/47" onclick="return recordId('tid',47)">MySql (600)</a><a title="DB2" href="/tag/48" onclick="return recordId('tid',48)">DB2 (33)</a><a title="PostgreSql" href="/tag/49" onclick="return recordId('tid',49)">PostgreSql (23)</a><a title="Tomcat" href="/tag/50" onclick="return recordId('tid',50)">Tomcat (825)</a><a title="Weblogic" href="/tag/51" onclick="return recordId('tid',51)">Weblogic (12)</a><a title="Windows" href="/tag/52" onclick="return recordId('tid',52)">Windows (214)</a><a title="Linux" href="/tag/53" onclick="return recordId('tid',53)">Linux (647)</a><a title="VMware" href="/tag/54" onclick="return recordId('tid',54)">VMware (32)</a><a title="Ubuntu" href="/tag/55" onclick="return recordId('tid',55)">Ubuntu (194)</a><a title="ASP.NET" href="/tag/56" onclick="return recordId('tid',56)">ASP.NET (198)</a><a title="Android" href="/tag/57" onclick="return recordId('tid',57)">Android (681)</a><a title="IOS" href="/tag/58" onclick="return recordId('tid',58)">IOS (75)</a><a title="Hive" href="/tag/59" onclick="return recordId('tid',59)">Hive (45)</a><a title="Hadoop" href="/tag/60" onclick="return recordId('tid',60)">Hadoop (50)</a><a title="Hbase" href="/tag/61" onclick="return recordId('tid',61)">Hbase (9)</a><a title="Spark" href="/tag/62" onclick="return recordId('tid',62)">Spark (4)</a><a title="redis" href="/tag/63" onclick="return recordId('tid',63)">redis (78)</a><a title="PHP" href="/tag/64" onclick="return recordId('tid',64)">PHP (145)</a><a title="Jquery" href="/tag/65" onclick="return recordId('tid',65)">Jquery (174)</a><a title="Javascript" href="/tag/66" onclick="return recordId('tid',66)">Javascript (168)</a><a title="NoSQL" href="/tag/67" onclick="return recordId('tid',67)">NoSQL (6)</a><a title="CSS" href="/tag/68" onclick="return recordId('tid',68)">CSS (127)</a><a title="资料下载" href="/tag/69" onclick="return recordId('tid',69)">资料下载 (25)</a><a title="交易系统" href="/tag/70" onclick="return recordId('tid',70)">交易系统 (9)</a><a title="java工具类" href="/tag/71" onclick="return recordId('tid',71)">java工具类 (32)</a><a title="其它" href="/tag/72" onclick="return recordId('tid',72)">其它 (7)</a><a title="秕处理" href="/tag/73" onclick="return recordId('tid',73)">秕处理 (4)</a> </div>
</div>
<!-- <div class="widget d_postlist">
<div class="title">
<h2>最新评论</h2>
</div>
<ul>
<li><a href="" title="[Python3网络爬虫开发实战] 1.8-爬虫框架的安装"><span class="thumbnail"><img
src="" alt="[Python3网络爬虫开发实战] 1.8-爬虫框架的安装"></span><span class="text">[Python3网络爬虫开发实战] 1.8-爬虫框架的安装</span><span
class="muted">2018-01-25</span><span class="muted">551评论</span></a></li>
<li><a href="" title="[Python3网络爬虫开发实战] 1.8.4-Scrapy-Redis的安装"><span class="thumbnail"><img style="width: 50px;height: 50px;"
src="" alt="[Python3网络爬虫开发实战] 1.8.4-Scrapy-Redis的安装"></span><span class="text">[Python3网络爬虫开发实战]
1.8.4-Scrapy-Redis的安装</span><span class="muted">2018-01-25</span><span class="muted">370评论</span></a></li>
</ul>
</div> -->
<div class="zj-no-wx-app widget widget_links">
<div class="title">
<h2 style="float: left;">友情链接</h2><h2 style="float: right;"><a class="zj-titles" href="/link">申请友链</a></h2>
</div>
<ul class="xoxo blogroll">
<li><a class="zj-titles" title="上海加盾信息科技有限公司" href="https://www.shanghaijiadun.com" target="_blank">上海加盾信息科技有限公司</a></li><li><a class="zj-titles" title="股票002162悦心健康资金分析" href="/stock/my" target="_blank">股票002162悦心健康资金分析</a></li><li><a class="zj-titles" title="张军博客" href="https://www.zhangjunbk.com/" target="_blank">张军博客</a></li><li><a class="zj-titles" title="张军博客-网址导航" href="https://www.zhangjunbk.com/web-nav/index.htm" target="_blank">张军博客-网址导航</a></li><li><a class="zj-titles" title="张军java工具类" href="http://www.zhangjunbk.com/otherlink/javatooldoc/" target="_blank">张军java工具类</a></li><li><a class="zj-titles" title="iBAAO壹宝头条" href="http://toutiao.ibaao.com" target="_blank">iBAAO壹宝头条</a></li><li><a class="zj-titles" title="快手号出售" href="https://www.weihaoyi.com" target="_blank">快手号出售</a></li><li><a class="zj-titles" title="张军博客-SpringBoot入门" href="https://zhangjunbk.com/Public/static/md/SpringBoot/index.html" target="_blank">张军博客-SpringBoot入门</a></li> </ul>
</div>
<div class="zj-no-wx-app widget widget_links">
<div class="title">
<h2 style="float: left;">demo案例</h2><h2 style="float: right;"><a class="zj-titles" href="/link">申请友链</a></h2>
</div>
<ul class="xoxo blogroll">
<li><a class="zj-titles" title="XXX环保设备有限公司" href="/demo/green-env" target="_blank">XXX环保设备有限公司</a></li>
<li><a class="zj-titles" title="市突发预警平台实时监控" href="/demo/monitor-1" target="_blank">市突发预警平台实时监控</a></li>
</ul>
</div>
<div class="zj-no-wx-app widget widget_links">
<div class="title">
<h2 style="float: left;">51链网站</h2>
</div>
<ul class="xoxo blogroll">
<li><a class="zj-titles" title="51链首页" href="https://www.51link.com?ruid=16279" target="_blank">51链首页</a></li>
<li><a class="zj-titles" title="51链注册页" href="https://www.51link.com/mobileRegister?ruid=16279" target="_blank">51链注册页</a></li>
<li><a class="zj-titles" title="广告出售页" href="https://www.51link.com/ad-sell?ruid=16279" target="_blank">广告出售页</a></li>
<li><a class="zj-titles" title="友链出租页" href="https://www.51link.com/link-sell?ruid=16279" target="_blank">友链出租页</a></li>
<li><a class="zj-titles" title="软文出售页" href="https://www.51link.com/article-sell?ruid=16279" target="_blank">软文出售页</a></li>
<li><a class="zj-titles" title="友链交换页" href="https://www.51link.com/link-exchange?ruid=16279" target="_blank">友链交换页</a></li>
</ul>
</div>
<!-- <div class="widget widget_text">
<div class="textwidget">
<a href="javascript:void(0);" style="display: none"><img src="/Public/static/advertisement/1/3.png"></a>
</div>
</div> -->
<!-- 广告从位 -->
<!-- <div class="widget widget_text">
<div class="textwidget">
<a target="_blank" href="//promotion.aliyun.com/ntms/act/enterprise-discount.html?userCode=zmu4phlj"><img style="width: 100%" src="//img.alicdn.com/tfs/TB1aDXhXpzqK1RjSZFvXXcB7VXa-259-194.jpg"> </a>
</div>
</div> -->
<!-- 广告从位 -->
<!-- <div class="widget widget_text">
<div class="textwidget">
<a target="_blank" href="//cloud.tencent.com/act/cps/redirect?redirect=1044&cps_key=2abacb84a7fb83f31ef4a44f26f08bf4&from=console"><img style="width: 100%" src="//upload-dianshi-1255598498.file.myqcloud.com/%E7%83%AD%E9%97%A8%E7%A7%92%E6%9D%801%E6%A0%B81G-345x200-ecb263a2fff4774dcdaac834589cda06ec6825ca.jpg"> </a>
</div>
</div> -->
<!-- 广告从位 -->
<!-- <div class="widget widget_text">
<div class="textwidget">
<a target="_blank" href="//www.aliyun.com/acts/hotsale?userCode=zmu4phlj"><img style="width: 100%" src="//img.alicdn.com/tfs/TB1wFYxbRv0gK0jSZKbXXbK2FXa-440-255.jpg"> </a>
</div>
</div> -->
<!-- 广告从位 -->
<!-- <div class="widget widget_text">
<div class="title">
<h2 style="float: left;">自愿打赏</h2>
</div>
<div class="textwidget">
<a target="_blank" href="/Upload/image/ueditor/20190814/1565782795994997.png"><img style="width: 100%" src="/Upload/image/ueditor/20190814/1565782795994997.png"> </a>
</div>
</div> -->
</aside>
<!-- 通用右部区域结束 -->
<script type="text/javascript">
$(function(){
});
</script>
</section>
<!-- 底部 -->
<!-- 通用底部文件开始 -->
<footer class="footer">
<div class="footer-inner">
<div class="copyright pull-left">
<a href="/">军军小站|张军博客</a> 丨 <a target="_blank" href="https://www.shanghaijiadun.com/product#id-5">获取加密软件注册码</a>丨<a target="_blank" href="https://www.shanghaijiadun.com">上海加盾信息科技有限公司</a>丨<a href="/article/24">个人简介</a> 丨 © 2020-2030 版权所有丨<a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备19026782号-2</a> | <a href="/link">申请友链</a> | 站长QQ：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=360901061&site=qq&menu=yes">360901061</a>
</div>
</div>
</footer>
<div class="rollto zj-rollto">
<button class="btn btn-inverse zj-totop" data-type="totop" title="回顶部" zj-title-options="direction:'left'">
<i class="fa fa-arrow-up"></i>
</button>
<button class="btn btn-inverse zj-torespond" data-type="torespond" title="发评论" zj-title-options="direction:'left'">
<i class="fa fa-comment-o"></i>
</button>
</div>
<div class="zj-mark"></div>
<div class="zj-search-box zj-mini-search-box" style="position: fixed; top: 0px; background: #FFF; height: 100%; width: 100%; text-align: center; display: none; background: ; z-index: 2000">
<span class="close zj-close" style="top: 3%; right: 8%; font-size: 220%; color: #000;"></span>
<form class="searchform themeform" role="form" action="/search" method="get" style="margin: 20% auto;">
<input style="font-size: 120%; margin-top: 10px;" type="ext" class="search" name="search_word" placeholder="搜索从这里开始..." value="">
<button class="btn btn-primary" type="button" style="margin-left: -4px;height: 36px !important;">
<span class="zj-icon-text">搜索</span>
</button>
</form>
</div>
<!-- 张军(QQ:360901061)自定义js引用 -->
<script src="/Public/static/js/wxLogin.js?v=1.0.4"></script>
<script src="/Public/static/js/jweixin-1.3.2.js?v=1.0.1"></script>
<script src="/Template/default/Home/Public/js/zj.basic.js?v=1.0.4"></script>
<script src="/Template/default/Home/Public/js/zj.jq.ui.js?v=1.0.4"></script>
<script src="/Template/default/Home/Public/js/zj.jq.js?v=1.0.4"></script>
<script src="/Template/default/Home/Public/js/zj.jq.web.js?v=1.0.5"></script>
<script src="/Template/default/Home/Public/js/zj.validate.js?v=1.0.4"></script>
<script src="/Template/default/Home/Public/js/qrcode.min.js?v=1.0.4"></script>
<script src="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCore.js?v=1.0.1"></script>
<script src="/Public/static/js/stomp.js?v=1.0.1"></script>
<script type="text/javascript">
$(document).ready(function(){
SyntaxHighlighter.all();
});
</script>
<!-- pc端底部引用 -->
<script src="/Template/default/Home/Public/js/zj.app.js?v=1.0.4"></script>
<script src="/Template/default/Home/Public/js/zj.login.reg.js?v=1.0.4"></script>
<script type="text/javascript">
$(function() {
$(".zj-rollto").returnTop($(".zj-totop"));
if ($('.v-comment').length == 0) {
$('.zj-torespond').remove();
} else {
$('.zj-torespond').click(function() {
$('.v-comment').focus();
});
}
});
</script>
<!-- 添加分享按钮 -->
<!-- 通用底部文件结束 -->
<!-- 目前手动添加 -->
<script>
(function(){
var src = "https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba";
document.write('<script src="' + src + '" id="sozz"><\/script>');
})();
</script>
</body>
</html> 
