czbkzmj

JavaWeb02-HTML篇笔记（一）

1.1 上次课的内容回顾：

HTML:

[mw_shl_code=applescript,true]* HTML的概述：
* HTML：Hyper Text Markup Language.
* HTML就是由一组标签所组成的.
* HTML的字体标签:
* 标签:
* 属性：color,size,face
* HTML的排版标签:
* h标签：标题标签.
* p标签：段落标签.
* b标签：加粗标签.
* i标签：斜体标签.
* u标签：下划线标签.
* br标签：换行.
* hr标签：水平线.
* HTML的图片标签:
* img标签:
* 属性:
* src属性:图片的路径.
* 相对路径: ./ 代表当前目录 ../上一级目录
* width,height,alt.
* HTML的超链接标签:
* a标签:
* 属性：
* href:链接的路径.
* target:链接打开的方式. _self,_blank,_parent
* HTML的列表标签:
　* 无序列表:

:文本区<br style="margin:0px;padding:0px;">* HTML的框架标签:<br style="margin:0px;padding:0px;">* <frameset><br style="margin:0px;padding:0px;">* <frame>[/mw_shl_code]</span> 
  </div> 
  <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;color:rgb(54,54,54);"><span style="margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">1.2 </span><span style="margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">案例一：使用DIV+CSS方式重新布局网站的首页.</span></span><span style="margin:0px;padding:0px;">1.2.1 </span><span style="margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">需求：</span></span></span></span> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">网站首页的设计：采用DIV+CSS的方式完成.</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><a href="http://img.e-com-net.com/image/info8/39de20be5e0448f3b8d33d580e37fbb8.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/39de20be5e0448f3b8d33d580e37fbb8.jpg" width="201" alt="JavaWeb02-HTML篇笔记（一）_第1张图片" style="margin-bottom:0px;padding:0px;max-width:400px;;border:1px solid black;" height="300"></a></span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">之前使用的是表格的布局！！！表格的布局有缺陷！！！</span> 
  </div> 
  <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;color:rgb(54,54,54);"><span style="margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">1.2.2 </span><span style="margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">分析：</span></span><span style="margin:0px;padding:0px;">1.2.2.1 </span><span style="margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">技术分析：</span></span></span></span> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">【HTML的块标签】</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><div></div>                :默认一个div独占一行.</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><span></span>        :默认在同一行.</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">【CSS的概述】</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">Ø 什么是CSS:</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><a href="http://img.e-com-net.com/image/info8/ce00300cd3c24b0aa68488930d00e9ca.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ce00300cd3c24b0aa68488930d00e9ca.jpg" width="300" alt="" style="margin-bottom:0px;padding:0px;max-width:400px;" height="84"></a></span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">* HTML相当于网站的骨架！CSS对骨架进行美化！</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">Ø CSS在那些地方使用：</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">任何网站都会使用CSS去美化页面！！！</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">Ø 如何使用CSS</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">知道CSS的语法.</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">【CSS的基本语法】</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">CSS的基本语法通常包含两个部分：一个是选择器，一个声明.</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">* 选择器{属性:属性值;属性:属性值...}</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><a href="http://img.e-com-net.com/image/info8/e506f212d69a4f24b27bed2586d20411.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/e506f212d69a4f24b27bed2586d20411.jpg" width="300" alt="JavaWeb02-HTML篇笔记（一）_第2张图片" style="margin-bottom:0px;padding:0px;max-width:400px;;border:1px solid black;" height="115"></a></span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">【CSS的引入的方式】</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <pre><code class="language-html">Ø 行内样式：直接在HTML的元素上使用style属性设置CSS.
<h1 style="color:red;font-size:200px ;">标题</h1>

Ø 页面内样式：在HTML的<head>标签中使用<style>标签设置CSS.
                <style>
                        h1{
                                color:blue;
                                font-size: 40px;
                        }
                </style>

Ø 外部样式:单独定一个.css的文件.在HTML中引入该CSS文件.  
<link href="../../css/demo1.css" rel="stylesheet" type="text/css" />
</code></pre> 
   <br> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">【CSS的选择器】</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <pre><code class="language-html">Ø 元素选择器：
div{
        border:1px solid blue;
        width:40px;
        height:45px;
}
Ø ID选择器:
#d1{
        border:2px solid red;
}
Ø 类选择器：
.divClass{
        border:2px solid yellow;
}
【CSS的浮动】
Ø 使用float属性可以完成DIV的浮动.</code></pre> 
   <br> 
   <br> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><a href="http://img.e-com-net.com/image/info8/1eeff72c73f14ae3ba0c55f2a7ff8d57.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/1eeff72c73f14ae3ba0c55f2a7ff8d57.jpg" width="300" alt="JavaWeb02-HTML篇笔记（一）_第3张图片" style="margin-bottom:0px;padding:0px;max-width:400px;;border:1px solid black;" height="132"></a></span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">float属性的取值:</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><a href="http://img.e-com-net.com/image/info8/f0ba8d02fb274b1e848dd4b2e0d86f94.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/f0ba8d02fb274b1e848dd4b2e0d86f94.jpg" width="298" alt="" style="margin-bottom:0px;padding:0px;max-width:400px;" height="58"></a></span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">Ø 清除浮动效果：使用clear属性进行清除:</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><a href="http://img.e-com-net.com/image/info8/0a4438af8e4d4830baaa994696644a62.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/0a4438af8e4d4830baaa994696644a62.jpg" width="296" alt="" style="margin-bottom:0px;padding:0px;max-width:400px;" height="69"></a></span> 
  </div> 
  <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;color:rgb(54,54,54);"><br style="margin:0px;padding:0px;"></span> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">Ø 案例：</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <pre><code class="language-html"><!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <style>
                        .divClass{
                                border:1px solid blue;
                                width:200px;
                                height:220px;
                        }

#d1{
                                float:left;
                        }
                        #d2{
                                float:left;
                        }
                        #d3{
                                float:left;
                        }
                        .clear{
                                clear:both;
                        }
                </style>
        </head>
        <body>
                <div id="d1" class="divClass">DIV1</div>
                <div id="d2" class="divClass">DIV2</div>
                <div id="d3" class="divClass">DIV3</div>
                <div class="clear"></div>
                <div id="d4" class="divClass">DIV4</div>
        </body>
</html></code></pre> 
   <br> 
   <br> 
  </div> 
  <span style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"><span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">1.2.2.2 </span><span style="margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">步骤分析:</span></span></span></span> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">【步骤一】创建一个首页的HTML文件</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">【步骤二】创建一个整体的DIV元素.</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">【步骤三】创建每个部分的DIV元素.</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">【步骤四】为每个部分填充属于自己的那块内容.</span> 
  </div> 
  <span style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"><span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">1.2.3 </span><span style="margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">代码实现:</span></span></span></span> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <pre><code class="language-html">[mw_shl_code=applescript,true]<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<style>
