通过 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="1214468248997826560"></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/66.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/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/annotation/1.htm">annotation</a>
<div>前言：版本兼容，一直是迭代开发头疼的事，最近新版本加上了支持新题型，如果新创建一份问卷包含了新题型，那旧版本客户端就不支持，如果新创建的问卷不包含新题型，那么新旧客户端都支持。这里面我们通过给问卷类型枚举增加自定义注解的方式完成。顺便巩固下枚举与注解。
一、枚举
1.在创建枚举类的时候，该类已继承java.lang.Enum类，所以自定义枚举类无法继承别的类，但可以实现接口。
</div>
</li>
<li><a href="/article/193.htm"
title="【Scala十七】Scala核心十一：下划线_的用法" target="_blank">【Scala十七】Scala核心十一：下划线_的用法</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>下划线_在Scala中广泛应用，_的基本含义是作为占位符使用。_在使用时是出问题非常多的地方，本文将不断完善_的使用场景以及所表达的含义
1. 在高阶函数中使用
scala> val list = List(-3,8,7,9)
list: List[Int] = List(-3, 8, 7, 9)
scala> list.filter(_ > 7)
r</div>
</li>
<li><a href="/article/320.htm"
title="web缓存基础：术语、http报头和缓存策略" target="_blank">web缓存基础：术语、http报头和缓存策略</a>
<span class="text-muted">dalan_123</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>对于很多人来说，去访问某一个站点，若是该站点能够提供智能化的内容缓存来提高用户体验，那么最终该站点的访问者将络绎不绝。缓存或者对之前的请求临时存储，是http协议实现中最核心的内容分发策略之一。分发路径中的组件均可以缓存内容来加速后续的请求，这是受控于对该内容所声明的缓存策略。接下来将讨web内容缓存策略的基本概念，具体包括如如何选择缓存策略以保证互联网范围内的缓存能够正确处理的您的内容，并谈论下</div>
</li>
<li><a href="/article/447.htm"
title="crontab 问题" target="_blank">crontab 问题</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/crontab/1.htm">crontab</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a>
<div>
一： 0481-079 Reached a symbol that is not expected.
背景：
*/5 * * * * /usr/IBMIHS/rsync.sh </div>
</li>
<li><a href="/article/574.htm"
title="让tomcat支持2级域名共享session" target="_blank">让tomcat支持2级域名共享session</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/session/1.htm">session</a>
<div>tomcat默认情况下是不支持2级域名共享session的，所有有些情况下登陆后从主域名跳转到子域名会发生链接session不相同的情况，但是只需修改几处配置就可以了。
打开tomcat下conf下context.xml文件
找到Context标签,修改为如下内容
如果你的域名是www.test.com
<Context sessionCookiePath="/path&q</div>
</li>
<li><a href="/article/701.htm"
title="web报表工具FineReport常用函数的用法总结（数学和三角函数）" target="_blank">web报表工具FineReport常用函数的用法总结（数学和三角函数）</a>
<span class="text-muted">老A不折腾</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E6%80%BB%E7%BB%93/1.htm">总结</a>
<div>
ABS
ABS(number):返回指定数字的绝对值。绝对值是指没有正负符号的数值。
Number:需要求出绝对值的任意实数。
示例:
ABS(-1.5)等于1.5。
ABS(0)等于0。
ABS(2.5)等于2.5。
ACOS
ACOS(number):返回指定数值的反余弦值。反余弦值为一个角度，返回角度以弧度形式表示。
Number:需要返回角</div>
</li>
<li><a href="/article/828.htm"
title="linux 启动java进程 sh文件" target="_blank">linux 启动java进程 sh文件</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/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/jar/1.htm">jar</a>
<div>#!/bin/bash
#初始化服务器的进程PId变量
user_pid=0;
robot_pid=0;
loadlort_pid=0;
gateway_pid=0;
#########
#检查相关服务器是否启动成功
#说明：
#使用JDK自带的JPS命令及grep命令组合，准确查找pid
#jps 加 l 参数，表示显示java的完整包路径
#使用awk，分割出pid </div>
</li>
<li><a href="/article/955.htm"
title="我的spring学习笔记5-如何使用ApplicationContext替换BeanFactory" target="_blank">我的spring学习笔记5-如何使用ApplicationContext替换BeanFactory</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Spring+3+%E7%B3%BB%E5%88%97/1.htm">Spring 3 系列</a>
<div>如何使用ApplicationContext替换BeanFactory？
package onlyfun.caterpillar.device;
import org.springframework.beans.factory.BeanFactory;
import org.springframework.beans.factory.xml.XmlBeanFactory;
import</div>
</li>
<li><a href="/article/1082.htm"
title="Linux 内存使用方法详细解析" target="_blank">Linux 内存使用方法详细解析</a>
<span class="text-muted">annan211</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AD%98/1.htm">内存</a><a class="tag" taget="_blank" href="/search/Linux%E5%86%85%E5%AD%98%E8%A7%A3%E6%9E%90/1.htm">Linux内存解析</a>
<div>来源 http://blog.jobbole.com/45748/
我是一名程序员，那么我在这里以一个程序员的角度来讲解Linux内存的使用。
一提到内存管理，我们头脑中闪出的两个概念，就是虚拟内存，与物理内存。这两个概念主要来自于linux内核的支持。
Linux在内存管理上份为两级，一级是线性区，类似于00c73000-00c88000，对应于虚拟内存，它实际上不占用</div>
</li>
<li><a href="/article/1209.htm"
title="数据库的单表查询常用命令及使用方法(-)" target="_blank">数据库的单表查询常用命令及使用方法(-)</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/1.htm">函数</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E8%A1%A8%E6%9F%A5%E8%AF%A2/1.htm">单表查询</a>
<div>
创建数据库;
--建表
create table bloguser(username varchar2(20),userage number(10),usersex char(2));
创建bloguser表,里面有三个字段
&nbs</div>
</li>
<li><a href="/article/1336.htm"
title="多线程基础知识" target="_blank">多线程基础知识</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/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a>
<div>一．进程和线程
进程就是一个在内存中独立运行的程序，有自己的地址空间。如正在运行的写字板程序就是一个进程。
“多任务”：指操作系统能同时运行多个进程（程序）。如WINDOWS系统可以同时运行写字板程序、画图程序、WORD、Eclipse等。
线程：是进程内部单一的一个顺序控制流。
线程和进程
a. 每个进程都有独立的</div>
</li>
<li><a href="/article/1463.htm"
title="fastjson简单使用实例" target="_blank">fastjson简单使用实例</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/fastjson/1.htm">fastjson</a>
<div>一.简介
阿里巴巴fastjson是一个Java语言编写的高性能功能完善的JSON库。它采用一种“假定有序快速匹配”的算法，把JSON Parse的性能提升到极致，是目前Java语言中最快的JSON库；包括“序列化”和“反序列化”两部分，它具备如下特征： </div>
</li>
<li><a href="/article/1590.htm"
title="【RPC框架Burlap】Spring集成Burlap" target="_blank">【RPC框架Burlap】Spring集成Burlap</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>Burlap和Hessian同属于codehaus的RPC调用框架，但是Burlap已经几年不更新，所以Spring在4.0里已经将Burlap的支持置为Deprecated,所以在选择RPC框架时，不应该考虑Burlap了。
这篇文章还是记录下Burlap的用法吧，主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成
</div>
</li>
<li><a href="/article/1717.htm"
title="【Mahout一】基于Mahout 命令参数含义" target="_blank">【Mahout一】基于Mahout 命令参数含义</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Mahout/1.htm">Mahout</a>
<div>1. mahout seqdirectory
$ mahout seqdirectory
--input (-i) input Path to job input directory(原始文本文件).
--output (-o) output The directory pathna</div>
</li>
<li><a href="/article/1844.htm"
title="linux使用flock文件锁解决脚本重复执行问题" target="_blank">linux使用flock文件锁解决脚本重复执行问题</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/linux+lock%E3%80%80%E9%87%8D%E5%A4%8D%E6%89%A7%E8%A1%8C/1.htm">linux lock 重复执行</a>
<div>linux的crontab命令，可以定时执行操作，最小周期是每分钟执行一次。关于crontab实现每秒执行可参考我之前的文章《linux crontab 实现每秒执行》现在有个问题，如果设定了任务每分钟执行一次，但有可能一分钟内任务并没有执行完成，这时系统会再执行任务。导致两个相同的任务在执行。
例如：
<?
//
test
.php </div>
</li>
<li><a href="/article/1971.htm"
title="java-74-数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字" target="_blank">java-74-数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
public class OcuppyMoreThanHalf {
/**
* Q74 数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字
* two solutions:
* 1.O(n)
* see <beauty of coding>--每次删除两个不同的数字，不改变数组的特性
* 2.O(nlogn)
* 排序。中间</div>
</li>
<li><a href="/article/2098.htm"
title="linux 系统相关命令" target="_blank">linux 系统相关命令</a>
<span class="text-muted">candiio</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>系统参数
cat /proc/cpuinfo cpu相关参数
cat /proc/meminfo 内存相关参数
cat /proc/loadavg 负载情况
性能参数
1）top
M：按内存使用排序
P：按CPU占用排序
1：显示各CPU的使用情况
k：kill进程
o：更多排序规则
回车：刷新数据
2）ulimit
ulimit -a：显示本用户的系统限制参</div>
</li>
<li><a href="/article/2225.htm"
title="[经营与资产]保持独立性和稳定性对于软件开发的重要意义" target="_blank">[经营与资产]保持独立性和稳定性对于软件开发的重要意义</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%BC%80%E5%8F%91/1.htm">软件开发</a>
<div>
一个软件的架构从诞生到成熟，中间要经过很多次的修正和改造
如果在这个过程中，外界的其它行业的资本不断的介入这种软件架构的升级过程中
那么软件开发者原有的设计思想和开发路线</div>
</li>
<li><a href="/article/2352.htm"
title="在CentOS5.5上编译OpenJDK6" target="_blank">在CentOS5.5上编译OpenJDK6</a>
<span class="text-muted">Cwind</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/OpenJDK/1.htm">OpenJDK</a>
<div>几番周折终于在自己的CentOS5.5上编译成功了OpenJDK6，将编译过程和遇到的问题作一简要记录，备查。
0. OpenJDK介绍
OpenJDK是Sun（现Oracle）公司发布的基于GPL许可的Java平台的实现。其优点：
1、它的核心代码与同时期Sun（-> Oracle）的产品版基本上是一样的，血统纯正，不用担心性能问题，也基本上没什么兼容性问题；（代码上最主要的差异是</div>
</li>
<li><a href="/article/2479.htm"
title="java乱码问题" target="_blank">java乱码问题</a>
<span class="text-muted">dashuaifu</span>
<a class="tag" taget="_blank" href="/search/java%E4%B9%B1%E7%A0%81%E9%97%AE%E9%A2%98/1.htm">java乱码问题</a><a class="tag" taget="_blank" href="/search/js%E4%B8%AD%E6%96%87%E4%B9%B1%E7%A0%81/1.htm">js中文乱码</a>
<div>swfupload上传文件参数值为中文传递到后台接收中文乱码 在js中用setPostParams（{"tag" : encodeURI( document.getElementByIdx_x("filetag").value，"utf-8")}）;
然后在servlet中String t</div>
</li>
<li><a href="/article/2606.htm"
title="cygwin很多命令显示command not found的解决办法" target="_blank">cygwin很多命令显示command not found的解决办法</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/cygwin/1.htm">cygwin</a>
<div>cygwin很多命令显示command not found的解决办法
修改cygwin.BAT文件如下
@echo off
D:
set CYGWIN=tty notitle glob
set PATH=%PATH%;d:\cygwin\bin;d:\cygwin\sbin;d:\cygwin\usr\bin;d:\cygwin\usr\sbin;d:\cygwin\us</div>
</li>
<li><a href="/article/2733.htm"
title="[介绍]从 Yii 1.1 升级" target="_blank">[介绍]从 Yii 1.1 升级</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a>
<div>2.0 版框架是完全重写的，在 1.1 和 2.0 两个版本之间存在相当多差异。因此从 1.1 版升级并不像小版本间的跨越那么简单，通过本指南你将会了解两个版本间主要的不同之处。
如果你之前没有用过 Yii 1.1，可以跳过本章，直接从"入门篇"开始读起。
请注意，Yii 2.0 引入了很多本章并没有涉及到的新功能。强烈建议你通读整部权威指南来了解所有新特性。这样有可能会发</div>
</li>
<li><a href="/article/2860.htm"
title="Linux SSH免登录配置总结" target="_blank">Linux SSH免登录配置总结</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/ssh-keygen/1.htm">ssh-keygen</a><a class="tag" taget="_blank" href="/search/Linux+SSH%E5%85%8D%E7%99%BB%E5%BD%95%E8%AE%A4%E8%AF%81/1.htm">Linux SSH免登录认证</a><a class="tag" taget="_blank" href="/search/Linux+SSH%E4%BA%92%E4%BF%A1/1.htm">Linux SSH互信</a>
<div>转载请出自出处：http://eksliang.iteye.com/blog/2187265 一、原理
我们使用ssh-keygen在ServerA上生成私钥跟公钥，将生成的公钥拷贝到远程机器ServerB上后,就可以使用ssh命令无需密码登录到另外一台机器ServerB上。
生成公钥与私钥有两种加密方式，第一种是</div>
</li>
<li><a href="/article/2987.htm"
title="手势滑动销毁Activity" target="_blank">手势滑动销毁Activity</a>
<span class="text-muted">gundumw100</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>老是效仿ios，做android的真悲催！
有需求：需要手势滑动销毁一个Activity
怎么办尼？自己写？
不用~，网上先问一下百度。
结果：
http://blog.csdn.net/xiaanming/article/details/20934541
首先将你需要的Activity继承SwipeBackActivity，它会在你的布局根目录新增一层SwipeBackLay</div>
</li>
<li><a href="/article/3114.htm"
title="JavaScript变换表格边框颜色" target="_blank">JavaScript变换表格边框颜色</a>
<span class="text-muted">ini</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>效果查看：http://hovertree.com/texiao/js/2.htm代码如下，保存到HTML文件也可以查看效果：
<html>
<head>
<meta charset="utf-8">
<title>表格边框变换颜色代码-何问起</title>
</head>
<body&</div>
</li>
<li><a href="/article/3241.htm"
title="Kafka Rest : Confluent" target="_blank">Kafka Rest : Confluent</a>
<span class="text-muted">kane_xie</span>
<a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a><a class="tag" taget="_blank" href="/search/REST/1.htm">REST</a><a class="tag" taget="_blank" href="/search/confluent/1.htm">confluent</a>
<div>最近拿到一个kafka rest的需求，但kafka暂时还没有提供rest api（应该是有在开发中，毕竟rest这么火），上网搜了一下，找到一个Confluent Platform，本文简单介绍一下安装。
这里插一句，给大家推荐一个九尾搜索，原名叫谷粉SOSO，不想fanqiang谷歌的可以用这个。以前在外企用谷歌用习惯了，出来之后用度娘搜技术问题，那匹配度简直感人。
环境声明：Ubu</div>
</li>
<li><a href="/article/3368.htm"
title="Calender不是单例" target="_blank">Calender不是单例</a>
<span class="text-muted">men4661273</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/Calender/1.htm">Calender</a>
<div> 在我们使用Calender的时候，使用过Calendar.getInstance()来获取一个日期类的对象，这种方式跟单例的获取方式一样，那么它到底是不是单例呢，如果是单例的话，一个对象修改内容之后，另外一个线程中的数据不久乱套了吗？从试验以及源码中可以得出，Calendar不是单例。
测试：
Calendar c1 = </div>
</li>
<li><a href="/article/3495.htm"
title="线程内存和主内存之间联系" target="_blank">线程内存和主内存之间联系</a>
<span class="text-muted">qifeifei</span>
<a class="tag" taget="_blank" href="/search/java+thread/1.htm">java thread</a>
<div>1， java多线程共享主内存中变量的时候，一共会经过几个阶段，
lock:将主内存中的变量锁定，为一个线程所独占。
unclock:将lock加的锁定解除，此时其它的线程可以有机会访问此变量。
read:将主内存中的变量值读到工作内存当中。
load:将read读取的值保存到工作内存中的变量副本中。
</div>
</li>
<li><a href="/article/3622.htm"
title="schedule和scheduleAtFixedRate" target="_blank">schedule和scheduleAtFixedRate</a>
<span class="text-muted">tangqi609567707</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a><a class="tag" taget="_blank" href="/search/schedule/1.htm">schedule</a>
<div>原文地址：http://blog.csdn.net/weidan1121/article/details/527307
import java.util.Timer;import java.util.TimerTask;import java.util.Date;
/** * @author vincent */public class TimerTest {
</div>
</li>
<li><a href="/article/3749.htm"
title="erlang 部署" target="_blank">erlang 部署</a>
<span class="text-muted">wudixiaotie</span>
<a class="tag" taget="_blank" href="/search/erlang/1.htm">erlang</a>
<div>1.如果在启动节点的时候报这个错 ：
{"init terminating in do_boot",{'cannot load',elf_format,get_files}}
则需要在reltool.config中加入
{app, hipe, [{incl_cond, exclude}]},
2.当generate时，遇到：
ERROR</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> 