yxc369

梅花雪树

MzTreeView 一次加载数据的树

好东西当然要与大家分享。。。@与羊共舞的狼

MzTreeView 1.0 from--->>> http://www.meizz.com/

开发文档: http://www.meizz.com/Web/Article.asp?id=436
控件下载: http://www.meizz.com/Web/Download/MzTreeView10.rar
应用示例: http://www.meizz.com/Web/Demo/MzTreeView10.htm

说明 MzTreeView 1.0 是数据一次性加载，客户端节点异步展示的WEB脚本树。MzTreeView 1.0 的理论节点数设计上限为十万节点，在节点数三万的情况下页面打开时间小于 3 秒。无限层次无限节点的数的层级组成方式：id parentId。即每个节点除本身的节点id之外还有它的父层节点id，通过这种方式就可以组合成无限层级的树了。

在 MzTreeView 里都有一个虚的根节点，其ID为0，用户可见的根节点其父节点ID皆为0

MzTreeView 1.0在数据库库表里的字段名称：

字段名	字段的具体说明
id	节点ID（不可为0，可以是数字或字符）
parentId	本节点的父节点ID（若本节点已为根节点，此处填0）
text	节点的显示文本（一般不允许为空，不过有一种情况例外，即根节点，若根节点文本为空，这个根节点将不会在页面里显示）
hint	节点的说明注解
icon	节点的图标，MzTreeView 1.0允许每个节点拥有不同的图标（对应的名字在类里的icons和iconsExpand定义）
data	节点挂的数据，格式是 param=value¶m=value&... url里?后的那串字符串格式，
url	每个节点允许拥有不同的链接，它为空或者为#时，树里这个节点的链接，点击将无反应
target	每个节点的链接允许在不同的target里打开，为空时取类里的默认值
method	点击该链接时所想触发的脚本语句

特注：每个字段值中不可有冒号：不可以换行引号酌情考虑应不与节点字符串的引号相冲突

设计模式为了达到能够在浏览器中快速打开多节点树的页面，我做了很多的优化与创新，下面我将详细解说几项最重要的部分：