#bodyDiv{
border:1px solid blue;
width:90%;
}

.logoDiv{
border:1px solid blue;
width:33%;
float:left;
height:50px;
}

.clear{
clear:both;
}

#menuDiv{
width:100%;
height:50px;
border:1px solid blue;
background-color: black;
}

#imgDiv{
width:100%;
border:1px solid blue;
}

#menuDiv a{
font-size: 20px;
color: white;
}
.productClass{
width:100%;
border:1px solid blue;
}
.contentClass{
width:100%;
border:1px solid blue;
}
.contentClass font{
font-size: 30px;
color: black;

}
</style>
</head>
<body>

<div id="bodyDiv">

<div>
<div class="logoDiv">
<img src="../img/logo2.png" height="48">
</div>
<div class="logoDiv">
<img src="../img/header.png" height="48">
</div>
<div class="logoDiv">
<a href="">登录</a>
<a href="">注册</a>
<a href="">购物车</a>
</div>
<div class="clear"></div>

</div> 

<div id="menuDiv">
<a href="">首页</a> 
<a href="">电脑办公</a> 
<a href="">手机数码</a> 
<a href="">烟酒糖茶</a> 
</div> 

<div id="imgDiv">
<img src="../img/1.jpg" width="100%">
</div> 

<div class="productClass">

<div class="contentClass">
<font>热门商品</font><img src="../img/title2.jpg">
</div>

<div style="width:100%;border:1px solid blue;">
<div style="width:15%;height: 460px;border:1px solid blue;float:left;">
<img src="../img/big01.jpg" width="100%" height="100%">
</div>

<div style="width:84%;height: 460px;border:1px solid blue;float:left;">
<div>
<div style="border:1px solid blue;width:48%;float:left;height:228px;">
<img src="../img/middle01.jpg" width="100%" height="100%">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
</div>
<div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
</div>
</div>
</div>
</div> 

<div style="width:100%;border:1px solid blue;">
<img src="../img/ad.jpg" width="100%" height="80">
</div> 

<div class="productClass">

<div class="contentClass">
<font>最新商品</font><img src="../img/title2.jpg">
</div>

<div style="width:100%;border:1px solid blue;">
<div style="width:15%;height: 460px;border:1px solid blue;float:left;">
<img src="../img/big01.jpg" width="100%" height="100%">
</div>

<div style="width:84%;height: 460px;border:1px solid blue;float:left;">
<div>
<div style="border:1px solid blue;width:48%;float:left;height:228px;">
<img src="../img/middle01.jpg" width="100%" height="100%">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
</div>
<div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
<div style="border:1px solid blue;width:16%;float:left;height:228px;">
<img src="../img/small03.jpg">
</div>
</div>
</div>
</div>
</div> 

<div style="width:100%;border:1px solid blue;">
<img src="../img/footer.jpg" width="100%">
</div> 

<div style="width:100%;border:1px solid blue;">
<center>

关于我们 联系我们 招贤纳士 法律声明 友情链接 支付方式 配送方式 服务声明 广告声明 <br/>

Copyright © 2005-2016 传智商城 版权所有
</center>
</div> 
</div>
</body>
</html>[/mw_shl_code]</code></pre> 
   <br> 
   <br> 
  </div> 
  <span style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"><span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">1.2.4 </span><span style="margin:0px;padding:0px;"><span style="margin:0px;padding:0px;">总结：</span></span></span></span> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <pre><code class="language-html">【CSS的其他选择器】
[mw_shl_code=applescript,true]Ø 属性选择器：
<style>
input[type="text"]{
background-color: red;
}
</style>

Ø 后代选择器:
div span 查找的是所有div中的所有的span元素.
h1 strong{
color:red;
}
<h1>
This is <strong>very</strong> <strong>very</strong> important.
</h1>

<h1>This is
<strong>very</strong>
<em>really
<strong>very</strong>
</em>
important.
</h1>
Ø 子元素选择器：
div > span找这个div中的第一层级的span元素.
h1 > strong{
color:red;
}
<h1>
This is <strong>very</strong> <strong>very</strong> important.
</h1>

<h1>This is
<strong>very</strong>
<em>really
<strong>very</strong>
</em>
important.
</h1>
Ø 并列选择器:
选择器,选择器{
}[/mw_shl_code]</code></pre> 
   <br> 
   <br> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">【CSS的样式】</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">Ø 背景</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><a href="http://img.e-com-net.com/image/info8/f6f3cbdf29e444758e00da842448b1e1.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/f6f3cbdf29e444758e00da842448b1e1.jpg" width="299" alt="" style="margin-bottom:0px;padding:0px;max-width:400px;" height="79"></a></span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">Ø 文本</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><a href="http://img.e-com-net.com/image/info8/5444d0da307d469884050252341eca2e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/5444d0da307d469884050252341eca2e.jpg" width="300" alt="JavaWeb02-HTML篇笔记（一）_第4张图片" style="margin-bottom:0px;padding:0px;max-width:400px;;border:1px solid black;" height="150"></a></span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">Ø 字体</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><a href="http://img.e-com-net.com/image/info8/785e9dc49af34ce094670785e0ad5c21.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/785e9dc49af34ce094670785e0ad5c21.jpg" width="300" alt="JavaWeb02-HTML篇笔记（一）_第5张图片" style="margin-bottom:0px;padding:0px;max-width:400px;;border:1px solid black;" height="104"></a></span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;">Ø 列表</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(54,54,54);font-family:'Microsoft Yahei', Simsun;font-size:14px;"> 
   <span style="font-family:'微软雅黑';font-size:14px;margin:0px;padding:0px;"><a href="http://img.e-com-net.com/image/info8/ee004cc7e67c4ded8749a5877cc8bdaa.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ee004cc7e67c4ded8749a5877cc8bdaa.jpg" width="299" alt="" style="margin-bottom:0px;padding:0px;max-width:400px;" height="70"></a></span> 
  </div> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="SOHUCS" sid="1176957942868553728"></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">你可能感兴趣的:(JAVA)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1880486223227711488.htm"
                           title="postcss插件-实现vw适配" target="_blank">postcss插件-实现vw适配</a>
                        <span class="text-muted">ordinary90</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%85%A8%E6%A0%88%E5%BC%80%E5%8F%91/1.htm">前端全栈开发</a><a class="tag" taget="_blank" href="/search/VUE/1.htm">VUE</a><a class="tag" taget="_blank" href="/search/postcss/1.htm">postcss</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>
                        <div>PostCSS是一个用JavaScript编写的插件工具，它可以帮助我们对CSS进行模块化、自动化处理和优化。使用PostCSS插件可以扩展CSS的功能，实现更多的特性，其中一个常用的插件就是实现vw适配的插件。vw（ViewportWidth）是CSS3中的一个单位，它表示相对于视口宽度的百分比。使用vw单位可以根据视口的大小，实现自适应布局。在移动端开发中，vw适配可以帮助我们在不同的屏幕尺寸</div>
                    </li>
                    <li><a href="/article/1880480926970998784.htm"
                           title="在RuoYi若依中生成代码并自定义功能" target="_blank">在RuoYi若依中生成代码并自定义功能</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/%E5%90%8E%E7%AB%AF/1.htm">后端</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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
                        <div>目录一、代码生成的三层架构二、页面内容2.1下拉列表2.2自定义表单和表格三、数据传递3.1页面传值给后台3.2后台传值给页面四、业务逻辑4.1减少访问4.2功能：更改序号-逻辑五、数据访问5.1带上@param5.2功能：更改序号-操作六、结语一、代码生成的三层架构使用若依后台系统的代码生成功能，会得到以下结构的项目文件：|--src||--main||--java|||--com|||--or</div>
                    </li>
                    <li><a href="/article/1880473231786307584.htm"
                           title="TypeScript 学习笔记（七）：TypeScript 与后端框架的结合应用" target="_blank">TypeScript 学习笔记（七）：TypeScript 与后端框架的结合应用</a>
                        <span class="text-muted">Evaporator Core</span>
