通过 HTML DOM，您能够使用节点关系来导航节点树。
DOM 节点
根据 W3C HTML DOM 标准，HTML 文档中的所有事物都是节点：
- 整个文档是文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 所有注释是注释节
有了 HTML DOM，节点树中的所有节点都能通过 JavaScript 访问。
能够创建新节点，还可以修改和删除所有节点。
节点关系
节点树中的节点彼此之间有一定的等级关系。
- 术语（父、子和同胞，parent、child 以及 sibling）用于描述这些关系。
- 在节点树中，顶端节点被称为根（根节点）。
- 每个节点都有父节点，除了根（根节点没有父节点）。
- 节点能够拥有一定数量的子
- 同胞（兄弟或姐妹）指的是拥有相同父的节点。
DOM 教程
DOM 第一课
Hello world!
从以上的 HTML 中您能读到以下信息：
- 是根节点
- 没有父
- 是 和 的父
- 是 的第一个子
- 是 的最后一个子
同时：
- 有一个子：</li>
<li><title> 有一个子（文本节点）："DOM 教程"</li>
<li><body> 有两个子：<h1> 和 <p></li>
<li><h1> 有一个子："DOM 第一课"</li>
<li><p> 有一个子："Hello world!"</li>
<li><h1> 和 <p> 是同胞</li>
</ul>
<div>
<h2>在节点之间导航</h2>
<p>通过 JavaScript，您可以使用以下节点属性在节点之间导航：</p>
<ul>
<li>parentNode</li>
<li>childNodes[<em>nodenumber</em>]</li>
<li>firstChild</li>
<li>lastChild</li>
<li>nextSibling</li>
<li>previousSibling</li>
</ul>
</div>
<div>
<h2>子节点和节点值</h2>
<p>DOM 处理中的一种常见错误是认为元素节点中包含文本。</p>
<h3>实例：</h3>
<div class="cnblogs_code">
<pre><title id="demo">DOM 教程
（上面例子中的）元素节点
<span class="marked">不包含文本。</span></p>
<p>它包含了值为 "DOM 教程" 的文本节点。</p>
<p>文本节点的值能够通过节点的 <span class="code_marked">innerHTML 属性进行访问：</span></p>
<div class="cnblogs_code">
<pre><span style="color: #0000ff;">var</span> myTitle = document.getElementById("demo").innerHTML;</pre>
</div>
<p> </p>
<p>访问 innerHTML 属性等同于访问首个子节点的 <span class="code_marked">nodeValue：</span></p>
<div class="cnblogs_code">
<pre><span style="color: #0000ff;">var</span> myTitle = document.getElementById("demo").firstChild.nodeValue;</pre>
</div>
<p> </p>
<p>也可以这样访问第一个子节点：</p>
<div class="cnblogs_code">
<pre><span style="color: #0000ff;">var</span> myTitle = document.getElementById("demo").childNodes[0].nodeValue;</pre>
</div>
<p> </p>
<p>以下三个例子取回 <span class="code_marked"><h1> 元素的文本并复制到 <span class="code_marked"><p> 元素中：</span></span></p>
<h3>实例 1</h3>
<div class="cnblogs_code">
<pre><html>
<body>
<h1 id="id01">我的第一张页面</h1>
<p id="id02">Hello!</p>
<script><span style="color: #000000;">
document.getElementById(</span>"id02").innerHTML = document.getElementById("id01"<span style="color: #000000;">).innerHTML;
</span></script>
</body>
</html></pre>
</div>
<h3>实例 2</h3>
<div class="cnblogs_code">
<pre><html>
<body>
<h1 id="id01">我的第一张页面</h1>
<p id="id02">Hello!</p>
<script><span style="color: #000000;">
document.getElementById(</span>"id02").innerHTML = document.getElementById("id01"<span style="color: #000000;">).firstChild.nodeValue;
</span></script>
</body>
</html></pre>
</div>
<h3>实例 3</h3>
<div class="cnblogs_code">
<pre><html>
<body>
<h1 id="id01">我的第一张页面</h1>
<p id="id02">Hello!</p>
<script><span style="color: #000000;">
document.getElementById(</span>"id02").innerHTML = document.getElementById("id01").childNodes[0<span style="color: #000000;">].nodeValue;
</span></script>
</body>
</html></pre>
</div>
<h2>InnerHTML</h2>
<p>在本教程中，我们使用 <span class="code_marked">innerHTML 取回 HTML 元素的内容。</span></p>
<p>不过，学习以上其他的方法有助于理解 DOM 的树结构和导航。</p>
<div>
<h2>DOM 根节点</h2>
<p>有两个特殊属性允许访问完整文档：</p>
<ul>
<li>document.body - 文档的 body</li>
<li>document.documentElement - 完整文档</li>
</ul>
<h3>实例</h3>
<div class="cnblogs_code">
<pre><html>
<body>
<p>Hello World!</p>
<div>
<p>DOM 很有用！</p>
<p>本例演示 <b>document.body</b> 属性。</p>
</div>
<script><span style="color: #000000;">
alert(document.body.innerHTML);
</span></script>
</body>
</html></pre>
</div>
<h3>实例</h3>
<div class="cnblogs_code">
<pre><html>
<body>
<p>Hello World!</p>
<div>
<p>DOM 很有用！</p>
<p>本例演示 <b>document.documentElement</b> 属性。</p>
</div>
<script><span style="color: #000000;">
alert(document.documentElement.innerHTML);
</span></script>
</body>
</html></pre>
</div>
<h2>nodeName 属性</h2>
<p><span class="code_marked">nodeName 属性规定节点的名称。</span></p>
<ul>
<li>nodeName 是只读的</li>
<li>元素节点的 nodeName 等同于标签名</li>
<li>属性节点的 nodeName 是属性名称</li>
<li>文本节点的 nodeName 总是 #text</li>
<li>文档节点的 nodeName 总是 #document</li>
</ul>
<h3>实例</h3>
<div class="cnblogs_code">
<pre><h1 id="id01">我的第一张网页</h1>
<p id="id02">Hello!</p>
<script><span style="color: #000000;">
document.getElementById(</span>"id02").innerHTML = document.getElementById("id01"<span style="color: #000000;">).nodeName;
</span></script></pre>
</div>
<p class="note">注释：nodeName 总是包含 HTML 元素的大写标签名。</p>
<div>
<h2>nodeValue 属性</h2>
<p><span class="code_marked">nodeValue 属性规定节点的值。</span></p>
<ul>
<li>元素节点的 nodeValue 是 undefined</li>
<li>文本节点的 nodeValue 是文本文本</li>
<li>属性节点的 nodeValue 是属性值</li>
<li> <h2>nodeType 属性</h2> <p><span class="code_marked">nodeType 属性返回节点的类型。<span class="code_marked">nodeType 是只读的。</span></span></p> <h3>实例</h3>
<div class="cnblogs_code">
<pre><h1 id="id01">我的第一张网页</h1>
<p id="id02">Hello!</p>
<script><span style="color: #000000;">
document.getElementById(</span>"id02").innerHTML = document.getElementById("id01"<span style="color: #000000;">).nodeType;
</span></script></pre>
</div> <p>最重要的 nodeType 属性是：</p>
<table class="dataintable" style="height: 177px; width: 761px;">
<tbody>
<tr>
<th>节点</th>
<th>类型</th>
<th>例子</th>
</tr>
<tr>
<td>ELEMENT_NODE</td>
<td>1</td>
<td><h1 class="heading">W3School</h1></td>
</tr>
<tr>
<td>ATTRIBUTE_NODE</td>
<td>2</td>
<td>class = "heading" （弃用）</td>
</tr>
<tr>
<td>TEXT_NODE</td>
<td>3</td>
<td>W3School</td>
</tr>
<tr>
<td>COMMENT_NODE</td>
<td>8</td>
<td><!-- 这是注释 --></td>
</tr>
<tr>
<td>DOCUMENT_NODE</td>
<td>9</td>
<td>HTML 文档本身（<html> 的父）</td>
</tr>
<tr>
<td>DOCUMENT_TYPE_NODE</td>
<td>10</td>
<td><!Doctype html></td>
</tr>
</tbody>
</table> <p>Type 2 在 HTML DOM 中已弃用。XML DOM 中未弃用。</p> </li>
<li>------------------文章来源:www.sysoft.net.cn,加v:15844800162深度交流------------------------------------</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1214615137542049792"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(JavaScript HTML DOM 关系层级（父子兄弟姐妹关系）)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1946874275222843392.htm"
title="人际关系：想要混得好，表面一定要会装" target="_blank">人际关系：想要混得好，表面一定要会装</a>
<span class="text-muted">土圭垚六土人生</span>
<div>[cp]人际关系：想要混得好，表面一定要会装即使在你心里，很排斥与人打交道，但要想在这个社会混得更好，与人接触是不可避免的。而在社会上，如果不遇人不淑，交了一个不好的朋友，不仅对自己的成长没有多大帮助，还有可能给自己带来很不好的坑。每个人的成长经历都不一样，所以不要想着去改变别人，这只是一种无用功。我们能做的只是掌握一些与人相处的技巧，更好的保护自己就行了。1、不要什么都说出来俗话说，对人只说三分</div>
</li>
<li><a href="/article/1946872743303639040.htm"
title="《语文课程目标分析框架的破与立》读书笔记" target="_blank">《语文课程目标分析框架的破与立》读书笔记</a>
<span class="text-muted">苔花如米筱</span>
<div>《语文科课程论基础》的第三章中王教授认为语文课程与教学目标的“工具性”与“人文性”不该分裂开来，而是互相包含、互相叠加的层叠蕴涵关系。修订后的课程标准坚持原实验稿也提出来的关于语文课程基本性质的认识，坚持语文课程的工具性和人文性的统一。“课改”以来有人在强调人文性的时候，不恰当地“将孩子和洗澡水一起泼掉”。“孩子”即语文本体。这样做又陷入了片面性，必然造成工具性与人文性两败俱伤。工具性是语文课程的</div>
</li>
<li><a href="/article/1946870444757938176.htm"
title="何为私董会？" target="_blank">何为私董会？</a>
<span class="text-muted">瑜馨私教瑜伽張盈伽</span>
<div>2019.5.17星期五17-34大家好NAMASTE何为私董会？“私董会”这一组织形态起源于1957年美国割草机公司总裁罗伯特·诺斯与其他4位CEO创办的总裁圆桌小组，他为这种人脉圈内部的交流起名为TEC(决策者委员会)。TEC创办的初衷是为老板们提供一个相互切磋、智慧碰撞的平台，后逐渐发展为将一些没有竞争关系、没有利害冲突的企业总裁结合成的小组，每月定期举办会议，让他们成为彼此的「私人董事会成</div>
</li>
<li><a href="/article/1946866372634013696.htm"
title="APP开发注意事项" target="_blank">APP开发注意事项</a>
<span class="text-muted"></span>
<div>不仅仅是移动APP，包括面向服务的SOA架构，都需要制定一套统一、规范的接口，那么，做这样的后端接口需要注意哪些问题呢？1、跨平台性所谓跨平台是指我们的接口要能够支持不同的终端，比如android、ios、windowsphone以及桌面软件、网站等，一套接口，支持多端，就像当年Java的口号一样“WriteOnce,RunAnywhere”。当然从本质上讲，服务器端的接口跟终端是没有太大关系的，</div>
</li>
<li><a href="/article/1946864734376620032.htm"
title="Kotlin方差" target="_blank">Kotlin方差</a>
<span class="text-muted">Kiri霧</span>
<a class="tag" taget="_blank" href="/search/kotlin/1.htm">kotlin</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/android/1.htm">android</a>
<div>泛型类型简介泛型类型提供了一种重用代码的方式，使数据类型可以作为变量使用。这样，我们就能创建可以操作不同类型对象的类、接口和方法，只要这些对象符合类型参数的要求。在Kotlin中，泛型类型用关键字定义，但T可以是任意字母或单词。在本主题中，我们将深入探讨泛型编程，并介绍类型、子类型和变异性（variance）等概念。这些概念在像Kotlin这样的静态类型语言中非常重要，因为类型关系会在编译时检查，</div>
</li>
<li><a href="/article/1946863827505180672.htm"
title="我和老王的故事～老火汤和指明灯" target="_blank">我和老王的故事～老火汤和指明灯</a>
<span class="text-muted">73c3fdc0c1f5</span>
<div>第11篇发出后，有人留言说我爱的智慧比老王高。说实话，受之有愧，这几年心里慢慢刚硬了，也不像以前那样有力量了，有时真不愿放低自己，所以现在大多数都是老王先选择放低自己。哪怕他自己还没有完全调整好，但他为了让我开心点，不被负面情绪影响，他会选择主动修复关系。老王在这点上永远比我有力量，爱有时真的是一个决定！果果经常说爸爸虽然容易有点情绪，但每次都是爸爸先道歉的。我常常说老王是广东的“老火汤”，时间越</div>
</li>
<li><a href="/article/1946861029019414528.htm"
title="不要经历这些事以后，才明白为什么活着" target="_blank">不要经历这些事以后，才明白为什么活着</a>
<span class="text-muted">康安爱努力</span>
<div>你是不是有些时候也不知道为什么要活着？是不是也在某一瞬间，突然感到心力交瘁，觉得这个世界好像就只剩下你一个人了似的。你躺在床上，明明一切看起来都是那么的和谐，但仍然会感到巨大的失落与无力。可我们明明经营者良好的人际关系，赚着良好的钱，但在某一刻，那股巨大的孤独感，迷茫感，仍会铺天盖地的涌上你的心头。1我相信我们所有人都曾遇到过这样一个问题——当你平时没有什么需要的时候，很容易得到帮助，可一旦真的发</div>
</li>
<li><a href="/article/1946859882380587008.htm"
title="莫言《蛙》读后联想" target="_blank">莫言《蛙》读后联想</a>
<span class="text-muted">laodang</span>
<div>我读书确实是有跟风的，一方面可以跟更多的人交流，另一方面则是确实喜欢看书，比如《亮剑》热播时，我读《亮剑》,《权利的游戏》热播时，我读《冰与火之歌》，总的来说，我是虚荣心在作祟，其实更多的是我觉得文字比电视画面更具温度和表现力，在看过文字之后，才能更加了解和解读人物的内心，才能更好的把人物与场景相融合，能更好的把握人物关系，也正是这样的习惯，让我读了不少书，但由于我是属于看过就忘并且不太善于思考的</div>
</li>
<li><a href="/article/1946859189301211136.htm"
title="Nodejs中process有哪些常用方法？" target="_blank">Nodejs中process有哪些常用方法？</a>
<span class="text-muted"></span>
<div>在Node.js中，process是一个全局对象，提供了与当前Node.js进程互动的接口。它包含了一系列的方法和属性，可以帮助你获取系统信息，处理命令行参数，以及控制进程的行为等。以下是一些process对象的常用方法：process.argv：这不是一个方法，而是一个包含命令行参数的数组。第一个元素是’node’，第二个元素是正在执行的JavaScript文件的路径，接下来的元素则是任何其他命</div>
</li>
<li><a href="/article/1946857956456853504.htm"
title="淘宝同城购物要怎样操作？网购怎样才能更省钱？" target="_blank">淘宝同城购物要怎样操作？网购怎样才能更省钱？</a>
<span class="text-muted">古楼</span>
<div>网购对现在的人们来说已经成为日子的一部分，网购非常的便利，而且网购的商品种类非常的多，可以满足大家的需求。大家知道如何在同城网购商品吗?下面为大家进行介绍。➤推荐网购薅羊毛app“高省”，一个领取内部优惠券+现金返利的平台。高省只提供领券返利链接，下单全程都在淘宝、京东、拼多多等原平台，更支持抖音、快手电商、外卖红包返利等。（应用商店搜“高省”即可下载，邀请码:521521。）➤由于信息差的关系，</div>
</li>
<li><a href="/article/1946854023139225600.htm"
title="主板硬件基础-主板架构" target="_blank">主板硬件基础-主板架构</a>
<span class="text-muted">Loong's offspring</span>
<a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E7%A1%AC%E4%BB%B6%E5%B7%A5%E7%A8%8B/1.htm">硬件工程</a><a class="tag" taget="_blank" href="/search/%E7%A1%AC%E4%BB%B6%E6%9E%B6%E6%9E%84/1.htm">硬件架构</a><a class="tag" taget="_blank" href="/search/pcb%E5%B7%A5%E8%89%BA/1.htm">pcb工艺</a><a class="tag" taget="_blank" href="/search/%E6%9D%90%E6%96%99%E5%B7%A5%E7%A8%8B/1.htm">材料工程</a>
<div>主板架构是指主板各个部件之间的连接及隶属关系。每个主板设计时都有一个架构图，从架构图可以明确看出主板的结构及CPU和桥对各个设备的管理以及资源分配。不同芯片组的主板架构都不同。接下来详细讲解主板架构图这是完整的主板架构图从架构图可以看到，主板上的接口资源都是从CPU和PCH（桥）出来的，CPU负责高速信号，桥负责没那么高速的信号。桥也是一个拓展资源的芯片。CPU和桥之间是用总线连接的，在AMD平台</div>
</li>
<li><a href="/article/1946847720190832640.htm"
title="电竞护航小程序源码游戏代练小程序源码搭建游戏派单小程序定制开发" target="_blank">电竞护航小程序源码游戏代练小程序源码搭建游戏派单小程序定制开发</a>
<span class="text-muted">D15554088058</span>
<a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
<div>独立源码前端uniapp后端phpthinkphp6的框架开源无加密适合运营或者二次开发。欢迎私信（头像11位数字）功能列表：游戏分类：后台添加设置游戏分类分销奖励：推荐打手绑定关系，二级奖励，奖励比例手台设置管事：购买管事权益推荐打手绑定推荐关系，二级奖励，奖励比例后台设置，比打手的奖励高发布订单：后台添加商家成为商家商家添加客服成为客服之后才可以在小程序端发布订单打手接单：打手需要缴纳保证金后</div>
</li>
<li><a href="/article/1946846332270473216.htm"
title="Python关于操作文件夹的讲解——Python 操作文件和文件夹" target="_blank">Python关于操作文件夹的讲解——Python 操作文件和文件夹</a>
<span class="text-muted">WeiJingYu.</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>借助os库，可完成文件大小查询、文件/文件夹删除、重命名等操作，满足多样化文件管理需求。（一）查询文件大小os库path模块的getsize(path)方法，能获取指定路径文件占用内存大小，单位为字节。字节是计算机存储基本单位，常见存储单位换算关系如下：单位换算关系说明字节（Byte）1字节=8位（bit）存储基本单元千字节（KB）1KB=1024Byte日常文件大小常用表述兆字节（MB）1MB=</div>
</li>
<li><a href="/article/1946844482800513024.htm"
title="Day32 咳嗽的一天" target="_blank">Day32 咳嗽的一天</a>
<span class="text-muted">白胖胖的天晴</span>
<div>图片发自App12.28体重68.9早一碗汤药几口粥几口凉拌苦菊一个橘子（早上咳嗽的厉害吃不进去）中一个橘子半个苹果半张馅饼同事聚餐吃了点鱼＋兔肉，蔬菜和鸡蛋糕晚一碗汤药炖梨水运动郑多燕一套每日瑜伽一组记体重上升多少和昨天吃得多有点关系，问题不大，年底聚会也多了起来，尽量把聚会放在中午，晚上的尽量只动蔬菜，不要油炸和高甜。感冒依旧没有好，继续喝水。</div>
</li>
<li><a href="/article/1946842044639014912.htm"
title="将HTML+JS+CSS数独游戏包装为安卓App" target="_blank">将HTML+JS+CSS数独游戏包装为安卓App</a>
<span class="text-muted">yivifu</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a>
<div>HTML+JS+CSS制作一个数独游戏-CSDN博客中开发了一个数独游戏，这个数独游戏提供了一次性回退到指定步骤的辅助功能，在解决复杂数独问题时十分有帮助，可作为玩数独游戏的辅助工具，因此，考虑将它改装成安卓App安装在手机上，可以更方便使用。将纯HTML程序包装成安卓App在编码方面根本没有什么难度，真正的难度在于开发环境的配置和程序的编译运行。花了一个多星期，才总算编译成功了。有图有真相，在A</div>
</li>
<li><a href="/article/1946842045721145344.htm"
title="python爬虫技术——基础知识、实战" target="_blank">python爬虫技术——基础知识、实战</a>
<span class="text-muted">南瓜AI</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/scrapy/1.htm">scrapy</a>
<div>参考文献：Python爬虫入门(一)（适合初学者）-CSDN博客一、常用爬虫工具包Scrapy语言:Python特点:高效、灵活的爬虫框架，适合大型爬虫项目。BeautifulSoup语言:Python特点:用于解析HTML和XML，简单易用。Selenium语言:Python/Java/C#特点:支持浏览器自动化，适合处理JavaScript渲染的网页。Requests语言:Python特点:简</div>
</li>
<li><a href="/article/1946840401059049472.htm"
title="2019杂记（115）全然的接纳" target="_blank">2019杂记（115）全然的接纳</a>
<span class="text-muted">宁超群</span>
<div>1.教育的前提是让孩子感到教师全然的接纳，教师必须于孩子建立互相信任的关系，才能赢得孩子的合作。教师的身份只有在获得学生的接纳之后，其正当性和教育性才能得到体现。【我曾对年轻老师说，真心的去喜欢孩子，接纳孩子的一切。如果你有一丁点儿虚情假意，孩子们都能够觉察到。他们不拆穿你的虚假，是因为他们爱着老师。当老师，要配得上孩子纯真的爱。】2.作为教师，当时时提醒自己，“人类纯真的相互依恋之情才是遏制暴力</div>
</li>
<li><a href="/article/1946840152047415296.htm"
title="html5及css有什么区别,html5和css3的区别是什么？" target="_blank">html5及css有什么区别,html5和css3的区别是什么？</a>
<span class="text-muted">weixin_39788256</span>
<a class="tag" taget="_blank" href="/search/html5%E5%8F%8Acss%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB/1.htm">html5及css有什么区别</a>
<div>html5和css3是什么？区别是什么？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。什么是HTML5？HTML，超文本标记语言(HyperTextMarkupLanguage)，标准通用标记语言下的一个应用。是用于描述网页文档的一种标记语言。html5是HTML第五次重大修改后的版本，是当前最新版本，主要特点是支持原生的视频播放、离线存储、更多的语义</div>
</li>
<li><a href="/article/1946839763910717440.htm"
title="快手拍视频能赚钱吗？怎样在快手上发作品挣钱？" target="_blank">快手拍视频能赚钱吗？怎样在快手上发作品挣钱？</a>
<span class="text-muted">日常购物技巧呀</span>
<div>快手也是国内发展的比较快的短视频之一，不少用户会选择在平台上发表一些短视频，以此提高自己账号的粉丝量，但是拍短视频是否能赚钱了?下面来了解清楚。➤推荐网购薅羊毛app“高省”，一个领取内部优惠券+现金返利的平台。高省只提供领券返利链接，下单全程都在淘宝、京东、拼多多等原平台，更支持抖音、快手电商、外卖红包返利等。（应用商店搜“高省”即可下载，邀请码:521521。）➤由于信息差的关系，很多剁手党都</div>
</li>
<li><a href="/article/1946839507122843648.htm"
title="确定恋爱关系之前，一定要了解对方这3点" target="_blank">确定恋爱关系之前，一定要了解对方这3点</a>
<span class="text-muted">壹说壹听</span>
<div>我们正在经历一个“速食爱情”的时代，爱情可以以任何一种方式轻易开始，也可以以任何一个理由悄无声息的结束。可对于感情来说，双方靠近的越快，会导致这段恋爱关系越缺失安全感和稳定感，因此这段感情承担的风险也就越大。一旦这段恋爱失败，就可能会导致你对爱情怀疑，对自己不自信，认为每一段恋爱都不会有好结果，认为自己不值得被爱。其实并不是，是你一开始就进入了一个错误的恋爱模式。只有多观察、多体会、多沟通，你才能</div>
</li>
<li><a href="/article/1946838996093038592.htm"
title="【旅行故事】人际关系@稀土永磁Amy@20220723@上海" target="_blank">【旅行故事】人际关系@稀土永磁Amy@20220723@上海</a>
<span class="text-muted">稀土永磁Amy</span>
<div>德鲁克谈正确的人际关系：良好的组织精神真正的考验不在于大家能否“和睦相处”；是绩效，而不是一致。“良好的人际关系”如果不是根植于良好的工作绩效所带来的满足感与和谐合理的工作关系，那么其实只是脆弱的人际关系。互相沟通、团队合作、自我发展、培养他人。人和人之间的关系是一场双向奔赴。致敬遇见的那些人和那些事～</div>
</li>
<li><a href="/article/1946838890434326528.htm"
title="前端埋坑之js console.log字符换行后 html没换行问题处理" target="_blank">前端埋坑之js console.log字符换行后 html没换行问题处理</a>
<span class="text-muted">做个有准备的人</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%8B%E5%9D%91%E4%B9%8B%E8%B7%AF-%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">前端埋坑之路-前端技术</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%8D%81%E5%B9%B4%E4%B9%8B%E8%B7%AF/1.htm">前端十年之路</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>方法：//命令字符处理（字符串超过N字之后换行处理）wrapText(text,n){n=n||70;//默认每70个字符换行if(text.length>n){letresult=text.slice(0,n);leti;for(i=n;i<text.length;i+=n){result+='\n'+text.slice(i,i+n);}re</div>
</li>
<li><a href="/article/1946838386601947136.htm"
title="前端转后端学习路线整理" target="_blank">前端转后端学习路线整理</a>
<span class="text-muted"></span>
<div>一、背景本人是一名Web前端开发，技术栈是Vue和React，不会Node。之前学过，但是因为一些原因（比如没有使用场景，很多概念无法理解，学完就忘等）一直也没有掌握。因为在CMS部门耳濡目染时间久了，感觉不学点后端有点说不过去，而且学起来之后发现也挺有兴趣的。但是对于一名前端开发（而且在学校的时候基本没学习）来说要学习的内容实在太多了，开始的困难在于理清各种技术都是干什么的以及它们之间的关系。现</div>
</li>
<li><a href="/article/1946835291616636928.htm"
title="逆境更能造就人才" target="_blank">逆境更能造就人才</a>
<span class="text-muted">魏小强</span>
<div>越是逆境，越能激发一个人的斗志。在上初中的时候，因为成绩好受人妒忌，加上不善处理人际关系，结果是在寒冷黑暗的冬日清晨，一个人走五六里，穿过乱坟堆，穿过荒岗去上学。这段经历铸就我坚忍、早熟的性格。因为个子矮、瘦小，常被他人欺负，迫使我不断锻炼身体，使自己强大。这段经历鞭笞我奋发向上，是我人生中最宝贵的财富。作为农家子弟，能从偏僻的乡村考进大学，摆脱脸朝黄土背朝天修理地球的命运，想到在初中求学的三年，</div>
</li>
<li><a href="/article/1946835105938993152.htm"
title="《前端基础核心知识笔记：HTML、CSS、JavaScript 及 BOM/DOM》" target="_blank">《前端基础核心知识笔记：HTML、CSS、JavaScript 及 BOM/DOM》</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/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>html前端三剑客的介绍：HTML:页面内容的载体Css：用来美化和指定页面的显示效果JavaScript：页面显示的过程中，可以动态改变页面的内容重点属性type="text"文本输入type="password"密码输入SerlvertC超链接type="radio"value="值"单选框type="checkbox"value="值"多选框在作用设置编码格式 action是跳转的界面met</div>
</li>
<li><a href="/article/1946834728023814144.htm"
title="一文讲透HTML语义化标签" target="_blank">一文讲透HTML语义化标签</a>
<span class="text-muted"></span>
<div>文章目录语义化标签概述HTML标签及其含义常见HTML5语义化标签语义化标签对搜索引擎（SEO）的影响提升搜索引擎排名增强可访问性改善用户体验语义化标签案例各标签作用说明语义化标签概述HTML语义化是指使用恰当的标签来准确表达内容的结构和含义，使网页不仅对人类开发者可读，也能被搜索引擎、辅助技术等更好地理解和处理。例如，用表示页眉，表示独立内容区块，提升页面可访问性和SEO效果。HTML标签及其含</div>
</li>
<li><a href="/article/1946833214496632832.htm"
title="CSS面试题及详细答案140道之（101-120）" target="_blank">CSS面试题及详细答案140道之（101-120）</a>
<span class="text-muted">还是大剑师兰特</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前后端面试题</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%91%E5%B8%88/1.htm">大剑师</a><a class="tag" taget="_blank" href="/search/CSS%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">CSS面试题</a>
<div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录101.解释`text-indent`属性的作用。102.如何在CSS中实现响应</div>
</li>
<li><a href="/article/1946832475569319936.htm"
title="关于恋爱，你应该明白一些东西" target="_blank">关于恋爱，你应该明白一些东西</a>
<span class="text-muted">君先生的书屋</span>
<div>《我想和你白头，也想自由》是畅销作者姬晓安所著，以女性的视角来写两性在恋爱关系。作者的观点在很多地方与独立女性或是“女强人”的观点不谋而合，我认为这是新时代女性应该有的观点，不论男女，自力更生从某种角度上讲也是自我尊重。从失恋悲伤中站起来如今的时代，不像以前生活很慢，一生只能够爱一个人。现在谁还不是一个有故事的男孩/女孩，谁能够拍着胸脯说这一生就他/她了，或许可以当作一个情话说出来，可是问问自己的</div>
</li>
<li><a href="/article/1946831585525428224.htm"
title="京东退款后优惠券能否退回，一文解答你的疑惑" target="_blank">京东退款后优惠券能否退回，一文解答你的疑惑</a>
<span class="text-muted">氧惠爱高省</span>
<div>在京东购物过程中，优惠券作为一种常见的促销手段，深受消费者喜爱。然而，当我们在使用优惠券后发生退款时，优惠券能否退回往往成为消费者心中的一大疑问。本文将详细解答这一问题，帮助您更好地了解京东退款与优惠券的关系。首先，我们需要明确一点：京东退款后优惠券能否退回，主要取决于退款发生的时间和优惠券的使用条件。下面，我们将从退款时间、优惠券类型和使用条件三个方面进行分析。高省-淘宝38密令（超红密令）领取</div>
</li>
<li><a href="/article/1946830189489090560.htm"
title="web前端入门到实战：CSS实现8种炫酷按钮" target="_blank">web前端入门到实战：CSS实现8种炫酷按钮</a>
<span class="text-muted">大前端世界</span>
<div>今天给大家分享8种炫酷按钮的CSS实现。1.3D按钮1现在的主流是扁平化的设计，拟物化的设计比较少见了，所以我们仅从技术角度去分析如何实现这个3D按钮该按钮的立体效果主要由按钮多出的左、下两个侧面衬托出来，我们可以使用box-shadow模拟出这两个侧面：HTML：3DButton1CSS:.button-3d-1{position:relative;background:orangered;bo</div>
</li>
<li><a href="/article/85.htm"
title="ztree异步加载" target="_blank">ztree异步加载</a>
<span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/ztree/1.htm">ztree</a>
<div>相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。
我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。
设置setting，这里只关注async属性的配置
var setting = {
//异步加载配置
</div>
</li>
<li><a href="/article/212.htm"
title="thirft rpc 具体调用流程" target="_blank">thirft rpc 具体调用流程</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a><a class="tag" taget="_blank" href="/search/thrift/1.htm">thrift</a>
<div>Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作：
（1） 将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议</div>
</li>
<li><a href="/article/339.htm"
title="异或运算推导, 交换数据" target="_blank">异或运算推导, 交换数据</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E6%88%96/1.htm">异或</a><a class="tag" taget="_blank" href="/search/%5E/1.htm">^</a>
<div>/*
* 5 0101
* 9 1010
*
* 5 ^ 5
* 0101
* 0101
* -----
* 0000
* 得出第一个规律: 相同的数进行异或, 结果是0
*
* 9 ^ 5 ^ 6
* 1010
* 0101
* ----
* 1111
*
* 1111
* 0110
* ----
* 1001
</div>
</li>
<li><a href="/article/466.htm"
title="事件源对象" target="_blank">事件源对象</a>
<span class="text-muted">周华华</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q</div>
</li>
<li><a href="/article/593.htm"
title="MySql配置及相关命令" target="_blank">MySql配置及相关命令</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div> MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。
一 修改MySQL密码及用户
</div>
</li>
<li><a href="/article/720.htm"
title="[简单]poi删除excel 2007超链接" target="_blank">[简单]poi删除excel 2007超链接</a>
<span class="text-muted">53873039oycg</span>
<a class="tag" taget="_blank" href="/search/Excel/1.htm">Excel</a>
<div> 采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下:
public void removeExcel2007AllHyperLink(String filePath) throws Exception {
OPCPackage ocPkg = OPCPac</div>
</li>
<li><a href="/article/847.htm"
title="Struts2添加 open flash chart" target="_blank">Struts2添加 open flash chart</a>
<span class="text-muted">云端月影</span>
<div>准备以下开源项目：
1. Struts 2.1.6
2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009)
3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。
4. log4j
用eclipse新建动态网站，取名OFC2Demo，将Struts2 l</div>
</li>
<li><a href="/article/974.htm"
title="spring包详解" target="_blank">spring包详解</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>
下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb</div>
</li>
<li><a href="/article/1101.htm"
title="网站推广之seo概念" target="_blank">网站推广之seo概念</a>
<span class="text-muted">antonyup_2006</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a>
<div> 持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。
所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。
网站推广策略有很多，seo，email，adv</div>
</li>
<li><a href="/article/1228.htm"
title="单例模式,sql注入,序列" target="_blank">单例模式,sql注入,序列</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a><a class="tag" taget="_blank" href="/search/%E5%BA%8F%E5%88%97/1.htm">序列</a><a class="tag" taget="_blank" href="/search/sql%E6%B3%A8%E5%85%A5/1.htm">sql注入</a><a class="tag" taget="_blank" href="/search/%E9%A2%84%E7%BC%96%E8%AF%91/1.htm">预编译</a>
<div>
序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段 居然不会了,所以将序列写在本篇的前面
1,序列是一个保存数据连续的增长的一种方式;
序列的创建;
CREATE SEQUENCE seq_pro
2 INCREMENT BY 1 -- 每次加几个
3 </div>
</li>
<li><a href="/article/1355.htm"
title="Mockito单元测试实例" target="_blank">Mockito单元测试实例</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a>
<div>Mockito单元测试实例：
public class SettingServiceTest {
private List<PersonDTO> personList = new ArrayList<PersonDTO>();
@InjectMocks
private SettingPojoService settin</div>
</li>
<li><a href="/article/1482.htm"
title="精通Oracle10编程SQL(9)使用游标" target="_blank">精通Oracle10编程SQL(9)使用游标</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a>
<div>/*
*使用游标
*/
--显示游标
--在显式游标中使用FETCH...INTO语句
DECLARE
CURSOR emp_cursor is
select ename,sal from emp where deptno=1;
v_ename emp.ename%TYPE;
v_sal emp.sal%TYPE;
begin
ope</div>
</li>
<li><a href="/article/1609.htm"
title="【Java语言】动态代理" target="_blank">【Java语言】动态代理</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/java%E8%AF%AD%E8%A8%80/1.htm">java语言</a>
<div> JDK接口动态代理
JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联
package com.tom;
import com.tom.model.User;
import com.tom.service.IUserService;
</div>
</li>
<li><a href="/article/1736.htm"
title="Java通信之URL通信基础" target="_blank">Java通信之URL通信基础</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/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/ITeye/1.htm">ITeye</a>
<div>java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。
在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。
学习准备：建议首先学习java的IO基础知识
URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url</div>
</li>
<li><a href="/article/1863.htm"
title="博弈Java讲义 - Java线程同步 (1)" target="_blank">博弈Java讲义 - Java线程同步 (1)</a>
<span class="text-muted">boyitech</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E5%90%8C%E6%AD%A5/1.htm">同步</a><a class="tag" taget="_blank" href="/search/%E9%94%81/1.htm">锁</a>
<div>
在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。
同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri</div>
</li>
<li><a href="/article/1990.htm"
title="java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。" target="_blank">java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
public class DeleteExtraSpace {
/**
* 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。
* 方法1.用已有的String类的trim和replaceAll方法
* 方法2.全部用正则表达式，这个我不熟
* 方法3.“重新发明轮子”，从头遍历一次
*/
public static v</div>
</li>
<li><a href="/article/2117.htm"
title="An error has occurred.See the log file错误解决！" target="_blank">An error has occurred.See the log file错误解决！</a>
<span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/MyEclipse/1.htm">MyEclipse</a>
<div>今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！
很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！
打开日志文件！找到当日错误文件内容：
--------------------------------------------------------------------------</div>
</li>
<li><a href="/article/2244.htm"
title="[矿业与工业]修建一个空间矿床开采站要多少钱?" target="_blank">[矿业与工业]修建一个空间矿床开采站要多少钱?</a>
<span class="text-muted">comsci</span>
<div>
地球上的钛金属矿藏已经接近枯竭...........
我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....
那么,现在要编制一个预算,提交给财政部门..</div>
</li>
<li><a href="/article/2371.htm"
title="解析Google Map Routes" target="_blank">解析Google Map Routes</a>
<span class="text-muted">dai_lm</span>
<a class="tag" taget="_blank" href="/search/google+api/1.htm">google api</a>
<div>为了获得从A点到B点的路劲，经常会使用Google提供的API，例如
[url]
http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false
[/url]
从返回的结果上，大致可以了解应该怎么走，但</div>
</li>
<li><a href="/article/2498.htm"
title="SQL还有多少“理所应当”？" target="_blank">SQL还有多少“理所应当”？</a>
<span class="text-muted">datamachine</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div>转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！
------------------------------------华丽的分割线--------------------------------
</div>
</li>
<li><a href="/article/2625.htm"
title="Yii使用Ajax验证时，如何设置某些字段不需要验证" target="_blank">Yii使用Ajax验证时，如何设置某些字段不需要验证</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a>
<div>经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如:
$form=$this->beginWidget('CActiveForm', array( 'id'=>'usuario-form',&</div>
</li>
<li><a href="/article/2752.htm"
title="使用git同步网站代码" target="_blank">使用git同步网站代码</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/crontab/1.htm">crontab</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
<div>转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com
管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂</div>
</li>
<li><a href="/article/2879.htm"
title="sql基本操作" target="_blank">sql基本操作</a>
<span class="text-muted">蕃薯耀</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/sql%E5%9F%BA%E6%9C%AC%E6%93%8D%E4%BD%9C/1.htm">sql基本操作</a><a class="tag" taget="_blank" href="/search/sql%E5%B8%B8%E7%94%A8%E6%93%8D%E4%BD%9C/1.htm">sql常用操作</a>
<div>sql基本操作
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月1日 17:30:33 星期一
&</div>
</li>
<li><a href="/article/3006.htm"
title="Spring4+Hibernate4+Atomikos3.3多数据源事务管理" target="_blank">Spring4+Hibernate4+Atomikos3.3多数据源事务管理</a>
<span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/Hibernate4/1.htm">Hibernate4</a>
<div>Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/ 一.pom.xml
<dependency>
<</div>
</li>
<li><a href="/article/3133.htm"
title="jquery中两个值得注意的方法one()和trigger()方法" target="_blank">jquery中两个值得注意的方法one()和trigger()方法</a>
<span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/trigger/1.htm">trigger</a>
<div> 在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍
1） one方法
one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为
one(type,${data},fn)
&nb</div>
</li>
<li><a href="/article/3260.htm"
title="拿工资不仅仅是让你写代码的" target="_blank">拿工资不仅仅是让你写代码的</a>
<span class="text-muted">lampcy</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%92%A8%E8%AF%A2/1.htm">咨询</a>
<div>这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。
这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。
话粗理不粗。
付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品</div>
</li>
<li><a href="/article/3387.htm"
title="架构师之对象操作----------对象的效率复制和判断是否全为空" target="_blank">架构师之对象操作----------对象的效率复制和判断是否全为空</a>
<span class="text-muted">nannan408</span>
<a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E5%B8%88/1.htm">架构师</a>
<div>1.前言。
如题。
2.代码。
(1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier
Src src=new Src();
BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
</div>
</li>
<li><a href="/article/3514.htm"
title="ajax 被缓存的解决方案" target="_blank">ajax 被缓存的解决方案</a>
<span class="text-muted">Rainbow702</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a>
<div>使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。
今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。
解决方法如下：
① 直接使用 JQuery提供的 “cache”参数，</div>
</li>
<li><a href="/article/3641.htm"
title="修改date.toLocaleString()的警告" target="_blank">修改date.toLocaleString()的警告</a>
<span class="text-muted">tntxia</span>
<a class="tag" taget="_blank" href="/search/String/1.htm">String</a>
<div>
我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下：
package com.tntxia.htmlmaker.util;
import java.text.SimpleDateFormat;
import java.util.</div>
</li>
<li><a href="/article/3768.htm"
title="项目完成后的小总结" target="_blank">项目完成后的小总结</a>
<span class="text-muted">xiaomiya</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E6%80%BB%E7%BB%93/1.htm">总结</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE/1.htm">项目</a>
<div>项目完成了，突然想做个总结但是有点无从下手了。
做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。
先说说项目主要实现的功能吧
1，按键精灵
2，获取行情数据
3，各种input输入条件判断
4，发送数据（有json格式和string格式）
5，获取预警条件列表和预警结果列表，
6，排序，
7，预警结果分页获取
8，导出文件（excel，text等）
9，修</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html> 