数据一次性加载 首先我要说的就是数据的一次性加载。在目前的 B/S 架构开发中对于多节点多层次的树，特别是树节点量超过两千的情况下，几乎都是采取数据异步加载来达到目的，即用户需要展开某个节点时，再从服务器端加载下级子节点的数据，数据异步加载最为经典的例子就是 MSDN 网站左边的目录树了。异步加载的优点在于可以扩充到无限级无限节点树，树的数据来源可以多样化（数据库或XML文件）等，但是它的缺点也是非常多的：设计模式比数据一次性加载要复杂得多，要考虑到 Browser/Server 之间的应答，要判断子节点是否含有孙节点，后台数据源的层级关系模型等。对网络传输的信赖性太大，每个节点的展开都需要连一次 Server，只要在取某节点数据时网络出现问题，就会导致该节点及其以下的子节点加载失败。而采取数据一次加载的模式只要一次加载成功，服务器就可以不用管它了，服务器压力减轻，脚本设计则完全独立，对整棵树节点的检索可以在客户端完成，节点展开响应速度快等等优势，因此在节点数不多的情况下数据一次性加载更有优势，那么这个节点数不多不多到底多少节点量为平衡点呢？就 ASP.net 里带的那个 TreeView 来说，在一两千节点以下一次性加载比较具有优势，而　MzTreeView 1.0 在节点量三万至五万以非常具有优势。
节点信息的压缩传输 在浏览器里显示的树结构其实都是一个个 HTML 元素组合起来的，在 WEB 页面里的树都是根据树节点的信息组合成一串的 HTML 元素列来显示，这一步从节点信息到 HTML 的转化可以在两个地方生成：一个是在服务器端，一个是在客户端。在服务器端生成的优点在于不须考虑客户端的浏览器的兼容性，节点信息的可控性非常强，但是它的缺点也是非常大的：加重服务器的负担，增加网络传输量。在服务器端直接生成树节点的 HTML 给服务器带来的压力是显而易见的，也是非常巨大的，估计只要有几十个并发连接就能让服务器暂时停止响应了。这种直接在服务器生成树的做法在实际运用环境中也有人使用，不过本人非常不赞成这种做法。当然也有人直接将树生成为一个静态文件放在服务器端，这种做法对于树节点相对固定不变的情况还是非常有利的，只需要生成一次，以后就不需要再生成了，服务器的压力也非常小，但它的弊病在于可变化性太小，比如说不同的权限能看到的树节点的不同这种情况，用这种生成静态树放在服务器端的做就没有办法解决，且不管是服务器端动态计算还是直接生成静态树文件放在服务器端都有一个避免不了的问题就是网络传输量巨大。可以计算一下，一个树点所需要的HTML字符量大约300到600字节之间。即含有一千节点的树的网页大小就有300K到600K，给网络造成的压力是非常巨大的，所以MzTreeView 1.0采用了节点信息的压缩传输，大至一千节点的总传输量在30K左右，这可以差了一个数量级呀。本树将每个节点所必要的信息组合成一个字符串序列，传递到客户端，然后在客户端再用客户端脚本对这些信息进行分析，再生成一个个的节点HTML，这也符合了WEB的分散计算的原理，当然服务器端可以有选择性输出部分节点，这样又做到节点的灵活多变性。
传输的节点信息的可扩展性 服务器端将节点的必要信息组合成一个字符串序列传递到客户端，然后客户端再用脚本对这个字符串序列进行分析，生成树的节点，那么这个字符串序列对整个树的生成的效率就有重要的影响了。我也参照过很多组串传输的例子，在一般的做法当中大多采用函数的参数方式传递。比如说定义一个函数 funName(p1, p2, p3, ...)，然后服务器组串的时候就按位置给定数据。这种组串的弊病是非常大的，首先就是位置绝对错不得，只要有一个位置数据出错，这个节点的信息就乱了，对于那些在函数里已经定义的但节点里没有的信息也得用空字符串补上，诸如：(p1, "", p3, p4, "", "", "")，且万一这种组串的对应分析函数发生了变化，那么这种串就算是废了，得重新定义服务器端的字符串位置序列了，可以说这种组串的方式可扩展性极差。
节点信息组串传输的另一种常用模式就是XML。XML以它的无限可扩展性已惭有代替HTML称霸WEB的味道了。XML最大的优点就在于它的无限可扩展性，可以用任意的TagName名，可以有任意的Attribute名，节点与子节点已经有层级的关系，用XML来做WEB树的数据源其实是最理想的，MSDN的资源目录树就是采用XML作为传递的字符串，它唯一的不足之处就是不是所有浏览器都能很好地支持它，特别是在一些低版本的浏览器中，所以我只好忍痛割爱没有启用XML作为中间的传媒。那么是不是有可能结合XML的扩展性对第一种组串的方式进行改进呢？当我愁眉不展的时候，HTML里的STYLE样式表写法跳入我眼，样式的写法是"param1: value1; param2: value3; ..."，哈哈，这不是现成地给我指明了路吗？这种写法拥有XML的可扩展性，位置顺序的随意性，又是传统的长字符串，正合我意也！服务器给定这种数据源字符串，我不光可以在TreeView里用它，还可以直接做Outlook Bar，下拉式层级菜单，右键层级菜单的数据源，豁然开朗也！我写了一个函数专门解析这种文本：getAttribute()。
客户端节点数据的存储方式及快速检索 现在数据源准备好了，数据传输也已做到最大优化了，下面就是客户端的脚本解析了，而这一步也正是树生成的效率瓶颈所在。由于我没有采用XML做为数据源，所以我这里就不讨论XML+XSL和XMLDOM的模式，而只考虑HTML+DOM模式了。在HTML+DOM模式下客户端存储的方式有很多种，我就曾经看到过一种直接将字符串输出在多行文本框里的，但归究起来最常用的方式就是用一个数组来存放节点信息，不过就算是用数组也是种类多多，比如说数组里套数组，节点通过记录父节点在数组里的索引号表示层级的等等，说到数组存放树节点模式，我推荐阿信写的那棵树。在服务器端组织好脚本及节点字符串，客户端浏览器加载这个页面的时候顺序执行其里面的脚本，将一个个节点做最初步的解析，然后再一个个地ADD到数组中去。这种流程看起来似乎没有什么问题，在很多的传统C/S结构编程中也就这种模式，但是随着节点数的增多，这种流程在B/S里的缺点就出现了：脚本的执行效率不如强语言高！我做过测试，在5000节点的数据量时这一步操作将耗时１秒钟，也许你认为这１秒钟不算长，哪里有5000这么多节点的树？但对于一个程序员来说，严谨是第一位的，若存在优化的可能性，情况出现的可能性，我们就得将它考虑到。那么有没有可能再进一步优化呢？当然有，否则我就用不着这么大费口舌在这里讲了。既然在脚本里执行 for 循环插入数组效率不高那我不用循环，且考虑到在数组里这么多节点中搜索我想要的某几个节点，还得用循环，所以我干脆就不再用数组来存放树节点了，那用什么呢？说到这里我得插几句题外话，客户端脚本也可以写一些类，虽说写出来的类没有强语言那么好，继承性不好等，但脚本终究还是可以写出一些简单的类的。类可以定义属性，也可以定义方法，并且访问属性的时候可以通过属性名下标直接访问到属性值，关于脚本里如何写类，大家可以参考我在JavaScript和VBScript里对这方面的详细说明。呵呵，说了这么多的题外话，不过相信大家也猜到了，新的节点存储方式就是类的属性自定义扩展方式。这种存储方式随着页面的打开，页面里的脚本被执行，类的属性值不需要做任何添加的动作就直接写到内存当中，比数组模式少去了ADD操作，这一步从字符串到内存的时间就是页面打开的时间，我测试了一下，5000节点的树用这种方式打开，只需0.1秒呀，与数组模式速度整整差了一个数量级呀！且这种模式还有一种好处，在几千个节点里要找到目标节点，只需要知道节点对应的属性名，一步就可以直接找到。<br>客户端树节点存储模式说清楚了，那节点的快速检索也就清楚了。已知节点名即在类里的属性名的话，一步就找到了该节点，不过为了配合下一节的异步展示，我的检索就没有这么简单了。试想在几千或者几万个节点里要快速地找出符合条件的几十个节点，这一步的耗时可想而知了，首先就得排除for循环法，for循环的效率在数组模式里大家就看到了，这一步操作特别在总节点数多的情况下就能让使用者等疯掉，显然得另想办法。于是我想到了正则表达式里的字符串模式匹配match()，我将所有的节点名（即类的属性名）join()成一个大字符串，然后再用正则表达式匹配，一步就找出了想要的节点了。经测试，在三万节点里找30个节点对象耗时小于0.1秒！ </li> <li><strong>异步展示</strong> 再来讲一下节点字符串被解析之后转化成HTML元素的这一步操作。上面已经有过一个计算，表达1000节点的树的HTML字符量就有300K-600K之多，且这一步只能一个节点一个节点慢慢地生成，没有什么取巧的办法，想快点也只能是减小单个节点的HTML元素量罢，不过最快也得1-3秒每千节点呀，这也是没有法子的事，谁叫DOM的效率不高呢！总得想个什么法子吧，否则象5000节点量的树让使用者等上个半分钟一分钟的，谁也受不了呀！因此我想出异步展示这招：页面加载时并不立即生成所有节点的HTML元素，而是用户展开多少节点就生成多少节点，节点的生成发生在用户展开这个节点的时候。使用者在页面打开的时候并不会立即把所有的节点都一次全部展开，而是一级级地往下展开的，就象你查看windows注册表一样，想看哪级才会去展开哪一级，这样我就只需要在你展开那级的时候把这一级的节点转化成HTML即可，每次转化的节点只有几十分甚至只有几个而已，消除了使用者的等待时间。经过上面这几个环节，终于一棵实用性，效率，扩展性俱佳的WEB TreeView出世了。 </li> <li><strong>采用文字竖线</strong> 每个浏览器随着使用客户的不同，而总会产生不同的设置，其中有一项就是客户端设置每次访问都检查网页新版本，即客户端不缓存。这个设置对一般的应用来说问题不会很大，但是对于使用图片作为竖线的树来说随着节点总数的增多，图片的使用量也就跟着巨量增加，可能会使用几千甚至几万个小图片，每张图片是都很小，但量一大的话，将会严重影响树的快速展示，因此针对这种情况就得换一种模式来展现了，那就是文字竖线，用文字加样式就可以解决这个问题。我加了一个变量：MzTreeView.wordLine（布尔型，默认值为false），当网速过慢或者没有使用本地缓存时这个属性会自动设置成 true 而以文字代替图片完成竖线（注：Opera 浏览器不支持文字竖线模式），当然你也可以一开始就强行设置值为 true，这样树就会始终用文字竖线了。 </li> </ul>属性 MzTreeView 类的一些属性： <div class="Article"> <table border="0"> <tbody> <tr> <th>属性名</th> <th>类型</th> <th>属性的具体说明</th> </tr> <tr> <td>MzTreeView.nodes</td> <td>集合</td> <td>服务器端给树指定数据源时数据存放的对象，具体存放格式如：<br>MzTreeViewHandle.nodes["parentId_nodeId"] = "text: nodeText; icon: nodeIcon; url: nodeURL; ...";</td> </tr> <tr> <td>MzTreeView.url</td> <td>地址字符串</td> <td>可读写，树缺省的URL，默认值是 #</td> </tr> <tr> <td>MzTreeView.target</td> <td>目标框架名</td> <td>可读写，树缺省的链接target，默认值是 _self</td> </tr> <tr> <td>MzTreeView.name</td> <td>字符</td> <td>只读，树的实例名，同树实例化时作为参数传入(大小写敏感)：<br>var Tree = new MzTreeView("Tree");</td> </tr> <tr> <td>MzTreeView.currentNode</td> <td>树节点</td> <td>只读，树当前得到焦点的节点对象</td> </tr> <tr> <td>MzTreeView.icons</td> <td>集合</td> <td>树所使用的所有图标存放</td> </tr> <tr> <td>MzTreeView.iconsExpand</td> <td>集合</td> <td>树里展开状态的图标存放</td> </tr> <tr> <td>MzTreeView.colors</td> <td>集合</td> <td>树里使用到的几个颜色存放</td> </tr> </tbody> </table> </div> <br>MzTreeView 在客户端的节点所拥有的属性： <div class="Article"> <table border="0"> <tbody> <tr> <th>属性名</th> <th>属性的具体说明</th> </tr> <tr> <td>node.id</td> <td>数字文本，节点的ID</td> </tr> <tr> <td>node.parentId</td> <td>数字文本，节点对应的父节点ID</td> </tr> <tr> <td>node.text</td> <td>文本，节点的显示文本</td> </tr> <tr> <td>node.hint</td> <td>文本，节点的注释说明</td> </tr> <tr> <td>node.icon</td> <td>文本，节点对应的图标</td> </tr> <tr> <td>node.path</td> <td>文本，节点在树里的绝对路径：0_1_10_34</td> </tr> <tr> <td>node.url</td> <td>文本，该节点的 URL</td> </tr> <tr> <td>node.target</td> <td>文本，该节点链接的目标框架名</td> </tr> <tr> <td>node.data</td> <td>文本，该节点所挂载的数据</td> </tr> <tr> <td>node.method</td> <td>文本，该节点的点击对应处理语句</td> </tr> <tr> <td>node.parentNode</td> <td>对象，节点的父节点对象</td> </tr> <tr> <td>node.childNodes</td> <td>数组，包含节点下所有子节点的数组</td> </tr> <tr> <td>node.sourceIndex</td> <td>文本，服务器给予的数据里对象的 parentId_nodeId 的组合字符串</td> </tr> <tr> <td>node.hasChild</td> <td>布尔值，指该节点是否有子节点</td> </tr> <tr> <td>node.isLoad</td> <td>布尔值，本节点的子节点数据是否已经在客户端初始化</td> </tr> <tr> <td>node.isExpand</td> <td>布尔值，节点的展开状态</td> </tr> </tbody> </table> </div> 方法 MzTreeView 类的一些方法： <div class="Article"> <table border="0"> <tbody> <tr> <th>方法名</th> <th>方法的具体说明</th> </tr> <tr> <td>MzTreeView.toString()</td> <td>类的默认初始运行</td> </tr> <tr> <td>MzTreeView.buildNode(id)</td> <td>将该节点的所有下级子节点转换成 HTML 并在网页上体现出来</td> </tr> <tr> <td>MzTreeView.nodeToHTML(node, AtEnd)</td> <td>将 node 转换成 HTML</td> </tr> <tr> <td>MzTreeView.load(id)</td> <td>从数据源里加载当前节点下的所有子节点</td> </tr> <tr> <td>MzTreeView.nodeInit(sourceIndex, parentId)</td> <td>节点的信息初始，从数据源到客户端完整节点的转化</td> </tr> <tr> <td>MzTreeView.focus(id)</td> <td>聚集到某个节点上</td> </tr> <tr> <td>MzTreeView.expand(id[, sureExpand])</td> <td>展开节点（包含下级子节点数据的加载初始化）</td> </tr> <tr> <td>MzTreeView.setIconPath(path)</td> <td>给节点图片设置正确的路径</td> </tr> <tr> <td>MzTreeView.nodeClick(id)</td> <td>节点链接点击时同时被触发的点击事件处理方法</td> </tr> <tr> <td>MzTreeView.upperNode()</td> <td>跳转到当前聚集节点的父级节点</td> </tr> <tr> <td>MzTreeView.lowerNode()</td> <td>跳转到当前聚集节点的子级节点</td> </tr> <tr> <td>MzTreeView.pervNode()</td> <td>跳转到当前聚集节点的上一节点</td> </tr> <tr> <td>MzTreeView.nextNode()</td> <td>跳转到当前聚集节点的下一节点</td> </tr> <tr> <td>MzTreeView.expandAll()</td> <td>展开所有的树点，在总节点量大于500时这步操作将会比较耗时</td> </tr> </tbody> </table> </div> 示例 <pre class="Code"><script language="JavaScript" src="http://www.meizz.com/Web/Plugs/MzTreeView10.js"></script> <base href="http://www.meizz.com/Web/"> <style> A.MzTreeview { font-size: 9pt; padding-left: 3px; } </style> <script language="JavaScript"> var tree = new MzTreeView("tree"); tree.icons["property"] = "property.gif"; tree.icons["css"] = "collection.gif"; tree.icons["book"] = "book.gif"; tree.iconsExpand["book"] = "bookopen.gif"; <span class="Note">//展开时对应的图片</span> tree.setIconPath("http://www.meizz.com/Icons/TreeView/"); <span class="Note">//可用相对路径</span> tree.nodes["0_1"] = "text:WEB 编程"; tree.nodes["1_100"] = "text:代码示例; data:id=100"; tree.nodes["1_200"] = "text:梅花雪脚本控件集; data:id=200"; tree.nodes["1_310"] = "text:CSS; icon:css; data:id=310"; tree.nodes["1_320"] = "text:DHTML; data:id=320"; tree.nodes["1_300"] = "text:HTML; data:id=300"; tree.nodes["1_400"] = "text:JavaScript; icon:book; data:id=400"; tree.nodes["320_322"] = "text:属性; icon: property; data:id=322"; tree.nodes["320_323"] = "text:方法; data:id=323"; tree.nodes["320_324"] = "text:事件; icon:event; data:id=324"; tree.nodes["320_325"] = "text:集合; data:id=325"; tree.nodes["400_407"] = "text:对象; data:id=407"; tree.nodes["400_406"] = "text:方法; data:id=406"; tree.nodes["400_408"] = "text:运算符; data:id=408"; tree.nodes["400_409"] = "text:属性; data:id=409"; tree.nodes["407_1140"] = "text:Date; url:Article.asp; data:id=140"; tree.nodes["406_1127"] = "text:toString; url:Article.asp; data:id=127"; tree.nodes["408_1239"] = "text:||; url:Article.asp; data:id=239"; tree.nodes["409_1163"] = "text:E; url:Article.asp; data:id=163"; tree.setURL("Catalog.asp"); tree.setTarget("MzMain"); document.write(tree.toString()); <span class="Note">//亦可用 obj.innerHTML = tree.toString();</span> </script> </pre> <br>//MzTreeView1.0网页树类, 在实例化的时候请把实例名作参数传递进来 <br>function MzTreeView(Tname) <br>{ <br>if(typeof(Tname) != "string" || Tname == "") <br>throw(new Error(-1, '创建类实例的时候请把类实例的引用变量名传递进来！')); <br> <br>//【property】 <br>this.url = "#"; <br>this.target = "_self"; <br>this.name = Tname; <br>this.wordLine = false; <br>this.currentNode = null; <br>this.useArrow = true; <br>this.nodes = {}; <br>this.node = {}; <br>this.names = ""; <br>this._d = "x0f"; <br>this.index = 0; <br>this.divider = "_"; <br>this.node["0"] = <br>{ <br>"id": "0", <br>"path": "0", <br>"isLoad": false, <br>"childNodes": [], <br>"childAppend": "", <br>"sourceIndex": "0" <br>}; <br> <br>this.colors = <br>{ <br>"highLight" : "#0A246A", <br>"highLightText" : "#FFFFFF", <br>"mouseOverBgColor" : "#D4D0C8" <br>}; <br>this.icons = { <br>L0 : 'L0.gif', //┏ <br>L1 : 'L1.gif', //┣ <br>L2 : 'L2.gif', //┗ <br>L3 : 'L3.gif', //━ <br>L4 : 'L4.gif', //┃ <br>PM0 : 'P0.gif', //＋┏ <br>PM1 : 'P1.gif', //＋┣ <br>PM2 : 'P2.gif', //＋┗ <br>PM3 : 'P3.gif', //＋━ <br>empty : 'L5.gif', //空白图 <br>root : 'root.gif', //缺省的根节点图标 <br>folder : 'folder.gif', //缺省的文件夹图标 <br>file : 'file.gif', //缺省的文件图标 <br>exit : 'exit.gif' <br>}; <br>this.iconsExpand = { //存放节点图片在展开时的对应图片 <br>PM0 : 'M0.gif', //－┏ <br>PM1 : 'M1.gif', //－┣ <br>PM2 : 'M2.gif', //－┗ <br>PM3 : 'M3.gif', //－━ <br>folder : 'folderopen.gif', <br> <br>exit : 'exit.gif' <br>}; <br> <br>//扩展 document.getElementById(id) 多浏览器兼容性 <br>//id 要查找的对象 id <br>this.getElementById = function(id) <br>{ <br>if (typeof(id) != "string" || id == "") return null; <br>if (document.getElementById) return document.getElementById(id); <br>if (document.all) return document.all(id); <br>try {return eval(id);} catch(e){ return null;} <br>} <br> <br>//MzTreeView 初始化入口函数 <br>this.toString = function() <br>{ <br>this.browserCheck(); <br>this.dataFormat(); <br>this.setStyle(); <br>this.load("0"); <br>var rootCN = this.node["0"].childNodes; <br>var str = "<A id='"+ this.name +"_RootLink' href='#' style='DISPLAY: none'></A>"; <br> <br>if(rootCN.length>0) <br>{ <br>this.node["0"].hasChild = true; <br>for(var i=0; i<rootCN.length; i++) <br>str += this.nodeToHTML(rootCN[i], i==rootCN.length-1); <br>setTimeout(this.name +".expand('"+ rootCN[0].id +"', true); "+ <br>this.name +".focusClientNode('"+ rootCN[0].id +"'); "+ this.name +".atRootIsEmpty()",10); <br>} <br> <br>if (this.useArrow) //使用方向键控制跳转到上级下级父级子级节点 <br>{ <br>if (document.attachEvent) <br>document.attachEvent("onkeydown", this.onkeydown); <br>else if (document.addEventListener) <br>document.addEventListener('keydown', this.onkeydown, false); <br>} <br>return "<DIV class='MzTreeView' "+ <br>"οnclick='"+ this.name +".clickHandle(event)' "+ <br>"οndblclick='"+ this.name +".dblClickHandle(event)' "+ <br>">"+ str +"</DIV>"; <br>}; <br> <br>this.οnkeydοwn= function(e) <br>{ <br>e = window.event || e; var key = e.keyCode || e.which; <br>switch(key) <br>{ <br>case 37 : eval(Tname).upperNode(); break; //Arrow left, shrink child node <br>case 38 : eval(Tname).pervNode(); break; //Arrow up <br>case 39 : eval(Tname).lowerNode(); break; //Arrow right, expand child node <br>case 40 : eval(Tname).nextNode(); break; //Arrow down <br>} <br>}; <br>} <br> <br>//浏览器类型及版本检测 <br>MzTreeView.prototype.browserCheck = function() <br>{ <br>var ua = window.navigator.userAgent.toLowerCase(), bname; <br>if(/msie/i.test(ua)) <br>{ <br>this.navigator = /opera/i.test(ua) ? "opera" : ""; <br>if(!this.navigator) this.navigator = "msie"; <br>} <br>else if(/gecko/i.test(ua)) <br>{ <br>var vendor = window.navigator.vendor.toLowerCase(); <br>if(vendor == "firefox") this.navigator = "firefox"; <br>else if(vendor == "netscape") this.navigator = "netscape"; <br>else if(vendor == "") this.navigator = "mozilla"; <br>} <br>else this.navigator = "msie"; <br>if(window.opera) this.wordLine = false; <br>}; <br> <br>//给 TreeView 树加上样式设置 <br>MzTreeView.prototype.setStyle = function() <br>{ <br>/* <br>width: 16px; <br>height: 16px; <br>width: 20px; <br>height: 20px; <br>*/ <br>var style = "<style>"+ <br>"DIV.MzTreeView DIV IMG{border: 0px solid #FFFFFF;}"+ <br>"DIV.MzTreeView DIV SPAN IMG{border: 0px solid #FFFFFF;}"; <br>if(this.wordLine) <br>{ <br>style +=" <br>DIV.MzTreeView DIV <br>{ <br>height: 20px;"+ <br>(this.navigator=="firefox" ? "line-height: 20px;" : "" ) + <br>(this.navigator=="netscape" ? "" : "overflow: hidden;" ) +" <br>} <br>DIV.MzTreeView DIV SPAN <br>{ <br>vertical-align: middle; font-size: 21px; height: 20px; color: #D4D0C8; cursor: default; <br>} <br>DIV.MzTreeView DIV SPAN.pm <br>{ <br>width: "+ (this.navigator=="msie"||this.navigator=="opera" ? "11" : "9") +"px; <br>height: "+ (this.navigator=="netscape"?"9":(this.navigator=="firefox"?"10":"11")) +"px; <br>font-size: 7pt; <br>overflow: hidden; <br>margin-left: -16px; <br>margin-right: 5px; <br>color: #000080; <br>vertical-align: middle; <br>border: 1px solid #D4D0C8; <br>cursor: "+ (this.navigator=="msie" ? "hand" : "pointer") +"; <br>padding: 0 2px 0 2px; <br>text-align: center; <br>background-color: #F0F0F0; <br>}"; <br>} <br>style += "</style>"; <br>document.write(style); <br>}; <br> <br>//当根节点为空的时候做的处理 <br>MzTreeView.prototype.atRootIsEmpty = function() <br>{ <br>var RCN = this.node["0"].childNodes; <br>for(var i=0; i<RCN.length; i++) <br>{ <br>if(!RCN[i].isLoad) this.expand(RCN[i].id); <br>if (RCN[i].text=="") <br>{ <br>var node = RCN[i].childNodes[0], HCN = node.hasChild; <br>if(this.wordLine) <br>{ <br>var span = this.getElementById(this.name +"_tree_"+ node.id); <br>span = span.childNodes[0].childNodes[0].childNodes[0]; <br>span.innerHTML = RCN[i].childNodes.length>1 ? "┌" : "─"; <br>} <br>else <br>{ <br>node.iconExpand = RCN[i].childNodes.length>1 ? HCN ? "PM0" : "L0" : HCN ? "PM3" : "L3" <br>this.getElementById(this.name +"_expand_"+ node.id).src = this.icons[node.iconExpand].src; <br>} <br>} <br>} <br>}; <br>//初始化数据源里的数据以便后面的快速检索 <br>MzTreeView.prototype.dataFormat = function() <br>{ <br>var a = new Array(); <br>for (var id in this.nodes) a[a.length] = id; <br>this.names = a.join(this._d + this._d); <br>this.totalNode = a.length; a = null; <br>}; <br> <br>//在数据源检索所需的数据节点 <br>//id 客户端节点对应的id <br>MzTreeView.prototype.load = function(id) <br>{ <br>var node = this.node[id], d = this.divider, _d = this._d; <br>var sid = node.sourceIndex.substr(node.sourceIndex.indexOf(d) + d.length); <br>var reg = new RegExp("(^|"+_d+")"+ sid +d+"[^"+_d+d +"]+("+_d+"|$)", "g"); <br>var cns = this.names.match(reg), tcn = this.node[id].childNodes; if (cns){ <br>reg = new RegExp(_d, "g"); for (var i=0; i<cns.length; i++) <br>tcn[tcn.length] = this.nodeInit(cns[i].replace(reg, ""), id); } <br>node.isLoad = true; <br>}; <br> <br>//初始化节点信息, 根据 this.nodes 数据源生成节点的详细信息 <br>//sourceIndex 数据源中的父子节点组合的字符串 0_1 <br>//parentId 当前树节点在客户端的父节点的 id <br>MzTreeView.prototype.nodeInit = function(sourceIndex, parentId) <br>{ <br>this.index++; <br>var source= this.nodes[sourceIndex], d = this.divider; <br>var text = this.getAttribute(source, "text"); <br>var hint = this.getAttribute(source, "hint"); <br>var sid = sourceIndex.substr(sourceIndex.indexOf(d) + d.length); <br>this.node[this.index] = <br>{ <br>"id" : this.index, <br>"text" : text, <br>"hint" : hint ? hint : text, <br>"icon" : this.getAttribute(source, "icon"), <br>"path" : this.node[parentId].path + d + this.index, <br>"isLoad": false, <br>"isExpand": false, <br>"parentId": parentId, <br>"parentNode": this.node[parentId], <br>"sourceIndex" : sourceIndex, <br>"childAppend" : "" <br>}; <br>this.nodes[sourceIndex] = "index:"+ this.index +";"+ source; <br>this.node[this.index].hasChild = this.names.indexOf(this._d + sid + d)>-1; <br>if(this.node[this.index].hasChild) this.node[this.index].childNodes = []; <br>return this.node[this.index]; <br>}; <br> <br>//从XML格式字符串里提取信息 <br>//source 数据源里的节点信息字符串(以后可以扩展对XML的支持) <br>//name 要提取的属性名 <br>MzTreeView.prototype.getAttribute = function(source, name) <br>{ <br>var reg = new RegExp("(^|;|s)"+ name +"s*:s*([^;]*)(s|;|$)", "i"); <br>if (reg.test(source)) return RegExp.$2.replace(/[x0f]/g, ";"); return ""; <br>}; <br> <br>//根据节点的详细信息生成HTML <br>//node 树在客户端的节点对象 <br>//AtEnd 布尔值当前要转换的这个节点是否为父节点的子节点集中的最后一项 <br>MzTreeView.prototype.nodeToHTML = function(node, AtEnd) <br>{ <br>var source = this.nodes[node.sourceIndex]; <br>var target = this.getAttribute(source, "target"); <br>var data = this.getAttribute(source, "data"); <br>var url = this.getAttribute(source, "url"); <br>if(!url) url = this.url; <br>if(data) url += (url.indexOf("?")==-1?"?":"&") + data; <br>if(!target) target = this.target; <br> <br>var id = node.id; <br>var HCN = node.hasChild, isRoot = node.parentId=="0"; <br>if(isRoot && node.icon=="") node.icon = "root"; <br>if(node.icon=="" || typeof(this.icons[node.icon])=="undefined") <br>node.icon = HCN ? "folder" : "file"; <br>node.iconExpand = AtEnd ? "└" : "├"; <br> <br>var HTML = "<DIV noWrap='True'><NOBR>"; <br>if(!isRoot) <br>{ <br>node.childAppend = node.parentNode.childAppend + (AtEnd ? "　" : "│"); <br>if(this.wordLine) <br>{ <br>HTML += "<SPAN>"+ node.parentNode.childAppend + (AtEnd ? "└" : "├") +"</SPAN>"; <br>if(HCN) HTML += "<SPAN class='pm' id='"+ this.name +"_expand_"+ id +"'>+</SPAN>"; <br>} <br>else <br>{ <br>node.iconExpand = HCN ? AtEnd ? "PM2" : "PM1" : AtEnd ? "L2" : "L1"; <br>HTML += "<SPAN>"+ this.word2image(node.parentNode.childAppend) +"<IMG "+ <br>"align='absmiddle' id='"+ this.name +"_expand_"+ id +"' "+ <br>"src='"+ this.icons[node.iconExpand].src +"' style='cursor: "+ (!node.hasChild ? "": <br>(this.navigator=="msie"||this.navigator=="opera"? "hand" : "pointer")) +"'></SPAN>"; <br>} <br>} <br>HTML += "<IMG "+ <br>"align='absMiddle' "+ <br>"id='"+ this.name +"_icon_"+ id +"' "+ <br>"src='"+ this.icons[node.icon].src +"'><A "+ <br>"class='MzTreeview' hideFocus "+ <br>"id='"+ this.name +"_link_"+ id +"' "+ <br>"href='"+ url +"' "+ <br>"target='"+ target +"' "+ <br>"title='"+ node.hint +"' "+ <br>"οnfοcus=""+ this.name +".focusLink('"+ id +"')" "+ <br>"οnclick="return "+ this.name +".nodeClick('"+ id +"')">"+ node.text + <br>"</A></NOBR></DIV>"; <br>if(isRoot && node.text=="") HTML = ""; <br> <br>HTML = "rn<SPAN id='"+ this.name +"_tree_"+ id +"'>"+ HTML <br>HTML +="<SPAN style='DISPLAY: none'></SPAN></SPAN>"; <br>return HTML; <br>}; <br> <br>//在使用图片的时候对 node.childAppend 的转换 <br>MzTreeView.prototype.word2image = function(word) <br>{ <br>var str = ""; <br>for(var i=0; i<word.length; i++) <br>{ <br>var img = ""; <br>switch (word.charAt(i)) <br>{ <br>case "│" : img = "L4"; break; <br>case "└" : img = "L2"; break; <br>case "　" : img = "empty"; break; <br>case "├" : img = "L1"; break; <br>case "─" : img = "L3"; break; <br>case "┌" : img = "L0"; break; <br>} <br>if(img!="") <br>str += "<IMG align='absMiddle' src='"+ this.icons[img].src +"' height='20'>"; <br>} <br>return str; <br>} <br> <br> <br>//将某个节点下的所有子节点转化成详细的<HTML>元素表达 <br>//id 树的客户端节点 id <br>MzTreeView.prototype.buildNode = function(id) <br>{ <br>if(this.node[id].hasChild) <br>{ <br>var tcn = this.node[id].childNodes, str = ""; <br>for (var i=0; i<tcn.length; i++) <br>str += this.nodeToHTML(tcn[i], i==tcn.length-1); <br>var temp = this.getElementById(this.name +"_tree_"+ id).childNodes; <br>temp[temp.length-1].innerHTML = str; <br>} <br>}; <br> <br>//聚集到客户端生成的某个节点上 <br>//id 客户端树节点的id <br>MzTreeView.prototype.focusClientNode = function(id) <br>{ <br>if(!this.currentNode) this.currentNode=this.node["0"]; <br> <br>var a = this.getElementById(this.name +"_link_"+ id); if(a){ a.focus(); <br>var link = this.getElementById(this.name +"_link_"+ this.currentNode.id); <br>if(link)with(link.style){color=""; backgroundColor="";} <br>with(a.style){color = this.colors.highLightText; <br>backgroundColor = this.colors.highLight;} <br>this.currentNode= this.node[id];} <br>}; <br> <br>//焦点聚集到树里的节点链接时的处理 <br>//id 客户端节点 id <br>MzTreeView.prototype.focusLink= function(id) <br>{ <br>if(this.currentNode && this.currentNode.id==id) return; <br>this.focusClientNode(id); <br>}; <br> <br>//点击展开树节点的对应方法 <br>MzTreeView.prototype.expand = function(id, sureExpand) <br>{ <br>var node = this.node[id]; <br>if (sureExpand && node.isExpand) return; <br>if (!node.hasChild) return; <br>var area = this.getElementById(this.name +"_tree_"+ id); <br>if (area) area = area.childNodes[area.childNodes.length-1]; <br>if (area) <br>{ <br>var icon = this.icons[node.icon]; <br>var iconE = this.iconsExpand[node.icon]; <br>var Bool = node.isExpand = sureExpand || area.style.display == "none"; <br>var img = this.getElementById(this.name +"_icon_"+ id); <br>if (img) img.src = !Bool ? icon.src :typeof(iconE)=="undefined" ? icon.src : iconE.src; <br>var exp = this.icons[node.iconExpand]; <br>var expE = this.iconsExpand[node.iconExpand]; <br>var expand= this.getElementById(this.name +"_expand_"+ id); <br>if (expand) <br>{ <br>if(this.wordLine) expand.innerHTML = !Bool ? "+" : "-"; <br>else expand.src = !Bool ? exp.src : typeof(expE) =="undefined" ? exp.src : expE.src; <br>} <br>if(!Bool && this.currentNode.path.indexOf(node.path)==0 && this.currentNode.id!=id) <br>{ <br>try{this.getElementById(this.name +"_link_"+ id).click();} <br>catch(e){this.focusClientNode(id);} <br>} <br>area.style.display = !Bool ? "none" : "block";//(this.navigator=="netscape" ? "block" : ""); <br>if(!node.isLoad) <br>{ <br>this.load(id); <br>if(node.id=="0") return; <br>//当子节点过多时, 给用户一个正在加载的提示语句 <br>if(node.hasChild && node.childNodes.length>200) <br>{ <br>setTimeout(this.name +".buildNode('"+ id +"')", 1); <br>var temp = this.getElementById(this.name +"_tree_"+ id).childNodes; <br>temp[temp.length-1].innerHTML = "<DIV noWrap><NOBR><SPAN>"+ (this.wordLine ? <br>node.childAppend +"└" : this.word2image(node.childAppend +"└")) +"</SPAN>"+ <br>"<IMG border='0' height='16' align='absmiddle' src='"+this.icons["file"].src+"'>"+ <br>"<A style='background-Color: "+ this.colors.highLight +"; color: "+ <br>this.colors.highLightText +"; font-size: 9pt'>请稍候...</A></NOBR></DIV>"; <br>} <br>else this.buildNode(id); <br>} <br>} <br>}; <br> <br>//节点链接单击事件处理方法 <br>//id 客户端树节点的 id <br>MzTreeView.prototype.nodeClick = function(id) <br>{ <br>var source = this.nodes[this.node[id].sourceIndex]; <br>eval(this.getAttribute(source, "method")); <br>return !(!this.getAttribute(source, "url") && this.url=="#"); <br>}; <br> <br>//为配合系统初始聚集某节点而写的函数, 得到某节点在数据源里的路径 <br>//sourceId 数据源里的节点 id <br>MzTreeView.prototype.getPath= function(sourceId) <br>{ <br> <br>Array.prototype.indexOf = function(item) <br>{ <br>for(var i=0; i<this.length; i++) <br>{ <br>if(this[i]==item) return i; <br>} <br>return -1; <br>}; <br>var _d = this._d, d = this.divider; <br>var A = new Array(), id=sourceId; A[0] = id; <br>while(id!="0" && id!="") <br>{ <br>var str = "(^|"+_d+")([^"+_d+d+"]+"+d+ id +")("+_d+"|$)"; <br>if (new RegExp(str).test(this.names)) <br>{ <br>id = RegExp.$2.substring(0, RegExp.$2.indexOf(d)); <br>if(A.indexOf(id)>-1) break; <br>A[A.length] = id; <br>} <br>else break; <br>} <br>return A.reverse(); <br>}; <br> <br>//在源代码里指定 MzTreeView 初始聚集到某个节点 <br>//sourceId 节点在数据源里的 id <br>MzTreeView.prototype.focus = function(sourceId, defer) <br>{ <br>if (!defer) <br>{ <br>setTimeout(this.name +".focus('"+ sourceId +"', true)", 100); <br>return; <br>} <br>var path = this.getPath(sourceId); <br>if(path[0]!="0") <br>{ <br>alert("节点 "+ sourceId +" 没有正确的挂靠有效树节点上！rn"+ <br>"节点 id 序列 = "+ path.join(this.divider)); <br>return; <br>} <br>var root = this.node["0"], len = path.length; <br>for(var i=1; i<len; i++) <br>{ <br>if(root.hasChild) <br>{ <br>var sourceIndex= path[i-1] + this.divider + path[i]; <br>for (var k=0; k<root.childNodes.length; k++) <br>{ <br>if (root.childNodes[k].sourceIndex == sourceIndex) <br>{ <br>root = root.childNodes[k]; <br>if(i<len - 1) this.expand(root.id, true); <br>else this.focusClientNode(root.id); <br>break; <br>} <br>} <br>} <br>} <br>}; <br> <br>//树的单击事件处理函数 <br>MzTreeView.prototype.clickHandle = function(e) <br>{ <br>e = window.event || e; e = e.srcElement || e.target; <br>//alert(e.tagName) <br>switch(e.tagName) <br>{ <br>case "IMG" : <br>if(e.id) <br>{ <br>if(e.id.indexOf(this.name +"_icon_")==0) <br>this.focusClientNode(e.id.substr(e.id.lastIndexOf("_") + 1)); <br>else if (e.id.indexOf(this.name +"_expand_")==0) <br>this.expand(e.id.substr(e.id.lastIndexOf("_") + 1)); <br>} <br>break; <br>case "A" : <br>if(e.id) this.focusClientNode(e.id.substr(e.id.lastIndexOf("_") + 1)); <br>break; <br>case "SPAN" : <br>if(e.className=="pm") <br>this.expand(e.id.substr(e.id.lastIndexOf("_") + 1)); <br>break; <br>default : <br>if(this.navigator=="netscape") e = e.parentNode; <br>if(e.tagName=="SPAN" && e.className=="pm") <br>this.expand(e.id.substr(e.id.lastIndexOf("_") + 1)); <br>break; <br>} <br>}; <br> <br>//MzTreeView 双击事件的处理函数 <br>MzTreeView.prototype.dblClickHandle = function(e) <br>{ <br>e = window.event || e; e = e.srcElement || e.target; <br>if((e.tagName=="A" || e.tagName=="IMG")&& e.id) <br>{ <br>var id = e.id.substr(e.id.lastIndexOf("_") + 1); <br>if(this.node[id].hasChild) this.expand(id); <br>} <br>}; <br> <br>//回到树当前节点的父层节点 <br>MzTreeView.prototype.upperNode = function() <br>{ <br>if(!this.currentNode) return; <br>if(this.currentNode.id=="0" || this.currentNode.parentId=="0") return; <br>if (this.currentNode.hasChild && this.currentNode.isExpand) <br>this.expand(this.currentNode.id, false); <br>else this.focusClientNode(this.currentNode.parentId); <br>}; <br> <br>//展开当前节点并 <br>MzTreeView.prototype.lowerNode = function() <br>{ <br>if (!this.currentNode) this.currentNode = this.node["0"]; <br>if (this.currentNode.hasChild) <br>{ <br>if (this.currentNode.isExpand) <br>this.focusClientNode(this.currentNode.childNodes[0].id); <br>else this.expand(this.currentNode.id, true); <br>} <br>} <br> <br>//聚集到树当前节点的上一节点 <br>MzTreeView.prototype.pervNode = function() <br>{ <br>if(!this.currentNode) return; var e = this.currentNode; <br>if(e.id=="0") return; var a = this.node[e.parentId].childNodes; <br>for(var i=0; i<a.length; i++){if(a[i].id==e.id){if(i>0){e=a[i-1]; <br>while(e.hasChild){this.expand(e.id, true); <br>e = e.childNodes[e.childNodes.length - 1];} <br>this.focusClientNode(e.id); return;} else { <br>this.focusClientNode(e.parentId); return;}}} <br>}; <br> <br>//聚集到树当前节点的下一节点 <br>MzTreeView.prototype.nextNode = function() <br>{ <br>var e = this.currentNode; if(!e) e = this.node["0"]; <br>if (e.hasChild){this.expand(e.id, true); <br>this.focusClientNode(e.childNodes[0].id); return;} <br>while(typeof(e.parentId)!="undefined"){ <br>var a = this.node[e.parentId].childNodes; <br>for(var i=0; i<a.length; i++){ if(a[i].id==e.id){ <br>if(i<a.length-1){this.focusClientNode(a[i+1].id); return;} <br>else e = this.node[e.parentId];}}} <br>}; <br> <br>//展开树的所有节点 <br>MzTreeView.prototype.expandAll = function() <br>{ <br>if(this.totalNode>500) if( <br>confirm("您是否要停止展开全部节点？rnrn节点过多！展开很耗时")) return; <br>if(this.node["0"].childNodes.length==0) return; <br>var e = this.node["0"].childNodes[0]; <br>var isdo = t = false; <br>while(e.id != "0") <br>{ <br>var p = this.node[e.parentId].childNodes, pn = p.length; <br>if(p[pn-1].id==e.id && (isdo || !e.hasChild)){e=this.node[e.parentId]; isdo = true;} <br>else <br>{ <br>if(e.hasChild && !isdo) <br>{ <br>this.expand(e.id, true), t = false; <br>for(var i=0; i<e.childNodes.length; i++) <br>{ <br>if(e.childNodes[i].hasChild){e = e.childNodes[i]; t = true; break;} <br>} <br>if(!t) isdo = true; <br>} <br>else <br>{ <br>isdo = false; <br>for(var i=0; i<pn; i++) <br>{ <br>if(p[i].id==e.id) {e = p[i+1]; break;} <br>} <br>} <br>} <br>} <br>}; <br> <br>//本树将要用动的图片的字义及预载函数 <br>//path 图片存放的路径名 <br>MzTreeView.prototype.setIconPath = function(path) <br>{ <br>var k = 0, d = new Date().getTime(); <br>for(var i in this.icons) <br>{ <br>var tmp = this.icons[i]; <br>this.icons[i] = new Image(); <br>this.icons[i].src = path + tmp; <br>if(k==9 && (new Date().getTime()-d)>20) <br>this.wordLine = true; k++; <br>} <br>for(var i in this.iconsExpand) <br>{ <br>var tmp = this.iconsExpand[i]; <br>this.iconsExpand[i]=new Image(); <br>this.iconsExpand[i].src = path + tmp; <br>} <br>}; <br> <br>//设置树的默认链接 <br>//url 默认链接若不设置, 其初始值为 # <br>MzTreeView.prototype.setURL = function(url){this.url = url;}; <br> <br>//设置树的默认的目标框架名 target <br>//target 目标框架名若不设置, 其初始值为 _self <br>MzTreeView.prototype.setTarget = function(target){this.target = target;}; <br>// --> <div class="bo"> 一个简单的示例： <br> <br><script language="JavaScript" <br>src="http://www.meizz.com/Web/Plugs/MzTreeView10.js"></script> <br><base href="http://www.meizz.com/Web/"> <br><style> <br>A.MzTreeview <br>{ <br>font-size: 9pt; <br>padding-left: 3px; <br>} <br></style> <br><script language="JavaScript"> <br>var tree = new MzTreeView("tree"); <br> <br>tree.icons["property"] = "property.gif"; <br>tree.icons["css"] = "collection.gif"; <br>tree.icons["book"] = "book.gif"; <br>tree.iconsExpand["book"] = "bookopen.gif"; //展开时对应的图片 <br> <br>tree.setIconPath("http://www.meizz.com/Icons/TreeView/"); //可用相对路径 <br> <br>tree.nodes["0_1"] = "text:WEB 编程"; <br>tree.nodes["1_100"] = "text:代码示例; data:id=100"; <br>tree.nodes["1_200"] = "text:梅花雪脚本控件集; data:id=200"; <br>tree.nodes["1_310"] = "text:CSS; icon:css; data:id=310"; <br>tree.nodes["1_320"] = "text:DHTML; data:id=320"; <br>tree.nodes["1_300"] = "text:HTML; data:id=300"; <br>tree.nodes["1_400"] = "text:JavaScript; icon:book; data:id=400"; <br>tree.nodes["320_322"] = "text:属性; icon: property; data:id=322"; <br>tree.nodes["320_323"] = "text:方法; data:id=323"; <br>tree.nodes["320_324"] = "text:事件; icon:event; data:id=324"; <br>tree.nodes["320_325"] = "text:集合; data:id=325"; <br>tree.nodes["400_407"] = "text:对象; data:id=407"; <br>tree.nodes["400_406"] = "text:方法; data:id=406"; <br>tree.nodes["400_408"] = "text:运算符; data:id=408"; <br>tree.nodes["400_409"] = "text:属性; data:id=409"; <br>tree.nodes["407_1140"] = "text:Date; url:Article.asp; data:id=140"; <br>tree.nodes["406_1127"] = "text:toString; url:Article.asp; data:id=127"; <br>tree.nodes["408_1239"] = "text:||; url:Article.asp; data:id=239"; <br>tree.nodes["409_1163"] = "text:E; url:Article.asp; data:id=163"; <br> <br>tree.setURL("Catalog.asp"); <br>tree.setTarget("MzMain"); <br>document.write(tree.toString()); //亦可用 obj.innerHTML = tree.toString(); <br></script> </div> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1283251996651962368"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(web,function,html,服务器,javascript,脚本,url)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835511912843014144.htm" title="理解Gunicorn：Python WSGI服务器的基石" target="_blank">理解Gunicorn：Python WSGI服务器的基石</a> <span class="text-muted">范范0825</span> <a class="tag" taget="_blank" href="/search/ipython/1.htm">ipython</a><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> <div>理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico</div> </li> <li><a href="/article/1835509897106649088.htm" title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div> </li> <li><a href="/article/1835509770287673344.htm" title="swagger访问路径" target="_blank">swagger访问路径</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a> <div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div> </li> <li><a href="/article/1835508130608410624.htm" title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a> <span class="text-muted">某公司摸鱼前端</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div> </li> <li><a href="/article/1835508131489214464.htm" title="高级编程--XML+socket练习题" target="_blank">高级编程--XML+socket练习题</a> <span class="text-muted">masa010</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1.北京华北2114.8万人上海华东2,500万人广州华南1292.68万人成都华西1417万人（1）使用dom4j将信息存入xml中（2）读取信息，并打印控制台（3）添加一个city节点与子节点（4）使用socketTCP协议编写服务端与客户端，客户端输入城市ID，服务器响应相应城市信息（5）使用socketTCP协议编写服务端与客户端，客户端要求用户输入city对象，服务端接收并使用dom4j</div> </li> <li><a href="/article/1835504218178416640.htm" title="Google earth studio 简介" target="_blank">Google earth studio 简介</a> <span class="text-muted">陟彼高冈yu</span> <a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a> <div>GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G</div> </li> <li><a href="/article/1835502578050363392.htm" title="PHP环境搭建详细教程" target="_blank">PHP环境搭建详细教程</a> <span class="text-muted">好看资源平台</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这</div> </li> <li><a href="/article/1835501948011376640.htm" title="使用 FinalShell 进行远程连接（ssh 远程连接 Linux 服务器）" target="_blank">使用 FinalShell 进行远程连接（ssh 远程连接 Linux 服务器）</a> <span class="text-muted">编程经验分享</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/1.htm">开发工具</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/ssh/1.htm">ssh</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>目录前言基本使用教程新建远程连接连接主机自定义命令路由追踪前言后端开发，必然需要和服务器打交道，部署应用，排查问题，查看运行日志等等。一般服务器都是集中部署在机房中，也有一些直接是云服务器，总而言之，程序员不可能直接和服务器直接操作，一般都是通过ssh连接来登录服务器。刚接触远程连接时，使用的是XSHELL来远程连接服务器，连接上就能够操作远程服务器了，但是仅用XSHELL并没有上传下载文件的功能</div> </li> <li><a href="/article/1835499681732456448.htm" title="SQL Server_查询某一数据库中的所有表的内容" target="_blank">SQL Server_查询某一数据库中的所有表的内容</a> <span class="text-muted">qq_42772833</span> <a class="tag" taget="_blank" href="/search/SQL/1.htm">SQL</a><a class="tag" taget="_blank" href="/search/Server/1.htm">Server</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/sqlserver/1.htm">sqlserver</a> <div>1.查看所有表的表名要列出CrabFarmDB数据库中的所有表（名），可以使用以下SQL语句：USECrabFarmDB;--切换到目标数据库GOSELECTTABLE_NAMEFROMINFORMATION_SCHEMA.TABLESWHERETABLE_TYPE='BASETABLE';对这段SQL脚本的解释：SELECTTABLE_NAME：这个语句的作用是从查询结果中选择TABLE_NAM</div> </li> <li><a href="/article/1835499615491813376.htm" title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a> <span class="text-muted">彩云飘过</span> <div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div> </li> <li><a href="/article/1835499052125483008.htm" title="Git常用命令－修改远程仓库地址" target="_blank">Git常用命令－修改远程仓库地址</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/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>查看远程仓库地址gitremote-v返回结果originhttps://git.coding.net/＊＊＊＊＊.git(fetch)originhttps://git.coding.net/＊＊＊＊＊.git(push)修改远程仓库地址gitremoteset-urloriginhttps://git.coding.net/＊＊＊＊＊.git先删除后增加远程仓库地址gitremotermori</div> </li> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动" target="_blank">HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835495170972413952.htm" title="git - Webhook让部署自动化" target="_blank">git - Webhook让部署自动化</a> <span class="text-muted">大猪大猪</span> <div>我们现在有一个需求，将项目打包上传到gitlab或者github后，程序能自动部署，不用手动地去服务器中进行项目更新并运行，如何做到？这里我们可以使用gitlab与github的挂钩，挂钩的原理就是，每当我们有请求到gitlab与github服务器时，这时他俩会根据我们配置的挂钩地扯进行访问，webhook挂钩程序会一直监听着某个端口请求，一但收到他们发过来的请求，这时就知道用户有请求提交了，这时</div> </li> <li><a href="/article/1835493267907637248.htm" title="webpack图片等资源的处理" target="_blank">webpack图片等资源的处理</a> <span class="text-muted">dmengmeng</span> <div>需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p</div> </li> <li><a href="/article/1835492740536823808.htm" title="node.js学习" target="_blank">node.js学习</a> <span class="text-muted">小猿L</span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a> <div>node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行</div> </li> <li><a href="/article/1835472571445899264.htm" title="xilinx vivado PULLMODE 设置思路" target="_blank">xilinx vivado PULLMODE 设置思路</a> <span class="text-muted">坚持每天写程序</span> <a class="tag" taget="_blank" href="/search/fpga%E5%BC%80%E5%8F%91/1.htm">fpga开发</a> <div>1.xilinx引脚分类XilinxIO的分类：以XC7A100TFGG484为例，其引脚分类如下：1.UserIO(用户IO)：用户使用的普通IO1.1专用(Dedicated)IO：命名为IO_LXXY_#、IO_XX_#的引脚，有固定的特定用途，多为底层特定功能的直接实现，如差分对信号、关键控制信号等，不能随意变更。1.2多功能(Multi-Function)IO：命名为IO_LXXY_ZZ</div> </li> <li><a href="/article/1835470931783413760.htm" title="「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验" target="_blank">「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验</a> <span class="text-muted">张风捷特烈</span> <a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>theme:cyanosis我正在参加「豆包MarsCode初体验」征文活动MarsCode可以看作一个运行在服务端的远程VSCode开发环境。对于我这种想要学习体验某些语言，但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在MarsCode里，我的体验rust开发体验。一、MarsCode是什么它的本质是:提供代码助手和云端IDE服务的web网站，可通过下面的链接访问https://www</div> </li> <li><a href="/article/1835466921470947328.htm" title="Some jenkins settings" target="_blank">Some jenkins settings</a> <span class="text-muted">SnC_</span> <div>Jenkins连接到特定gitlabproject的特定branch我采用的方法是在pipeline的script中使用git命令来指定branch。如下：stage('Clonerepository'){steps{gitbranch:'develop',credentialsId:'gitlab-credential-id',url:'http://gitlab.com/repo.git'}}</div> </li> <li><a href="/article/1835466523163062272.htm" title="Linux sh命令" target="_blank">Linux sh命令</a> <span class="text-muted">fengyehongWorld</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>目录一.基本语法二.选项2.1-c字符串中读取内容，并执行2.1.1基本用法2.1.2获取当前目录下失效的超链接2.2-x每个命令执行之前，将其打印出来2.3结合Here文档使用一.基本语法⏹Linux和Unix系统中用于执行shell脚本或运行命令的命令。sh[选项][脚本文件][参数...]⏹选项-c：从字符串中读取内容，并执行。-x：在每个命令执行之前，将其打印出来。-s：从标准流中读取内容</div> </li> <li><a href="/article/1835455048277127168.htm" title="Python神器！WEB自动化测试集成工具 DrissionPage" target="_blank">Python神器！WEB自动化测试集成工具 DrissionPage</a> <span class="text-muted">亚丁号</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率</div> </li> <li><a href="/article/1835454921990828032.htm" title="Java爬虫框架（一）--架构设计" target="_blank">Java爬虫框架（一）--架构设计</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/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BB%BB%E5%8A%A1/1.htm">任务</a><a class="tag" taget="_blank" href="/search/html%E8%A7%A3%E6%9E%90%E5%99%A8/1.htm">html解析器</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8/1.htm">存储</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%AD%90%E5%95%86%E5%8A%A1/1.htm">电子商务</a> <div>一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast</div> </li> <li><a href="/article/1835454543471669248.htm" title="Java：爬虫框架" target="_blank">Java：爬虫框架</a> <span class="text-muted">dingcho</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分</div> </li> <li><a href="/article/1835452402178813952.htm" title="Linux查看服务器日志" target="_blank">Linux查看服务器日志</a> <span class="text-muted">TPBoreas</span> <a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><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> <div>一、tail这个是我最常用的一种查看方式用法如下：tail-n10test.log查询日志尾部最后10行的日志;tail-n+10test.log查询10行之后的所有日志;tail-fn10test.log循环实时查看最后1000行记录(最常用的)一般还会配合着grep用，(实时抓包)例如:tail-fn1000test.log|grep'关键字'（动态抓包）tail-fn1000test.log</div> </li> <li><a href="/article/1835451016456269824.htm" title="MongoDB知识概括" target="_blank">MongoDB知识概括</a> <span class="text-muted">GeorgeLin98</span> <a class="tag" taget="_blank" href="/search/%E6%8C%81%E4%B9%85%E5%B1%82/1.htm">持久层</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>MongoDB知识概括MongoDB相关概念单机部署基本常用命令索引-IndexSpirngDataMongoDB集成副本集分片集群安全认证MongoDB相关概念业务应用场景：传统的关系型数据库（如MySQL），在数据操作的“三高”需求以及应对Web2.0的网站需求面前，显得力不从心。解释：“三高”需求：①Highperformance-对数据库高并发读写的需求。②HugeStorage-对海量数</div> </li> <li><a href="/article/1835450763225165824.htm" title="python批量读取tiff文件_Python Pillow批量转换tif格式到jpg" target="_blank">python批量读取tiff文件_Python Pillow批量转换tif格式到jpg</a> <span class="text-muted">weixin_39557797</span> <div>最近因为想要整下网站的壁纸，从网站下载了别人整理好的合集压缩包，解压之后，却发现里面的文件都是tif的，tif格式网站和电脑都不认的，根本不能作壁纸。这时候，就需要转换图片格式了，首先我找了几款转换格式的软件，发现效果都不好，要不是不支持tif格式，要不就是转换出来的图片糊的不行。最终，还是决定用Python的Pillow库来写一个脚本，完成这个任务。下面是整个的小脚本----importosim</div> </li> <li><a href="/article/1835448239864770560.htm" title="JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）" target="_blank">JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）</a> <span class="text-muted">跳房子的前端</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/1.htm">前端面试</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数</div> </li> <li><a href="/article/1835444075474546688.htm" title="Python多线程实现大规模数据集高效转移" target="_blank">Python多线程实现大规模数据集高效转移</a> <span class="text-muted">sand&wich</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>背景在处理大规模数据集时，通常需要在不同存储设备、不同服务器或文件夹之间高效地传输数据。如果采用单线程传输方式，当数据量非常大时，整个过程会非常耗时。因此，通过多线程并行处理可以大幅提升数据传输效率。本文将分享一个基于Python多线程实现的高效数据传输工具，通过遍历源文件夹中的所有文件，将它们移动到目标文件夹。工具和库这个数据集转移工具主要依赖于以下Python标准库：os：用于文件系统操作，如</div> </li> <li><a href="/article/1835443823287824384.htm" title="Python实现下载当前年份的谷歌影像" target="_blank">Python实现下载当前年份的谷歌影像</a> <span class="text-muted">sand&wich</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在GIS项目和地图应用中，获取最新的地理影像数据是非常重要的。本文将介绍如何使用Python代码从Google地图自动下载当前年份的影像数据，并将其保存为高分辨率的TIFF格式文件。这个过程涉及地理坐标转换、多线程下载和图像处理。关键功能该脚本的核心功能包括：坐标转换：支持WGS-84与WebMercator投影之间转换，以及处理中国GCJ-02偏移。自动化下载：多线程下载地图瓦片，提高效率。图像</div> </li> <li><a href="/article/44.htm" title="Enum 枚举" target="_blank">Enum 枚举</a> <span class="text-muted">120153216</span> <a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/%E6%9E%9A%E4%B8%BE/1.htm">枚举</a> <div>原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0</div> </li> <li><a href="/article/171.htm" title="Java8简明教程" target="_blank">Java8简明教程</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk1.8/1.htm">jdk1.8</a> <div> Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。一.允许在接口中有默认方法实现 Java 8 允许我们使用default关键字，为接口声明添</div> </li> <li><a href="/article/298.htm" title="Oracle表维护快速备份删除数据" target="_blank">Oracle表维护快速备份删除数据</a> <span class="text-muted">cuisuqiang</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E7%B4%A2%E5%BC%95/1.htm">索引</a><a class="tag" taget="_blank" href="/search/%E5%BF%AB%E9%80%9F/1.htm">快速</a><a class="tag" taget="_blank" href="/search/%E5%A4%87%E4%BB%BD/1.htm">备份</a><a class="tag" taget="_blank" href="/search/%E5%88%A0%E9%99%A4/1.htm">删除</a> <div>我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备</div> </li> <li><a href="/article/425.htm" title="java多态内存分析" target="_blank">java多态内存分析</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/%E5%86%85%E5%AD%98%E5%88%86%E6%9E%90/1.htm">内存分析</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E6%80%81%E5%8E%9F%E7%90%86/1.htm">多态原理</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3%E5%92%8C%E6%8A%BD%E8%B1%A1%E7%B1%BB/1.htm">接口和抽象类</a> <div> “ 时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心</div> </li> <li><a href="/article/552.htm" title="Xshell实现Windows上传文件到Linux主机" target="_blank">Xshell实现Windows上传文件到Linux主机</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a> <div>经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛；我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo</div> </li> <li><a href="/article/679.htm" title="类的加载ClassLoader" target="_blank">类的加载ClassLoader</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/ClassLoader/1.htm">ClassLoader</a> <div>类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。其中重要的方法为findClass(String name)。如何写一个自己的类加载器呢？首先写一个便于测试的类Student</div> </li> <li><a href="/article/806.htm" title="html5写的玫瑰花" target="_blank">html5写的玫瑰花</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div><html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas> </div> </li> <li><a href="/article/933.htm" title="google的ConcurrentLinkedHashmap源代码解析" target="_blank">google的ConcurrentLinkedHashmap源代码解析</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/LRU/1.htm">LRU</a> <div>原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke</div> </li> <li><a href="/article/1060.htm" title="webservice获取访问服务的ip地址" target="_blank">webservice获取访问服务的ip地址</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a> <div>1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http</div> </li> <li><a href="/article/1187.htm" title="菜鸟的java基础提升之道——————>是否值得拥有" target="_blank">菜鸟的java基础提升之道——————>是否值得拥有</a> <span class="text-muted">百合不是茶</span> <div>1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员 java组成：</div> </li> <li><a href="/article/1314.htm" title="通过修改Linux服务自动启动指定应用程序" target="_blank">通过修改Linux服务自动启动指定应用程序</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level <</SPAN></div> </li> <li><a href="/article/1441.htm" title="spring拦截器的一个简单实例" target="_blank">spring拦截器的一个简单实例</a> <span class="text-muted">bijian1013</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/%E6%8B%A6%E6%88%AA%E5%99%A8/1.htm">拦截器</a><a class="tag" taget="_blank" href="/search/Interceptor/1.htm">Interceptor</a> <div>Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check</div> </li> <li><a href="/article/1568.htm" title="[Velocity二]自定义Velocity指令" target="_blank">[Velocity二]自定义Velocity指令</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a> <div>什么是Velocity指令在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令自定义指令(Directive)的一般步骤 &nbs</div> </li> <li><a href="/article/1695.htm" title="【Hive十】Programming Hive学习笔记" target="_blank">【Hive十】Programming Hive学习笔记</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/programming/1.htm">programming</a> <div> 第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.</div> </li> <li><a href="/article/1822.htm" title="nginx有选择性进行限制" target="_blank">nginx有选择性进行限制</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+%E5%8A%A8%E9%9D%99%E3%80%80%E9%99%90%E5%88%B6/1.htm">nginx 动静　限制</a> <div>http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ { </div> </li> <li><a href="/article/1949.htm" title="java-4.-在二元树中找出和为某一值的所有路径 ." target="_blank">java-4.-在二元树中找出和为某一值的所有路径 .</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise </div> </li> <li><a href="/article/2076.htm" title="Netty学习笔记" target="_blank">Netty学习笔记</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===</div> </li> <li><a href="/article/2203.htm" title="js获取项目路径" target="_blank">js获取项目路径</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>//js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){ //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp var curWwwPath=window.document.locati</div> </li> <li><a href="/article/2330.htm" title="oracle 的性能优化" target="_blank">oracle 的性能优化</a> <span class="text-muted">cuishikuan</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a> <div> 在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。 1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！</div> </li> <li><a href="/article/2457.htm" title="Shell变量和数组使用详解" target="_blank">Shell变量和数组使用详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E5%8F%98%E9%87%8F/1.htm">变量</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84/1.htm">数组</a> <div>Shell 变量定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则：首个字符必须为字母（a-z，A-Z）。中间不能有空格，可以使用下划线（_）。不能使用标点符号。不能使用ba</div> </li> <li><a href="/article/2584.htm" title="编程中的一些概念，KISS、DRY、MVC、OOP、REST" target="_blank">编程中的一些概念，KISS、DRY、MVC、OOP、REST</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/REST/1.htm">REST</a> <div>KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。（2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。（3）OOP 即Object-Orie</div> </li> <li><a href="/article/2711.htm" title="[Android]设置Activity为全屏显示的两种方法" target="_blank">[Android]设置Activity为全屏显示的两种方法</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/Activity/1.htm">Activity</a> <div>1. 方法1：AndroidManifest.xml 里，Activity的 android:theme 指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例: <application </div> </li> <li><a href="/article/2838.htm" title="solrcloud 部署方式比较" target="_blank">solrcloud 部署方式比较</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/solrCloud/1.htm">solrCloud</a> <div>solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo</div> </li> <li><a href="/article/2965.htm" title="Java synchronized关键字详解" target="_blank">Java synchronized关键字详解</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/synchronized/1.htm">synchronized</a> <div>转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。同步机制可以使用synchronized关键字实现。当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。当s</div> </li> <li><a href="/article/3092.htm" title="js实现登录时记住用户名" target="_blank">js实现登录时记住用户名</a> <span class="text-muted">hw1287789687</span> <a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E6%88%91/1.htm">记住我</a><a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E5%AF%86%E7%A0%81/1.htm">记住密码</a><a class="tag" taget="_blank" href="/search/cookie/1.htm">cookie</a><a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E7%94%A8%E6%88%B7%E5%90%8D/1.htm">记住用户名</a><a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E8%B4%A6%E5%8F%B7/1.htm">记住账号</a> <div>在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了页面:loginInput.html 代码: <!DOCTYPE html PUB</div> </li> <li><a href="/article/3219.htm" title="开发者必备的 Chrome 扩展" target="_blank">开发者必备的 Chrome 扩展</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a> <div>Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl</div> </li> <li><a href="/article/3346.htm" title="算法机试题" target="_blank">算法机试题</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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E8%AF%95%E9%A2%98/1.htm">机试题</a> <div> 在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。这道题大致意思是：输入一个数，比如4,。这时会输出： &n</div> </li> <li><a href="/article/3473.htm" title="正确配置Linux系统ulimit值" target="_blank">正确配置Linux系统ulimit值</a> <span class="text-muted">字符串</span> <a class="tag" taget="_blank" href="/search/ulimit/1.htm">ulimit</a> <div>在Linux下面部署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进</div> </li> <li><a href="/article/3600.htm" title="hibernate调用返回游标的存储过程" target="_blank">hibernate调用返回游标的存储过程</a> <span class="text-muted">Supanccy2013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a> <div>注：原创作品，转载请注明出处。上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程</div> </li> <li><a href="/article/3727.htm" title="Spring 4.2新特性-更简单的Application Event" target="_blank">Spring 4.2新特性-更简单的Application Event</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/application/1.htm">application</a> <div>1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例包依赖 <p</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>