<a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
                        <div>1.引言在前几篇学习笔记中，我们已经探讨了TypeScript的基础知识和在前端框架（如Angular和React）中的应用。本篇将重点介绍TypeScript在后端开发中的应用，特别是如何与Node.js和Express结合使用，以构建强类型、可维护的后端应用。2.TypeScript与Node.jsNode.js是一个基于ChromeV8引擎的JavaScript运行时，广泛用于构建后端应用。</div>
                    </li>
                    <li><a href="/article/1880470962999193600.htm"
                           title="Node.js --- 模板引擎EJS" target="_blank">Node.js --- 模板引擎EJS</a>
                        <span class="text-muted">蒜蓉大猩猩</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%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/express/1.htm">express</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a>
                        <div>1.前言模板引擎是一种工具或库，用于在开发中生成动态内容的HTML页面。它通过将预定义的模板与数据结合，生成最终的输出（如HTML页面、字符串等）。模板引擎广泛应用于前端和后端开发，尤其是在构建动态网站时。2.EJS模板引擎EJS(EmbeddedJavaScriptTemplates)是一种模板引擎，可以帮助我们在HTML页面中嵌入JavaScript代码，用于动态渲染内容。EJS语法简洁且与H</div>
                    </li>
                    <li><a href="/article/1880468064164704256.htm"
                           title="为什么要使用MQ？思维导图 代码示例（java 架构)" target="_blank">为什么要使用MQ？思维导图 代码示例（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%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>使用消息队列（MQ）的主要原因在于它能够提供解耦、异步通信、流量削峰等特性，这些特性对于构建稳定、高效、可扩展的分布式系统至关重要。下面是关于为什么使用MQ的详细解释，包括思维导图建议和Java代码示例。为什么要使用MQ思维导图建议解耦应用程序之间减少直接依赖灵活地添加或移除服务数据库与应用逻辑分离防止数据库过载异步处理提升响应速度用户无需等待长时间操作完成改善用户体验页面加载更快流量削峰处理突发</div>
                    </li>
                    <li><a href="/article/1880467686236942336.htm"
                           title="【多线程】Java中的多线程" target="_blank">【多线程】Java中的多线程</a>
                        <span class="text-muted">ainioayi</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>
                        <div>Java中的多线程1.1Java中的多线程Java程序的进程里有几个线程：主线程，垃圾回收线程(后台线程)等在Java中，当我们启动main函数时其实就是启动了一个JVM的进程，而main函数所在的线程就是这个进程中的一个线程，也称主线程。Java支持多线程，当Java程序执行main方法的时候，就是在执行一个名字叫做main的线程，可以在main方法执行时，开启多个线程A,B,C，多个线程mai</div>
                    </li>
                    <li><a href="/article/1880465543912288256.htm"
                           title="java合并word" target="_blank">java合并word</a>
                        <span class="text-muted">mischen520</span>
<a class="tag" taget="_blank" href="/search/word%E5%90%88%E5%B9%B6/1.htm">word合并</a><a class="tag" taget="_blank" href="/search/java%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/1.htm">java项目实战</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a>
                        <div>最近在做一个需求，主要是将多个word合并输出为一个word，经过调研，代码如下所示：1.导入pom.xmlorg.apache.poipoi-ooxml4.1.22.测试类：packagecom.common.utils;importorg.apache.poi.openxml4j.opc.OPCPackage;importorg.apache.poi.openxml4j.util.ZipSec</div>
                    </li>
                    <li><a href="/article/1880462140867932160.htm"
                           title="Eclipse插件开发二：初识hello word的配置信息" target="_blank">Eclipse插件开发二：初识hello word的配置信息</a>
                        <span class="text-muted">歪桃</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a>
                        <div>在之前的文章中，我们创建了一个例子，现在我们来认识这个例子。Eclipse插件开发一：helloword以下是目录结构，主要有一个java类，一个MANIFEST.MF配置，一个plugin.xml配置1.MANIFEST.MFMANIFEST.MF文件的主要作用是提供插件的元数据，使得Eclipse平台能够正确加载和管理插件。它定义了插件的基本信息、依赖关系和执行环境要求，确保插件在运行时能够找</div>
                    </li>
                    <li><a href="/article/1880455455319322624.htm"
                           title="华为OD 机试3题（通过率60%,80%,75%）" target="_blank">华为OD 机试3题（通过率60%,80%,75%）</a>
                        <span class="text-muted">大巨魔战将</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><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>importjava.util.List;importjava.util.Scanner;importjava.util.*;classPoints{intx;inty;publicPoints(intx,inty){this.x=x;this.y=y;}publicintgetX(){returnx;}publicvoidsetX(intx){this.x=x;}publicintgetY(){</div>
                    </li>
                    <li><a href="/article/1880454194909999104.htm"
                           title="java实现word转html（支持docx及doc文件）" target="_blank">java实现word转html（支持docx及doc文件）</a>
                        <span class="text-muted">WAZYY0619</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/word%E8%BD%AChtml/1.htm">word转html</a><a class="tag" taget="_blank" href="/search/docx%E8%BD%AChtml/1.htm">docx转html</a><a class="tag" taget="_blank" href="/search/doc%E8%BD%AChtml/1.htm">doc转html</a>
                        <div>privatefinalstaticStringtempPath="C:\\Users\\xxx\\Desktop\\Word2Html\\src\\test\\";//图片及相关文件保存的路径publicstaticvoidmain(Stringargv[]){try{JFileChooserfileChooser=newJFileChooser();fileChooser.setDialogT</div>
                    </li>
                    <li><a href="/article/1880450542535241728.htm"
                           title="【2025最新计算机毕业设计】基于SSM的旅游与自然保护平台【提供源码+答辩PPT+文档+项目部署】" target="_blank">【2025最新计算机毕业设计】基于SSM的旅游与自然保护平台【提供源码+答辩PPT+文档+项目部署】</a>
                        <span class="text-muted">万码堂源码</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E6%AF%95%E8%AE%BE%E7%B2%BE%E5%93%81%E5%AE%9E%E6%88%98%E6%A1%88%E4%BE%8B/1.htm">计算机毕设精品实战案例</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE%E6%BA%90%E7%A0%81/1.htm">实战项目源码</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">计算机毕业设计</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E8%AE%BE%E9%A1%B9%E7%9B%AE/1.htm">毕设项目</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a>
                        <div>作者简介：✌CSDN新星计划导师、Java领域优质创作者、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流。✌主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开发、物联网设计与开发设计、简历模板、学习资料、面试题库、技术互助、就业指导等。业务范围：免费功能设计、开题报告、任务书</div>
                    </li>
                    <li><a href="/article/1880450416257331200.htm"
                           title="【源码+文档】基于SpringBoot+Vue旅游网站系统【提供源码+答辩PPT+参考文档+项目部署】" target="_blank">【源码+文档】基于SpringBoot+Vue旅游网站系统【提供源码+答辩PPT+参考文档+项目部署】</a>
                        <span class="text-muted">万码堂源码</span>
<a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE%E6%BA%90%E7%A0%81/1.htm">实战项目源码</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E6%AF%95%E8%AE%BE%E7%B2%BE%E5%93%81%E5%AE%9E%E6%88%98%E6%A1%88%E4%BE%8B/1.htm">计算机毕设精品实战案例</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a>
                        <div>作者简介：✌CSDN新星计划导师、Java领域优质创作者、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流。✌主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开发、物联网设计与开发设计、简历模板、学习资料、面试题库、技术互助、就业指导等。业务范围：免费功能设计、开题报告、任务书</div>
                    </li>
                    <li><a href="/article/1880449912441729024.htm"
                           title="2019-Android-高级面试题总结-从java语言到AIDL使用与原理" target="_blank">2019-Android-高级面试题总结-从java语言到AIDL使用与原理</a>
                        <span class="text-muted">2401_89790831</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><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>4.通过线程池线程池的工作原理：线程池可以减少创建和销毁线程的次数，从而减少系统资源的消耗，当一个任务提交到线程池时a.首先判断核心线程池中的线程是否已经满了，如果没满，则创建一个核心线程执行任务，否则进入下一步b.判断工作队列是否已满，没有满则加入工作队列，否则执行下一步c.判断线程数是否达到了最大值，如果不是，则创建非核心线程执行任务，否则执行饱和策略，默认抛出异常###说下handler原理</div>
                    </li>
                    <li><a href="/article/1880446634412797952.htm"
                           title="大数据-257 离线数仓 - 数据质量监控 监控方法 Griffin架构" target="_blank">大数据-257 离线数仓 - 数据质量监控 监控方法 Griffin架构</a>
                        <span class="text-muted">武子康</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E7%A6%BB%E7%BA%BF%E6%95%B0%E4%BB%93/1.htm">离线数仓</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E4%BB%93%E5%BA%93/1.htm">数据仓库</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
                        <div>点一下关注吧！！！非常感谢！！持续更新！！！Java篇开始了！目前开始更新MyBatis，一起深入浅出！目前已经更新到了：Hadoop（已更完）HDFS（已更完）MapReduce（已更完）Hive（已更完）Flume（已更完）Sqoop（已更完）Zookeeper（已更完）HBase（已更完）Redis（已更完）Kafka（已更完）Spark（已更完）Flink（已更完）ClickHouse（已</div>
                    </li>
                    <li><a href="/article/1880442727531868160.htm"
                           title="什么是原型，有什么用？" target="_blank">什么是原型，有什么用？</a>
                        <span class="text-muted">神明木佑</span>
<a class="tag" taget="_blank" href="/search/%E5%8E%9F%E5%9E%8B%E6%A8%A1%E5%BC%8F/1.htm">原型模式</a>
                        <div>在JavaScript中，每个对象都有一个原型（prototype），原型也是一个对象。对象可以从它的原型中继承属性和方法。原型是JavaScript实现继承的基础，它构成了JavaScript中对象之间的链式关系。什么是原型？在JavaScript中，每个对象（除了null）都有一个原型。可以通过`__proto__`属性来访问一个对象的原型。原型本身也是一个对象，它可能拥有自己的原型，这样就形</div>
                    </li>
                    <li><a href="/article/1880442475051544576.htm"
                           title="【JavaScript】事件监听：触摸事件" target="_blank">【JavaScript】事件监听：触摸事件</a>
                        <span class="text-muted">神明木佑</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/microsoft/1.htm">microsoft</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>JavaScript触摸事件是通过浏览器提供的TouchAPI来实现的。当用户在触摸屏设备上进行交互时，浏览器会捕捉到触摸事件，并将其传递给相应的JavaScript事件处理器。需要注意的是，触摸事件在不同的设备和浏览器上可能有差异，因此在使用触摸事件时应该进行兼容性测试，并根据需要进行适当的兼容性处理。此外，触摸事件通常与其他事件（如点击事件、滚动事件等）结合使用，以实现更复杂的交互效果。一、t</div>
                    </li>
                    <li><a href="/article/1880440958689013760.htm"
                           title="CAS操作的底层原理（总线锁定机制和缓存锁定机制 ）" target="_blank">CAS操作的底层原理（总线锁定机制和缓存锁定机制 ）</a>
                        <span class="text-muted">xweiran</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/CAS/1.htm">CAS</a><a class="tag" taget="_blank" href="/search/%E5%A4%84%E7%90%86%E5%99%A8/1.htm">处理器</a><a class="tag" taget="_blank" href="/search/%E6%80%BB%E7%BA%BF%E9%94%81%E5%AE%9A/1.htm">总线锁定</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98%E9%94%81%E5%AE%9A/1.htm">缓存锁定</a>
                        <div>目录处理器级别的实现总线锁定机制缓存锁定机制MSEI表示缓存行的四种状态MESI协议状态转换CAS操作是不保证可见性的CAS基本概念ABA问题的处理性能考虑先总结一下，CAS（CompareAndSwap）是一种原子操作，它比较当前内存值与期望值，如果相等则更新为新值，CAS是一种硬件级的原子操作，通过总线锁或缓存锁实现原子性，在使用缓存锁的时候缓存一致性协议保证数据一致性。而Java通过nati</div>
                    </li>
                    <li><a href="/article/1880438055127543808.htm"
                           title="Oracle从入门到精通" target="_blank">Oracle从入门到精通</a>
                        <span class="text-muted">布朗克168</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Oracle%E5%AD%A6%E4%B9%A0/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/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</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/oracle/1.htm">oracle</a>
                        <div>文章目录一、Oracle基础认知二、安装与配置（一）下载与准备（二）安装步骤（三）基本操作三、数据库查询与管理（一）查询数据（二）备份与恢复四、高级功能探索（一）数据库优化（二）存储过程与触发器五、Java与Oracle集成（一）连接Oracle数据库（二）使用JPA六、进阶学习（一）分页（二）视图（三）存储过程（四）约束（五）序列（六）同义词（七）索引一、Oracle基础认知Oracle数据库是</div>
                    </li>
                    <li><a href="/article/1880430743788777472.htm"
                           title="pyspark 中删除hdfs的文件夹" target="_blank">pyspark 中删除hdfs的文件夹</a>
                        <span class="text-muted">TDengine （老段）</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hdfs/1.htm">hdfs</a><a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a>
                        <div>在pyspark中保存rdd的内存到文件的时候，会遇到文件夹已经存在而失败，所以如果文件夹已经存在，需要先删除。搜索了下资料，发现pyspark并没有提供直接管理hdfs文件系统的功能。寻找到一个删除的方法，是通过调用shell命令hadoopfs-rm-f来删除，这个方法感觉不怎么好，所以继续找。后来通过查找hadoophdfs的源代码发现hdfs是通过java的包org.appache.had</div>
                    </li>
                    <li><a href="/article/1880428729457504256.htm"
                           title="基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署" target="_blank">基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7</div>
                    </li>
                    <li><a href="/article/1880427847491842048.htm"
                           title="Java连接TDengine和MySQL双数据源" target="_blank">Java连接TDengine和MySQL双数据源</a>
                        <span class="text-muted">NUZGNAW</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tdengine/1.htm">tdengine</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                        <div>git文件地址：项目首页-SpringBoot连接TDengine和MySQL双数据源:SpringBoot连接TDengine和MySQL双数据源-GitCode1、yml配置spring:datasource:druid:mysql:driver-class-name:com.mysql.cj.jdbc.Driverurl:jdbc:mysql://localhost:3306/testuse</div>
                    </li>
                    <li><a href="/article/1880427721171988480.htm"
                           title="理解 Base64 编码原理及其 JavaScript 实现" target="_blank">理解 Base64 编码原理及其 JavaScript 实现</a>
                        <span class="text-muted">red润</span>
<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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>理解Base64编码原理及其JavaScript实现下一篇博客在JavaScript中处理中文字符串的Base64编码与解码注意：这里没有处理中文base64编码情况什么是Base64编码？Base64编码是一种将二进制数据转换为可打印字符的编码方式。它将每三个字节（24位）的二进制数据转换为四个字符，每个字符由64个字符集合中的一个表示。这使得数据可以通过文本协议传输（如电子邮件、HTTP请求等</div>
                    </li>
                    <li><a href="/article/1880426207728693248.htm"
                           title="java 快速生成javaBean类" target="_blank">java 快速生成javaBean类</a>
                        <span class="text-muted">angen2018</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>
                        <div>packagecom.angen.util;importjava.io.FileWriter;importjava.io.IOException;importjava.sql.*;importjava.util.ArrayList;importjava.util.List;/***@description:PojoUtil*@date:2022/7/20*/publicclassPojoUtil{</div>
                    </li>
                    <li><a href="/article/1880419905761767424.htm"
                           title="JUC 三大辅助类: CountDownLatch CyclicBarrier Semaphore" target="_blank">JUC 三大辅助类: CountDownLatch CyclicBarrier Semaphore</a>
                        <span class="text-muted">難釋懷</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>在并发编程中，线程间的协调是一个常见的挑战。Java并发包java.util.concurrent提供了多种工具来帮助开发者解决这一问题。其中，CountDownLatch、CyclicBarrier和Semaphore是三个非常有用的同步辅助类，它们各自具有独特的功能和适用场景。本文将详细介绍这三个类的工作原理，并通过实际案例演示如何在项目中应用它们。CountDownLatch概述定义与用途C</div>
                    </li>
                    <li><a href="/article/1880419527322300416.htm"
                           title="【学术会议论文投稿】Spring Boot实战：零基础打造你的Web应用新纪元" target="_blank">【学术会议论文投稿】Spring Boot实战：零基础打造你的Web应用新纪元</a>
                        <span class="text-muted">m0_54804970</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
                        <div>第七届人文教育与社会科学国际学术会议（ICHESS2024）_艾思科蓝_学术一站式服务平台更多学术会议请看：https://ais.cn/u/nuyAF3目录一、SpringBoot简介1.1SpringBoot的诞生背景1.2SpringBoot的核心特性二、搭建开发环境2.1安装Java环境2.2安装IDE2.3安装Maven或Gradle三、创建SpringBoot项目3.1使用Spring</div>
                    </li>
                    <li><a href="/article/1880413974210605056.htm"
                           title="java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署" target="_blank">java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署</a>
                        <span class="text-muted">静静学姐</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AE%A0%E7%89%A9/1.htm">宠物</a>
                        <div>java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址</div>
                    </li>
                    <li><a href="/article/1880411955685027840.htm"
                           title="Go语言之路————func" target="_blank">Go语言之路————func</a>
                        <span class="text-muted">一颗知足的心</span>
<a class="tag" taget="_blank" href="/search/golang/1.htm">golang</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>Go语言之路————func前言1.最基本的方法定义2.方法中参数的传递3.方法中的返回值4.匿名方法5.闭包的概念6.defer关键词前言我是一名多年Java开发人员，因为工作需要现在要学习go语言，Go语言之路是一个系列，记录着我从0开始接触Go，到后面能正常完成工作上的业务开发的过程，如果你也是个小白或者转Go语言的，希望我这篇文章对你有所帮助。有关go其他基础的内容的文章大家可以查看我的主</div>
                    </li>
                    <li><a href="/article/1880411956238675968.htm"
                           title="Go语言之路————条件控制：if、for、switch" target="_blank">Go语言之路————条件控制：if、for、switch</a>
                        <span class="text-muted">一颗知足的心</span>
<a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>Go语言之路————if、for、switch前言ifforswitchgoto和label前言我是一名多年Java开发人员，因为工作需要现在要学习go语言，Go语言之路是一个系列，记录着我从0开始接触Go，到后面能正常完成工作上的业务开发的过程，如果你也是个小白或者转Go语言的，希望我这篇文章对你有所帮助。有关go其他基础的内容的文章大家可以查看我的主页，接下来主要就是把这个系列更完，更完之后我</div>
                    </li>
                    <li><a href="/article/1880410191166500864.htm"
                           title="Java 高并发，什么方式解决？高并发和大流量解决方案" target="_blank">Java 高并发，什么方式解决？高并发和大流量解决方案</a>
                        <span class="text-muted">IT茶馆技术斋</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">高并发</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%B5%81%E9%87%8F%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/1.htm">大流量解决方案</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a>
                        <div>对于我们所研发的网站，若网站的访问量非常大，那么我们必须考虑相关的并发访问问题，而并发问题是绝大部分的程序员头疼的问题。本Chat带你领略一下相关概念和解决方案：概念类：什么是QPS、PV、UV、QPS不等于并发连接数？大中小三种类型网站的QPS一般是多少？具体解决方案：数据库层面、Web负载层面、IPHash策略、Nginx负载均衡策略......第一章哪些必须掌握的常用概念1.1什么是QPS？</div>
                    </li>
                    <li><a href="/article/1880407163382329344.htm"
                           title="每日 Java 面试题分享【第 4 天】" target="_blank">每日 Java 面试题分享【第 4 天】</a>
                        <span class="text-muted">fly spider</span>
<a class="tag" taget="_blank" href="/search/%E3%80%902025%E6%9C%80%E6%96%B0%E7%89%88%E3%80%91Java/1.htm">【2025最新版】Java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%AE%9D%E5%85%B8-%E6%97%A5%E6%9B%B4/1.htm">面试宝典-日更</a><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>欢迎来到每日Java面试题分享栏目！订阅专栏，不错过每一天的练习今日分享3道面试题目！评论区复述一遍印象更深刻噢~目录问题一：什么是Java内部类？它有什么作用？问题二：JDK8有哪些新特性？问题三：Java中String、StringBuffer和StringBuilder的区别是什么？问题一：什么是Java内部类？它有什么作用？满分回答在Java中，内部类（InnerClass）是定义在另一个</div>
                    </li>
                                <li><a href="/article/113.htm"
                                       title="windows下源码安装golang" target="_blank">windows下源码安装golang</a>
                                    <span class="text-muted">616050468</span>
<a class="tag" taget="_blank" href="/search/golang%E5%AE%89%E8%A3%85/1.htm">golang安装</a><a class="tag" taget="_blank" href="/search/golang%E7%8E%AF%E5%A2%83/1.htm">golang环境</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a>
                                    <div>         系统： 64位win7， 开发环境：sublime text 2，  go版本： 1.4.1 
  
 1.  安装前准备(gcc, gdb, git) 
       golang在64位系</div>
                                </li>
                                <li><a href="/article/240.htm"
                                       title="redis批量删除带空格的key" target="_blank">redis批量删除带空格的key</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
                                    <div>redis批量删除的通常做法： 
 
 
redis-cli keys "blacklist*" | xargs redis-cli del 
 
上面的命令在key的前后没有空格时是可以的，但有空格就不行了：

$redis-cli keys "blacklist*"
1) "blacklist:12: 361942420@qq.com</div>
                                </li>
                                <li><a href="/article/367.htm"
                                       title="oracle正则表达式的用法" target="_blank">oracle正则表达式的用法</a>
                                    <span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a>
                                    <div>  方括号表达示 
方括号表达式 
描述 
[[:alnum:]] 
字母和数字混合的字符 
[[:alpha:]] 
字母字符 
[[:cntrl:]] 
控制字符 
[[:digit:]] 
数字字符 
[[:graph:]] 
图像字符 
[[:lower:]] 
小写字母字符 
[[:print:]] 
打印字符 
[[:punct：]] 
标点符号字符 
[[:space:]]</div>
                                </li>
                                <li><a href="/article/494.htm"
                                       title="2048源码(核心算法有，缺少几个anctionbar，以后补上)" target="_blank">2048源码(核心算法有，缺少几个anctionbar，以后补上)</a>
                                    <span class="text-muted">不懂事的小屁孩</span>
<a class="tag" taget="_blank" href="/search/2048/1.htm">2048</a>
                                    <div>2048游戏基本上有四部分组成， 
1：主activity，包含游戏块的16个方格，上面统计分数的模块 
2：底下的gridview，监听上下左右的滑动，进行事件处理， 
3：每一个卡片，里面的内容很简单，只有一个text，记录显示的数字 
4：Actionbar，是游戏用重新开始，设置等功能(这个在底下可以下载的代码里面还没有实现) 
 
写代码的流程 
1：设计游戏的布局，基本是两块，上面是分</div>
                                </li>
                                <li><a href="/article/621.htm"
                                       title="jquery内部链式调用机理" target="_blank">jquery内部链式调用机理</a>
                                    <span class="text-muted">换个号韩国红果果</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>
                                    <div>只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象（通过this  因为一旦一个函数称为一个对象方法的话那么在这个方法内部this（结合下面的setStyles）指向这个对象）

function  create(type){
var element=document.createElement(type);
    //this=element;
</div>
                                </li>
                                <li><a href="/article/748.htm"
                                       title="你订酒店时的每一次点击 背后都是NoSQL和云计算" target="_blank">你订酒店时的每一次点击 背后都是NoSQL和云计算</a>
                                    <span class="text-muted">蓝儿唯美</span>
<a class="tag" taget="_blank" href="/search/NoSQL/1.htm">NoSQL</a>
                                    <div>全球最大的在线旅游公司Expedia旗下的酒店预订公司，它运营着89个网站，跨越68个国家，三年前开始实验公有云，以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。 
云端本身是用于驱动网站的部分小功能的，如搜索框的自动推荐功能，还能保证处理Hotels.com服务的季节性需求高峰整体储能。 
Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou</div>
                                </li>
                                <li><a href="/article/875.htm"
                                       title="java笔记1" target="_blank">java笔记1</a>
                                    <span class="text-muted">a-john</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>1，面向对象程序设计（Object-oriented Propramming，OOP）：java就是一种面向对象程序设计。 
2，对象：我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说，对象是某个类型的实例。比如狗是一个类型，哈士奇可以是狗的一个实例，也就是对象。 
3，面向对象程序设计方式的特性： 
    3.1 万物皆为对象。 
   </div>
                                </li>
                                <li><a href="/article/1002.htm"
                                       title="C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点（一）" target="_blank">C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点（一）</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/C%2FC%2B%2B%E6%B1%82%E8%81%8C%E9%9D%A2%E8%AF%95%E5%BF%85%E5%A4%87%E8%80%83%E7%82%B9/1.htm">C/C++求职面试必备考点</a>
                                    <div>        找工作在即，以后决定每天至少写一个知识点，主要是记录，逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益，后学幸运之至也。如有错误，还希望大家帮忙指出来。感激不尽。 
       后学保证每个写出来的结果都是自己在电脑上亲自跑过的，咱人笨，以前学的也半吊子。很多时候只能靠运行出来的结果再反过来</div>
                                </li>
                                <li><a href="/article/1129.htm"
                                       title="程序员写代码时就不要管需求了吗？" target="_blank">程序员写代码时就不要管需求了吗？</a>
                                    <span class="text-muted">asia007</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E4%B8%8D%E8%83%BD%E4%B8%80%E5%91%B3%E8%B7%9F%E9%9C%80%E6%B1%82%E8%B5%B0/1.htm">程序员不能一味跟需求走</a>
                                    <div>      编程也有2年了，刚开始不懂的什么都跟需求走，需求是怎样就用代码实现就行，也不管这个需求是否合理，是否为较好的用户体验。当然刚开始编程都会这样，但是如果有了2年以上的工作经验的程序员只知道一味写代码，而不在写的过程中思考一下这个需求是否合理，那么，我想这个程序员就只能一辈写敲敲代码了。 
      我的技术不是很好，但是就不代</div>
                                </li>
                                <li><a href="/article/1256.htm"
                                       title="Activity的四种启动模式" target="_blank">Activity的四种启动模式</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E6%A0%88%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">栈模式启动</a><a class="tag" taget="_blank" href="/search/Activity%E7%9A%84%E6%A0%87%E5%87%86%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">Activity的标准模式启动</a><a class="tag" taget="_blank" href="/search/%E6%A0%88%E9%A1%B6%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">栈顶模式启动</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">单例模式启动</a>
                                    <div>android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ; 
  
启动模式xml中配置 
    <activity android:name=".MainActivity" android:launchMode="standard&quo</div>
                                </li>
                                <li><a href="/article/1383.htm"
                                       title="Spring中@Autowired标签与@Resource标签的区别" target="_blank">Spring中@Autowired标签与@Resource标签的区别</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/%40Resource/1.htm">@Resource</a><a class="tag" taget="_blank" href="/search/%40Autowired/1.htm">@Autowired</a><a class="tag" taget="_blank" href="/search/%40Qualifier/1.htm">@Qualifier</a>
                                    <div>Spring不但支持自己定义的@Autowired注解，还支持由JSR-250规范定义的几个注解，如：@Resource、 @PostConstruct及@PreDestroy。 
  
1. @Autowired    @Autowired是Spring 提供的，需导入    Package:org.springframewo</div>
                                </li>
                                <li><a href="/article/1510.htm"
                                       title="Changes Between SOAP 1.1 and SOAP 1.2" target="_blank">Changes Between SOAP 1.1 and SOAP 1.2</a>
                                    <span class="text-muted">sunjing</span>
<a class="tag" taget="_blank" href="/search/Changes/1.htm">Changes</a><a class="tag" taget="_blank" href="/search/Enable/1.htm">Enable</a><a class="tag" taget="_blank" href="/search/SOAP+1.1/1.htm">SOAP 1.1</a><a class="tag" taget="_blank" href="/search/SOAP+1.2/1.htm">SOAP 1.2</a>
                                    <div>JAX-WS 
SOAP Version 1.2 Part 0: Primer (Second Edition) 
SOAP Version 1.2 Part 1: Messaging Framework (Second Edition) 
SOAP Version 1.2 Part 2: Adjuncts (Second Edition) 
  
Which style of WSDL</div>
                                </li>
                                <li><a href="/article/1637.htm"
                                       title="【Hadoop二】Hadoop常用命令" target="_blank">【Hadoop二】Hadoop常用命令</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a>
                                    <div>以Hadoop运行Hadoop自带的wordcount为例， 
  
hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop，需要说明的是，这些命令的使用必须在Hadoop已经运行的情况下才能执行 
  Hadoop HDFS相关命令 
 
  hadoop fs -ls 
 
 列出HDFS文件系统的第一级文件和第一级</div>
                                </li>
                                <li><a href="/article/1764.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/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a>
                                    <div>从学习到现在从事java开发一年多了，个人觉得对java只了解皮毛，很多东西都是用到再去慢慢学习，编程真的是一项艺术，要完成一段好的代码，需要懂得很多。 
最近项目经理让我负责一个组件开发，框架都由自己搭建，最让我头疼的是异常处理，我看了一些网上的源码，发现他们对异常的处理不是很重视，研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码，通过他们对异常处理的解决方案，我终</div>
                                </li>
                                <li><a href="/article/1891.htm"
                                       title="记录整理-工作问题" target="_blank">记录整理-工作问题</a>
                                    <span class="text-muted">braveCS</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
                                    <div>1）那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。 
2）今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题，以后要是写更大的文件还是得改内存。想问题要长远啊</div>
                                </li>
                                <li><a href="/article/2018.htm"
                                       title="org.apache.tools.zip实现文件的压缩和解压，支持中文" target="_blank">org.apache.tools.zip实现文件的压缩和解压，支持中文</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a>
                                    <div>刚开始用java.util.Zip，发现不支持中文（网上有修改的方法，但比较麻烦） 
后改用org.apache.tools.zip 
org.apache.tools.zip的使用网上有更简单的例子 
下面的程序根据实际需求，实现了压缩指定目录下指定文件的方法

import java.io.BufferedReader;
import java.io.BufferedWrit</div>
                                </li>
                                <li><a href="/article/2145.htm"
                                       title="读书笔记-4" target="_blank">读书笔记-4</a>
                                    <span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a>
                                    <div>1、JSTL 核心标签库标签 
2、避免SQL注入 
3、字符串逆转方法 
4、字符串比较compareTo 
5、字符串替换replace 
6、分拆字符串 
 
 
1、JSTL 核心标签库标签共有13个，
学习资料：http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html
功能上分为4类：
(1)表达式控制标签：out</div>
                                </li>
                                <li><a href="/article/2272.htm"
                                       title="[物理与电子]半导体教材的一个小问题" target="_blank">[物理与电子]半导体教材的一个小问题</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E9%97%AE%E9%A2%98/1.htm">问题</a>
                                    <div> 
 
      各种模拟电子和数字电子教材中都有这个词汇-空穴 
 
      书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴 
 
      我现在回过头翻大学时候的教材,觉得这个</div>
                                </li>
                                <li><a href="/article/2399.htm"
                                       title="Flashback Database --闪回数据库" target="_blank">Flashback Database --闪回数据库</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E9%97%AA%E5%9B%9E%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">闪回数据库</a>
                                    <div>Flashback 技术是以Undo segment中的内容为基础的， 因此受限于UNDO_RETENTON参数。要使用flashback 的特性，必须启用自动撤销管理表空间。 
在Oracle 10g中， Flash back家族分为以下成员： Flashback Database， Flashback Drop，Flashback Query(分Flashback Query,Flashbac</div>
                                </li>
                                <li><a href="/article/2526.htm"
                                       title="简单排序:插入排序" target="_blank">简单排序:插入排序</a>
                                    <span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E6%8F%92%E5%85%A5%E6%8E%92%E5%BA%8F/1.htm">插入排序</a>
                                    <div>
    public void insertSort(int[] array){
        int temp;
        
        for(int i=1;i<array.length;i++){
            temp = array[i];
            
            for(int k=i-1;k>=0;k--)</div>
                                </li>
                                <li><a href="/article/2653.htm"
                                       title="C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容" target="_blank">C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
                                    <div># include <stdio.h>

int main(void)
{
	int * p; //等价于 int *p 也等价于 int* p;
	int i = 5;
	char ch = 'A';

//p = 5;	//error
	//p = &ch;	//error
	//p = ch;	//error

p = &i;		// </div>
                                </li>
                                <li><a href="/article/2780.htm"
                                       title="centos下php redis扩展的安装配置3种方法" target="_blank">centos下php redis扩展的安装配置3种方法</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
                                    <div>方法一 
1.下载php redis扩展包     代码如下 复制代码    
#wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz     
2 tar -zxvf 解压压缩包，cd /扩展包 （进入扩展包然后 运行phpize 一下是我环境中phpize的目录，/usr/local/php/bin/phpize (一定要</div>
                                </li>
                                <li><a href="/article/2907.htm"
                                       title="线程池(Executors)" target="_blank">线程池(Executors)</a>
                                    <span class="text-muted">shuizhaosi888</span>
<a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E6%B1%A0/1.htm">线程池</a>
                                    <div>在java类库中，任务执行的主要抽象不是Thread，而是Executor，将任务的提交过程和执行过程解耦 
	public interface Executor {

void execute(Runnable command);
	}
 
  
public class RunMain implements Executor{

@Override
	pub</div>
                                </li>
                                <li><a href="/article/3034.htm"
                                       title="openstack 快速安装笔记" target="_blank">openstack 快速安装笔记</a>
                                    <span class="text-muted">haoningabc</span>
<a class="tag" taget="_blank" href="/search/openstack/1.htm">openstack</a>
                                    <div>前提是要配置好yum源 
版本icehouse，操作系统redhat6.5 
最简化安装，不要cinder和swift 
三个节点 
172 control节点keystone glance horizon 
173 compute节点nova 
173 network节点neutron

control
/etc/sysctl.conf

net.ipv4.ip_forward =</div>
                                </li>
                                <li><a href="/article/3161.htm"
                                       title="从c面向对象的实现理解c++的对象（二）" target="_blank">从c面向对象的实现理解c++的对象（二）</a>
                                    <span class="text-muted">jimmee</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">面向对象</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E5%87%BD%E6%95%B0/1.htm">虚函数</a>
                                    <div>1. 类就可以看作一个struct，类的方法，可以理解为通过函数指针的方式实现的，类对象分配内存时，只分配成员变量的，函数指针并不需要分配额外的内存保存地址。 
2. c++中类的构造函数，就是进行内存分配(malloc)，调用构造函数 
3. c++中类的析构函数，就时回收内存(free) 
4. c++是基于栈和全局数据分配内存的，如果是一个方法内创建的对象，就直接在栈上分配内存了。 
专门在</div>
                                </li>
                                <li><a href="/article/3288.htm"
                                       title="如何让那个一个div可以拖动" target="_blank">如何让那个一个div可以拖动</a>
                                    <span class="text-muted">lingfeng520240</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</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</div>
                                </li>
                                <li><a href="/article/3415.htm"
                                       title="第10章 高级事件（中）" target="_blank">第10章 高级事件（中）</a>
                                    <span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%8B%E4%BB%B6/1.htm">事件</a>
                                    <div>index.html 
<!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/</div>
                                </li>
                                <li><a href="/article/3542.htm"
                                       title="计算两个经纬度之间的距离" target="_blank">计算两个经纬度之间的距离</a>
                                    <span class="text-muted">roadrunners</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97/1.htm">计算</a><a class="tag" taget="_blank" href="/search/%E7%BA%AC%E5%BA%A6/1.htm">纬度</a><a class="tag" taget="_blank" href="/search/LBS/1.htm">LBS</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E5%BA%A6/1.htm">经度</a><a class="tag" taget="_blank" href="/search/%E8%B7%9D%E7%A6%BB/1.htm">距离</a>
                                    <div>要解决这个问题的时候，到网上查了很多方案，最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。 
	/**
	 * 
	 * @param longitudeA
	 *            经度A点
	 * @param latitudeA
	 *            纬度A点
	 * @param longitudeB
	 *    </div>
                                </li>
                                <li><a href="/article/3669.htm"
                                       title="最具争议的10个Java话题" target="_blank">最具争议的10个Java话题</a>
                                    <span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>1、Java8已经到来。什么！？ Java8 支持lambda。哇哦，RIP Scala！   　　随着Java8 的发布，出现很多关于新发布的Java8是否有潜力干掉Scala的争论，最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围，但Java并非是函数式编程王位的真正觊觎者。   　 
　2、Java 9 即将到来   　　 
Oracle早在8月份就发布</div>
                                </li>
                                <li><a href="/article/3796.htm"
                                       title="zoj 3826 Hierarchical Notation(模拟)" target="_blank">zoj 3826 Hierarchical Notation(模拟)</a>
                                    <span class="text-muted">阿尔萨斯</span>
<a class="tag" taget="_blank" href="/search/rar/1.htm">rar</a>
                                    <div> 题目链接：zoj 3826 Hierarchical Notation 
 题目大意：给定一些结构体，结构体有value值和key值，Q次询问，输出每个key值对应的value值。 
 解题思路：思路很简单，写个类词法的递归函数，每次将key值映射成一个hash值，用map映射每个key的value起始终止位置，预处理完了查询就很简单了。 这题是最后10分钟出的，因为没有考虑value为{}的情</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>