html和css关系
- HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
- CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
- JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
HTML文件
//根标签
... //头部标签，头部元素有、<script>、 <style>、<link>、 <meta>等标签
<body>...</body> //内容是网页的主要内
</html></code></pre>
<h3>HTML标签 一</h3>
<pre class="has"><code><p>段落文本</p>
<hx>标题文本</hx> (x为1-6)//<h1>是最高的等级。
<em>表示强调，<strong> 表示更强烈的强调
<span>标签是没有语义的，它的作用就是为了设置单独的样式用的
<q>引用文本</q> //默认样式双引号,语义：引用别人的话
<blockquote>引用文本</blockquote> //对长文本的引用,缩进样式
<br/>换行标签
<hr/>分割线标签
(;分号必不可少)空格
<address>地址信息</address> //显示的样式为斜体
<code>单行代码语言</code>
<pre>多行代码语言</pre> //预格式化的文本</code></pre>
<h3>HTML标签二</h3>
<pre class="has"><code>无序列表，每项li前都自带一个圆点
<ul>
<li>信息</li>
<li>信息</li>
......
</ul>
有序列表，每项<li>前都自带一个序号，序号默认从1开
<ol>
<li>信息</li>
<li>信息</li>
......
</ol>
容器标签
<div>…</div>
表格
<table>…</table>：整个表格
<tbody>…</tbody>：（这个标签基本上不怎么用了）
<tr>…</tr>：表格的一行
<td>…</td>：表格的一个单元格，一行中包含几对<td>...<td/>，说明一行中就有几列。
<th>…</th>：表格的头部的一个单元格，表格表头。
<table summary="摘要">
<caption>标题</caption>
链接
<a href=”目标网址”>链接显示的文本</a> //外部链接
<a href="文件相对路径"></a> //本站点其它网页
<a href="#描点名"> <a name="描点名"> //描点链接
<a href="#"> //空连接
图片
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本（鼠标滑过图片时显示的文本）">
表单
<form method="传送方式（get/post）" action="服务器文件（浏览者输入的数据被传送到的地方）">
<form>
<input type="text" name=" " value=" " /> //文本输入框
<input type="password" name=" " value=" " /> //密码输入框
<textarea rows="行数" cols="列数">文本</textarea>
<input type="radio" value=" " name=" " checked="checked"/>//单选框
<input type="checkbox" value="值" name="名称" checked="checked"/>//复选框
value：提交数据到服务器的值（后台程序PHP使用）
name：为控件命名，以备后台程序ASP、PHP使用
同一组的单选按钮，name取值一定要一致
<input type="submit" value="按钮上显示的文字"> //只有当type值设置为submit时,提交
<input type="reset" value="按钮上显示的文字"> //只有当type值设置为reset时,重置
</form>
下拉列表（单选）
<form action="save.php" method="post" >
<select>
<option value="提交值1">选项1</option>
<option value="提交值2" selected="selected">选项2</option>
</select>
</form>
下拉列表（多选）
<form action="save.php" method="post" >
<select multiple="multiple">
<option value="提交值1">选项1</option>
<option value="提交值2">选项2</option>
</select>
</form>
</code></pre>
<h3>CSS样式</h3>
<ul>
<li>由选择符（选择器）和声明组成，而声明又由属性和值组成 </li>
<li>选择符{属性:值}</li>
<li>内联样式（区分）</li>
</ul>
<pre class="has"><code>就是把直接写在现有的HTML标签中
<p style="color:red">这里文字是红色。</p>
如果有多条css样式代码设置可以写在一起，中间用分号隔开
<p style="color:red;font-size:12px">这里文字是红色。</p></code></pre>
<ul>
<li>嵌入式css样式（管理页面）</li>
</ul>
<pre class="has"><code>把css样式代码写在<style type="text/css"></style>标签之间</code></pre>
<ul>
<li>外部式css样式（管理网站）</li>
</ul>
<pre class="has"><code>单独的一个文件中以“.css”为扩展名
在<head>内
<link href="base.css" rel="stylesheet" type="text/css" />
注意：
1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。</code></pre>
<ul>
<li> <p>样式优先级原则：1、多重样式可以覆盖。2、就近原则。</p> </li>
</ul>
<h3>选择器</h3>
<ul>
<li>id声明慧覆盖class声明。 </li>
<li>一个元素可以有多个class属性。class="class1 class2"。class2比class1有优先权。</li>
</ul>
<pre class="has"><code>.类选器名称{
css样式代码; （属性：属性值）
}
#ID选器名称{
css样式代码;
}
子选择器/直接子元素
.food>li{
css样式代码; //这行代码会使class名为food下的子元素li有样式。
}
包含(所有后代)选择器
.first span{
css样式代码; //空格作用于元素的所有后代。
}
通用（全局）选择器
* {
css样式代码;
}
伪类选择符 //给html不存在的标签设置样式，例：一个标签元素的鼠标滑过的状态来设置字体颜色
a:hover{
color:red; // 这行代码会使被<a></a>标签包裹的文字内容滑过时变为红色。
}
分组（群组）选择符 //多个标签元素设置同一个样式
h1,span{
css样式代码;
}</code></pre>
<h3>继承</h3>
<ul>
<li> <p>CSS的某些样式是具有继承性的，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。<br> 但注意有一些css样式是不具有继承性的。 </p> </li>
<li> <p>根权值高的就使用哪种css样式。标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。</p> </li>
<li> <p>内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。</p> </li>
<li>为某些样式设置具有最高权值，!important</li>
</ul>
<pre class="has"><code>p{
color:red!important; //注意：!important要写在分号的前面
}</code></pre>
<h3>CSS字体排版</h3>
<pre class="has"><code>【属性】
风格
font-family:"宋体";
字号
font-size:像素值;
颜色
color:#666，rgb(255，255，255)十六进制颜色
粗体
font-weight:normal(正常)，lighter(较细)，bold(较粗)，bolder(很粗)
斜体
font-style:italic;
下划线
text-decoration:underline;
删除线
text-decoration:line-through;
注释
/* */</code></pre>
<h3>CSS段落排版</h3>
<pre class="has"><code>缩进
text-indent:像素值; //注意：2em的意思就是文字的2倍大小。
行高（一行的高度）
line-height:1.5em;
字间距、字母间距
letter-spacing:50px;
英文单词之间的间距
word-spacing:50px;
水平对齐
text-align：center(居中)/left/right/justify(两端对齐)
文本修饰
text-decoration：none(无线)/overline(顶划线)/underline(下划线)/line-through(中线)
大小写
text-transform：none/uppercase(大写)/lowercase(小写)/capitalize(首字母大写)
</code></pre>
<h3>CSS盒模型--元素分类(可相互转换)</h3>
<ul>
<li>html中的标签元素大体被分为三种不同的类型：块状元素、内联(行内)元素和内联块状元素。</li>
<li>块级元素<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form></li>
<li>转换：display：none/block/inline/inline-block;</li>
</ul>
<pre class="has"><code>【display:block就是将元素显示为块级元素】
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
4、元素的height、width、margin、padding都可设置</code></pre>
<ul>
<li>内联（行内）元素有：<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code></li>
</ul>
<pre class="has"><code>【display:inline将元素设置为行内元素】
1、和其他元素都在一行上；
2、元素的高度、宽度、行高及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片width、height不可设置。
4、inline元素之间有一个间距问题,设置font-size：0;</code></pre>
<ul>
<li>内联块状元素（同时具备内联元素、块状元素的特点）有：<img>、<input></li>
</ul>
<pre class="has"><code>【display:inline-block就是将元素设置为内联块状元素】
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。
</code></pre>
<p> </p>
<h3>CSS列表样式</h3>
<pre class="has"><code>ul/ol的属性
有序列表项符号
list-style-type：decimal(数字)/lower-roman(小罗马)/upper-roman(大罗马)/lower-alpha(小英文)/upper-alpha(大英文)
无序列表项符号
list-style-type：disc(实心圆)/circle(空心圆)/square(正方形)
去除列表项符号
list-style-type：none;
列表项图片
list-style-image:url(路径)；
列表项位置
list-style-position：inside/outside
</code></pre>
<h3>CSS表格样式</h3>
<pre class="has"><code>表格标题位置
caption-side：top(顶部)/bottom(底部)；
表格边框合并
border-collapse：separate(分开有空隙)/collapse(无空隙)
表格边框间距
border-spacing：像素值；
</code></pre>
<h3>CSS图片样式</h3>
<pre class="has"><code>图片大小
width：像素值
height：像素值
图片对齐:图片是在父元素中进行定义，例如div
div{text-align：left/center/right}
垂直对齐（周围的行内元素或文本相对于该元素的垂直方式）
vertical-align：top/middle/baseline(基线)/bottom(底部)
文字环绕
float：left/right
</code></pre>
<h3>CSS背景样式</h3>
<pre class="has"><code>背景颜色
background-color:颜色值；
背景图片
background-image：url(路径)；
背景图片重复
background-repeat：repeat/repeat-x/repeat-y/no-repeat
背景图片位置
background-position：水平距离 垂直距离；（像素）
background-position：top left
top center
top right
left center
center center
right center
bottom left
bottom center
bottom right
背景图片固定
background-attachment：scroll/fixed(固定不动)
</code></pre>
<h3>CSS超链接样式</h3>
<pre class="has"><code>伪类（四种状态，要按顺序来写）
a:link //未访问时 直接就是a
a:visited //访问时
a:hover //鼠标经过时
a:action //点击时
hover伪类可以定义任何一个鼠标元素经过的样式
元素：hover{}
鼠标样式
cursor：属性值；
自定义鼠标样式
cursor：url(路径.cur)，属性值；</code></pre>
<h3>CSS盒模型</h3>
<pre class="has"><code>【内容区】
width:
height:
只有块元素才可以设置width和height
overflow（这个属性处理溢出部分）：scroll(显示滚动条)
hidden(超出部分不可见)
auto(有超出部分显示滚动条)
【内边距：padding】
【外边距：margin】
【边 框：border】
一开始清零
*{
margin:0;
padding:0;
}
【水平居中】
图片、文字：text-align:center;
div：margin:0 auto;
【清楚图片之间的间隙】
font-size:0;</code></pre>
<h3>CSS盒模型--边框</h3>
<pre class="has"><code>边框就是围绕着内容及补白的线，边框三个属性：宽度、外观和颜色。
div{
border:2px solid red; //粗细、外观、颜色
}
等价于
div{
border-width:2px;
border-style:solid; //dashed（虚线）| dotted（点线）| solid（实线）|double
border-color:red;
}
【只为一个方向的边框设置样式】
border-bottom
border-top
border-right
border-left
【box-sizing】
box-sizing:border-box设置的边框和内边距的值是包含在width内。
box-sizing:content-box是默认值，任何边框和内边距的宽度都会被增加到最后绘制出来的元素中
</code></pre>
<h3>CSS盒模型--边界</h3>
<pre class="has"><code>元素与其它元素之间的距离可以使用边界(外边框)
div{
padding/margin:20px 10px 15px 30px; //上、右、下、左
}
等价于
div{
margin-top:20px;
margin-right:10px;
margin-bottom:15px;
margin-left:30px;
}
【padding和margin的区别，padding在边框里，margin在边框外。】
元素内容与边框之间是可以设置距离的（内边框），称之为填充。
div{
padding:20px 10px15px 30px; //上、右、下、左
}
等价于
div{
padding-top:20px;
padding-right:10px;
padding-bottom:15px;
padding-left:30px;
}</code></pre>
<p><span style="color:#f33b45;"><strong>缩写：padding、border的缩写方法和margin是一致的</strong></span></p>
<ol>
<li>、如果top、right、bottom、left的值相同<br> margin:10px 10px 10px 10px;<br> 可缩写为：<br> margin:10px;</li>
<li>如果top和bottom值相同、left和 right的值相同<br> margin:10px 20px 10px 20px;<br> 可缩写为：<br> margin:10px 20px;</li>
<li>如果left和right的值相同<br> margin:10px 20px 30px 20px;<br> 可缩写为：<br> margin:10px 20px 30px;</li>
</ol>
<h3>CSS布局和定位模型</h3>
<p><a href="http://img.e-com-net.com/image/info8/cb59a040310342b7b2b3b9d91bcb2e9a.jpg" target="_blank"><img alt="HTML和CSS_第1张图片" class="has" height="313" src="http://img.e-com-net.com/image/info8/cb59a040310342b7b2b3b9d91bcb2e9a.jpg" width="407" style="border:1px solid black;"></a></p>
<p>如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 </p>
<pre class="has"><code>流动模型（Flow）：自上而下。
先来说一说流动模型，流动（Flow）是默认的网页布局模式。
1.块状元素会自上而下按顺序垂直延伸分布，因为块宽度都为100%。都会以行的形式占据位置。
右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%。
2.内联元素都会在所处的包含元素内从左到右水平分布显示。
右侧代码编辑器中内联元素标签a、span、em、strong都是内联元素。</code></pre>
<pre class="has"><code>浮动模型（Float）:
脱离正常文档流，div的宽度由内容决定
如果现在我们想让两个块状元素并排显示，怎么办呢？设置元素。
任何元素在默认情况下是不能浮动的，但可以用CSS定义为浮动。
【注意：设置浮动的同时先设置块状元素的宽度，且浮动的几个元素宽度加起来一定要小于容器元素的宽度。】
清楚其他元素浮动带来的影响
clear: left/right/both;
</code></pre>
<p> </p>
<pre class="has"><code>【层模型（position）：相对于XXX精确定位操作】
1、绝对定位(position: absolute)
2、相对定位(position: relative)
3、固定定位(position: fixed)
注意：
A、结合top、bottom、left、right一般只用到其中两个。
B、z-index：值大在上面
C、satic为默认值，没有定位，元素出现在正常的流中，z-index无效
【层模型--绝对定位（相对于 static 定位以外的第一个父元素）】
1、定位为absolute的层脱离正常文本流，但与relative的区别:其在正常流中的原位置不再存在
2、对于absolute定位的层,如果其父层中都未定义absolute或relative，则其将相对body进行定位
【层模型--相对定位（相对于直接父元素）】
1、relative定位的层总是相对于其直接父元素，无论其父元素 是什么定位方式。
2、元素脱离正常的文档流中，但其在文档流中的原位置依然存在
【层模型--固定定位（相对于浏览器窗口）】
不会随浏览器窗口的滚动条滚动而变化。
</code></pre>
<pre class="has"><code>Relative与Absolute组合使用
使用position:absolute可以实现被设置元素相对于浏览器（body）设置定位
Relative与Absolute组合使用可以相对于其它元素进行定位
父元素box1：position:relative;
子元素box2：position:absolute;
【三个步骤】
1、参照定位的元素必须是相对定位元素的前辈元素：
<div id="box1"> <!--被参照-->
<div id="box2">相对参照元素进行定位</div>
</div>
2、参照定位的元素必须加入position:relative;
#box1{
position:relative;
}
3、定位元素加入position:absolute，可用top、bottom、left、right来进行偏移定位了。
#box2{
position:absolute;
top:20px;
left:30px;
}
这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。</code></pre>
<table border="0">
<tbody>
<tr>
<td> <p> </p> </td>
<td> <p>相对定位</p> </td>
<td> <p>绝对定位</p> </td>
</tr>
<tr>
<td> <p>position取值</p> </td>
<td> <p>relative</p> </td>
<td> <p>absolute</p> </td>
</tr>
<tr>
<td> <p>文档流中原位置</p> </td>
<td> <p>保留</p> </td>
<td> <p>不保留</p> </td>
</tr>
<tr>
<td> <p>定位参照物</p> </td>
<td> <p>直接父元素</p> </td>
<td> <p>非static的父元素</p> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1290633862937911296"></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">你可能感兴趣的:(web)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1903321374424887296.htm"
title="【业务场景实战】JWT实现用户登录" target="_blank">【业务场景实战】JWT实现用户登录</a>
<span class="text-muted">仰望-星空~~</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>在我们平时登录注册的过程中，我们的信息都会由浏览器发送给后端进行处理，然后再插入到数据库中，下次我们进行登录的时候，只需要输入用户名和密码就可以登录成功进入网站进行操作了。但个人信息暴露在大众面前这是极其不安全的，对于我们的隐私，我们并不希望被别人知道。所以我们在登录的时候，浏览器中进行传递的数据有些是会脱敏、有些是需要进行加密之后才能进行传递的。一、JWT简介JWT（全称JSONWEBToken</div>
</li>
<li><a href="/article/1903310773267001344.htm"
title="从原理到实践：Go 语言内存优化策略深度解析" target="_blank">从原理到实践：Go 语言内存优化策略深度解析</a>
<span class="text-muted">叶间清风1998</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
<div>目录一、引言二、Go语言内存管理基础原理2.1栈与堆内存分配2.2垃圾回收机制剖析三、内存优化策略与实践3.1合理使用指针传递3.2避免不必要的内存分配3.3优化切片与映射的使用3.4控制变量作用域3.5减少闭包导致的变量逃逸四、内存优化工具与性能分析4.1pprof工具的使用4.2其他性能分析辅助手段五、不同场景下的内存优化案例分析5.1高并发Web服务场景5.2大数据处理与分析场景六、总结与展</div>
</li>
<li><a href="/article/1903300182548738048.htm"
title="IPv6网络的可操作安全考虑——RFC9099解析（四）" target="_blank">IPv6网络的可操作安全考虑——RFC9099解析（四）</a>
<span class="text-muted">黑带架构湿</span>
<a class="tag" taget="_blank" href="/search/IPv6%E5%AE%89%E5%85%A8/1.htm">IPv6安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a>
<div>2.6记录和监控为了在发生安全事件或检测到异常行为的情况下进行取证（forensic）研究，网络运营商应记录多个信息片段。在某些情况下，这需要通过网络管理站对设备进行频繁的轮询。日志包括但不限于：在可用时，使用网络的所有应用程序（包括用户空间和内核空间）的日志(例如，网络运营商管理的web服务器；IPFIX数据【RFC7011】；SNMPMIBs或来自RESTCONF/NETCONF的YANG数据</div>
</li>
<li><a href="/article/1903297283873632256.htm"
title="Systemd 是 Linux 系统的 核心服务管理工具，负责管理系统的启动、服务生命周期和资源分配" target="_blank">Systemd 是 Linux 系统的 核心服务管理工具，负责管理系统的启动、服务生命周期和资源分配</a>
<span class="text-muted">潇锐killer</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
<div>Systemd是Linux系统的核心服务管理工具，负责管理系统的启动、服务生命周期和资源分配。它替代了传统的SysVinit系统，提供更高效、统一的服务管理方式。以下是它的核心作用：一、核心功能功能作用说明服务生命周期管理启动、停止、重启服务（如Nginx/MySQL）依赖关系管理自动处理服务之间的依赖关系（例如：先启动数据库再启动Web服务）开机自启管理通过enable/</div>
</li>
<li><a href="/article/1903295394465509376.htm"
title="入门 Canvas：Web 绘图的强大工具" target="_blank">入门 Canvas：Web 绘图的强大工具</a>
<span class="text-muted">Hopebearer_</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/canva%E5%8F%AF%E7%94%BB/1.htm">canva可画</a>
<div>文章目录入门Canvas：Web绘图的强大工具一、Canvas简介二、Canvas的基本用法（一）绘制基本图形（二）绘制文本三、Canvas的应用场景（一）数据可视化（二）游戏开发（三）图像编辑四、Canvas的动画效果五、Canvas的优势与局限性（一）优势（二）局限性六、总结入门Canvas：Web绘图的强大工具在Web开发的广阔天地中，为了满足用户对丰富、交互性强的体验的不断追求，前端技术持</div>
</li>
<li><a href="/article/1903288330104139776.htm"
title="TinyMCE插件是否支持Word图片的直接复制与web上传？" target="_blank">TinyMCE插件是否支持Word图片的直接复制与web上传？</a>
<span class="text-muted">2501_90694782</span>
<a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5pdf/1.htm">ueditor导入pdf</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5ppt/1.htm">ueditor导入ppt</a>
<div>要求：开源，免费，技术支持编辑器：TinyMCE前端：vue,vue2-cli,vue3-cli后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux</div>
</li>
<li><a href="/article/1903284420899565568.htm"
title="【JavaWeb学习Day25】" target="_blank">【JavaWeb学习Day25】</a>
<span class="text-muted">quo-te</span>
<a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E9%BB%91%E9%A9%AC/1.htm">黑马</a>
<div>Web前端实战ElementPlus什么是ElementPlusElementPlus：是饿了么团队研发的，基于Vue3，面向设计师和开发者的组件库。组件：组成网页的部件，例如超链接、按钮、图片、表格、表单、分页条等等。官网：一个Vue3UI框架|ElementPlus快速入门准备工作：1.创建vue项目2.参照官方文档，安装ElementPlus组件库（在当前工程的目录下）：npminstall</div>
</li>
<li><a href="/article/1903275717630685184.htm"
title="javaweb学习Day10" target="_blank">javaweb学习Day10</a>
<span class="text-muted">乐一粒学编程</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/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>来源：尚硅谷2022版javaweb今日内容：1.日期和字符串之间的格式化//String->java.util.DateStringdateStr1="2021-12-3012:59:59";SimpleDateFormatsdf=newSimpleDateFormat("yyyy-MM-ddHH:mm:ss");try{Datedate1=sdf.parse(dateStr1);}catch(</div>
</li>
<li><a href="/article/1903270921192402944.htm"
title="自动跳动滑动门html,CSS如何实现滑动门效果_html/css_WEB-ITnose" target="_blank">自动跳动滑动门html,CSS如何实现滑动门效果_html/css_WEB-ITnose</a>
<span class="text-muted">空谷幽兰月影寒</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E8%B7%B3%E5%8A%A8%E6%BB%91%E5%8A%A8%E9%97%A8html/1.htm">自动跳动滑动门html</a>
<div>CSS如何实现滑动门效果:所谓的滑动门和tab选项卡其实是一个意思，下面就通过实例介绍一下如何实现此功能，代码实例如下:以上代码实现了最基本的滑动门效果，这也是在引用的网络上的一个例子。下面就简单介绍一下如何实现的此功能：一.在头部使用四个p元素制作导航标题，并且使用左浮动让四个p元素在一行排列，同时设置了后面三个的默认CSS属性。二.在轮换内容方面，直接就是罗列显示了几个span元素而已，大家可</div>
</li>
<li><a href="/article/1903267767168069632.htm"
title="Java复习路线" target="_blank">Java复习路线</a>
<span class="text-muted">Code good g</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%87%86%E5%A4%87/1.htm">面试准备</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>Java复习1、Java基础2、Java多线程3、Javaweb的复习4、MySql复习数据库常用的代码：思维导图：5、计算机组成原理6、网络编程7、Java注解和反射8、计算机网络9、html/css/js10、ssm11、spring12、springmvc13、springboot14、vue15、springcloud16、jvm17、Juc18、mybatis-plus学习19、git2</div>
</li>
<li><a href="/article/1903259630012788736.htm"
title="SvelteKit 最新中文文档教程（8）—— 部署 Node 服务端" target="_blank">SvelteKit 最新中文文档教程（8）—— 部署 Node 服务端</a>
<span class="text-muted"></span>
<div>前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目。为了帮助大家学习Svelte，我同时搭建了Svelte最新的中文文档站点。如果需要进阶学习，也可以入手我</div>
</li>
<li><a href="/article/1903258175549796352.htm"
title="02自动化测试常用函数" target="_blank">02自动化测试常用函数</a>
<span class="text-muted">不会算法的笨小孩</span>
<a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95/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><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95/1.htm">测试</a>
<div>一、元素定位1、查找元素①find_element(方式,"元素")//查找一个元素②find_elements(方式,"元素")//查找多个元素code：find_elements的使用，返回值是一个列表importtimefromseleniumimportwebdriverfromselenium.webdriver.chrome.serviceimportServicefromseleni</div>
</li>
<li><a href="/article/1903252623746723840.htm"
title="Tinyflow AI 工作流编排框架 v0.0.7 发布" target="_blank">Tinyflow AI 工作流编排框架 v0.0.7 发布</a>
<span class="text-muted">自不量力的A同学</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>目前没有关于TinyflowAI工作流编排框架v0.0.7发布的相关具体信息。Tinyflow是一个轻量的AI智能体流程编排解决方案，其设计理念是“简单、灵活、无侵入性”。它基于WebComponent开发，前端支持与React、Vue等任何框架集成，后端支持Java、Node.js、Python等语言，助力传统应用快速AI转型。该框架代码库轻量，学习成本低，能轻松应对简单任务编排和复杂多模态推理</div>
</li>
<li><a href="/article/1903234321158828032.htm"
title="【自学笔记】Web3基础知识点总览-持续更新" target="_blank">【自学笔记】Web3基础知识点总览-持续更新</a>
<span class="text-muted">Long_poem</span>
<a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/web3/1.htm">web3</a>
<div>提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录Web3基础知识点总览（Markdown格式）1.引言2.区块链基础3.智能合约4.去中心化应用（DApps）5.数字货币与钱包6.跨链技术7.Web3生态与工具代码块示例（Solidity智能合约）总结Web3基础知识点总览（Markdown格式）1.引言Web3，也称为第三代互联网或去中心化互联网，旨在通过区块链技术实现更</div>
</li>
<li><a href="/article/1903225868424114176.htm"
title="tomcat部署war包会先找什么" target="_blank">tomcat部署war包会先找什么</a>
<span class="text-muted">哥谭居民0001</span>
<a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>当Tomcat部署一个WAR包时，它会按照一定的顺序和规则来处理和加载应用。以下是Tomcat部署WAR包时的主要步骤和查找顺序：1.检查webapps目录Tomcat会定期检查webapps目录，寻找新的WAR文件或目录。如果发现新的WAR文件或目录，Tomcat会尝试部署它们。2.解压WAR文件如果发现一个新的WAR文件，Tomcat会自动解压该文件到webapps目录下的一个同名文件夹中。例</div>
</li>
<li><a href="/article/1903217669436403712.htm"
title="Tomcat从入门到精通：全方位深度解析与实战教程" target="_blank">Tomcat从入门到精通：全方位深度解析与实战教程</a>
<span class="text-muted">墨瑾轩</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%80%E8%B5%B7%E5%AD%A6%E5%AD%A6Java%E3%80%90%E4%B8%80%E3%80%91/1.htm">一起学学Java【一】</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>一、Tomcat入门1.Tomcat简介ApacheTomcat，简称Tomcat，是一个开源的轻量级应用服务器，专为运行JavaServlet和JavaServerPages(JSP)技术设计。它是JavaWeb开发中最常用的Servlet容器之一，遵循JavaServlet和JavaServerPages规范，为开发者提供了一个稳定的、易于使用的部署环境。2.安装与启动安装下载最新版Tomca</div>
</li>
<li><a href="/article/1903217542835531776.htm"
title="Apache Tomcat 远程代码执行漏洞复现(CVE-2025-24813)（附脚本）" target="_blank">Apache Tomcat 远程代码执行漏洞复现(CVE-2025-24813)（附脚本）</a>
<span class="text-muted">iSee857</span>
<a class="tag" taget="_blank" href="/search/%E6%BC%8F%E6%B4%9E%E5%A4%8D%E7%8E%B0/1.htm">漏洞复现</a><a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a>
<div>免责申明：本文所描述的漏洞及其复现步骤仅供网络安全研究与教育目的使用。任何人不得将本文提供的信息用于非法目的或未经授权的系统测试。作者不对任何由于使用本文信息而导致的直接或间接损害承担责任。如涉及侵权，请及时与我们联系，我们将尽快处理并删除相关内容。0x01产品描述：ApacheTomcat是一个开源的JavaServlet容器和Web服务器，支持运行JavaServlet、JavaServerP</div>
</li>
<li><a href="/article/1903212498488717312.htm"
title="Spring Boot 与 Couchbase 整合教程" target="_blank">Spring Boot 与 Couchbase 整合教程</a>
<span class="text-muted">嘵奇</span>
<a class="tag" taget="_blank" href="/search/%E6%8F%90%E5%8D%87%E8%87%AA%E5%B7%B1/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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>精心整理了最新的面试资料和简历模板，有需要的可以自行获取点击前往百度网盘获取点击前往夸克网盘获取SpringBoot与Couchbase整合教程环境要求JDK8+SpringBoot2.7.xCouchbaseServer7.xMaven/Gradle步骤1：创建SpringBoot项目使用start.spring.io创建项目，添加以下依赖：SpringWeb（可选，用于RESTAPI）Spri</div>
</li>
<li><a href="/article/1903205689669513216.htm"
title="本地部署deepseek-r1:14b 批量调用 Python调用本地deepseek-r1:14b实现对本地数据库的AI管理" target="_blank">本地部署deepseek-r1:14b 批量调用 Python调用本地deepseek-r1:14b实现对本地数据库的AI管理</a>
<span class="text-muted">朴拙Python交易猿</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>这篇文章主要为大家详细介绍了Python如何基于DeepSeek模型，调用本地deepseek-r1:14b实现对本地数据库的AI管理场景描述基于DeepSeek模型，实现对本地数据库的AI管理。实现思路1、本地python+flask搭建个WEB，配置数据源。2、通过DeepSeek模型根据用户输入的文字需求，自动生成SQL语句。3、通过SQL执行按钮，实现对数据库的增删改查。模型服务方法1启动</div>
</li>
<li><a href="/article/1903203164354572288.htm"
title="Qt for WebAssembly程序中文乱码问题处理过程" target="_blank">Qt for WebAssembly程序中文乱码问题处理过程</a>
<span class="text-muted">muren</span>
<a class="tag" taget="_blank" href="/search/Qt/1.htm">Qt</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/wasm/1.htm">wasm</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>一、环境操作系统DeepinV23Qt版本6.8.2编程语言C++二、问题现象QtforWebAssembly应用在浏览器页面上英文字母显示正常，中文显示为乱码。经测试分析原因为默认字体不能正常显示汉字。三、处理过程1.准备中文字体文件从Windows下复制宋体简体字体文件。C:\Windows\Fonts\simsun.ttc2.添加资源文件resources.qrcsimsun.ttc3.Qt</div>
</li>
<li><a href="/article/1903197611796525056.htm"
title="Deepseek-r1:14b+ScraperAPI实现联网本地大模型回答" target="_blank">Deepseek-r1:14b+ScraperAPI实现联网本地大模型回答</a>
<span class="text-muted">FuWen_Hao</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>文章目录前言一、Deekseek本地部署二、SerpAPI1.什么是SerpAPI？2.如何使用SerpAPI进行Web搜索三、实现Deepseek-r1:14b+ScraperAPI实现联网本地大模型回答1.Code前言我需要对本地的Deepseek-r1:14b进行提问，我发现它对于实时的问题，或者不知道的问题，会不回答或者乱回答。基于这点我想通过WebAPI传输更多的信息给到Deekseek</div>
</li>
<li><a href="/article/1903193578155339776.htm"
title="使用浏览器原生API实现录屏功能" target="_blank">使用浏览器原生API实现录屏功能</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
<div>好早之前写了个小deme，本来都忘了，现在无意中又翻出来了，所以也来记录一下吧！废话不说了，直接上代码了：webRTCconstcontrol=document.querySelector('.control')control.addEventListener('click',start)asyncfunctionstart(){co</div>
</li>
<li><a href="/article/1903191686176108544.htm"
title="鸿蒙Next开发实战教程-使用WebSocket实现即时聊天" target="_blank">鸿蒙Next开发实战教程-使用WebSocket实现即时聊天</a>
<span class="text-muted">幽蓝计划</span>
<a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a>
<div>鸿蒙系统提供了WebSocket库，使用它可以很方面的实现即时聊天功能，今天就使用WebSocket来实现一个完整的聊天功能。首先创建一个WebSocket实例：letws=webSocket.createWebSocket()然后创建WebSocket连接，我找到一个简单的ws地址，它直接返回我们发送的消息：leturl='ws://124.222.224.186:8800'this.ws.co</div>
</li>
<li><a href="/article/1903186263712788480.htm"
title="Web端驱动的综合打印方案与场景" target="_blank">Web端驱动的综合打印方案与场景</a>
<span class="text-muted">#六脉神剑</span>
<a class="tag" taget="_blank" href="/search/Web%E6%89%93%E5%8D%B0/1.htm">Web打印</a><a class="tag" taget="_blank" href="/search/myBuilder/1.htm">myBuilder</a><a class="tag" taget="_blank" href="/search/%E4%BA%A7%E5%93%81%E8%BF%90%E8%90%A5/1.htm">产品运营</a>
<div>随着Web技术的快速发展，基于Web端的打印方案逐渐成为主流，它能够满足多样化的打印需求，并提供更便捷、高效的打印体验。以下是一些常见的Web端驱动综合打印方案与应用场景：一、方案概述浏览器直接打印原理:利用浏览器自带的打印功能，调用操作系统打印接口，直接打印网页内容。优点:简单易用，无需额外开发。缺点:打印样式控制有限，兼容性差，无法满足复杂打印需求。适用场景:打印简单的网页内容，例如文章、表格</div>
</li>
<li><a href="/article/1903186135283200000.htm"
title="B端安全网关的简单实现" target="_blank">B端安全网关的简单实现</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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/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>安全网关中的DMZ内网穿透是一种结合网络安全隔离与穿透技术的解决方案，主要用于实现外部网络对内网资源的安全访问。其核心逻辑如下：一、DMZ区的安全隔离作用网络分区机制：DMZ（非军事区）是安全网关设置的中间隔离区域，用于部署对外提供服务的设备（如Web服务器、邮件服务器），与内网核心数据区域物理隔离。访问控制：外网用户仅能访问DMZ区资源，无法直接触及内网敏感数据，即使DMZ区设备被攻破，内</div>
</li>
<li><a href="/article/1903184244209938432.htm"
title="6，Kotlin代码案例，并按照要求对变量、类、方法等进行了改写" target="_blank">6，Kotlin代码案例，并按照要求对变量、类、方法等进行了改写</a>
<span class="text-muted">淮山2</span>
<a class="tag" taget="_blank" href="/search/kotlin/1.htm">kotlin</a>
<div>//使用Kotlin1.3.11编译器//不需要包声明（package语句）//定义类A1，类似一个简单的控制器类，用于处理Web请求相关操作classA1{//定义静态变量BBB，这里模拟一个可能的全局配置相关的静态变量companionobject{varBBB:Int=0}//实例方法CCC，模拟处理"/helloworld"和"/"路径的请求funCCC():Any{//返回一个字符串，模</div>
</li>
<li><a href="/article/1903175028657156096.htm"
title="HTML 写一个计算器" target="_blank">HTML 写一个计算器</a>
<span class="text-muted">瑞晟技术服务中心-耿瑞</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
<div>Calculatordiv,span{margin:0;padding:0;font-weight:bold;font:bold16pxArial,sans-serif;/*禁止选中文本*/-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;}body{background:radi</div>
</li>
<li><a href="/article/1903169986684317696.htm"
title="一篇文带你了解Go 1.24最新版本有趣的变化" target="_blank">一篇文带你了解Go 1.24最新版本有趣的变化</a>
<span class="text-muted">磐基Stack专业服务团队</span>
<a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>#作者：曹付江文章目录前言1.语言特性更新1.1泛型类型别名：你的代码终于不再「绕口」了！2.工具链更新2.1引入tool指令，goget终于知道哪些是工具了2.2构建缓存优化，gorun变聪明了，不再瞎忙活2.3JSON输出改进，gobuild-json：构建日志终于能「看懂」了3.性能优化3.1运行时性能提升3.2cgo优化，cgo更快了，调用C代码更流畅3.3WebAssembly(Wasm</div>
</li>
<li><a href="/article/1903164676007587840.htm"
title="《颠覆传统，用Web3.0技术手撸一个去中心化微博（含完整代码）》" target="_blank">《颠覆传统，用Web3.0技术手撸一个去中心化微博（含完整代码）》</a>
<span class="text-muted">煜bart</span>
<a class="tag" taget="_blank" href="/search/web3/1.htm">web3</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a>
<div>一、为什么你的下一个项目必须拥抱Web3.0？传统互联网正面临三大致命伤：-用户数据被巨头垄断（某浪删帖事件频发）-单点故障导致服务瘫痪（某云宕机损失过亿）-创作者收益被平台榨取（某音抽成高达70%）**Web3.0的破局方案：**-✅数据永久存储在IPFS/Arweave-✅智能合约自动分配收益-✅抗审查的链上内容存证---###二、核心技术栈揭秘（附对比图表）|技术|传统方案|Web3.0方案</div>
</li>
<li><a href="/article/1903134285968240640.htm"
title="Netty基础—7.Netty实现消息推送服务一" target="_blank">Netty基础—7.Netty实现消息推送服务一</a>
<span class="text-muted">东阳马生架构</span>
<a class="tag" taget="_blank" href="/search/Netty%E5%BA%94%E7%94%A8%E4%B8%8E%E6%BA%90%E7%A0%81/1.htm">Netty应用与源码</a><a class="tag" taget="_blank" href="/search/Netty/1.htm">Netty</a><a class="tag" taget="_blank" href="/search/%E6%B6%88%E6%81%AF%E6%8E%A8%E9%80%81/1.htm">消息推送</a><a class="tag" taget="_blank" href="/search/WebSocket/1.htm">WebSocket</a>
<div>大纲1.Netty实现HTTP服务器2.Netty实现WebSocket3.Netty实现的消息推送系统(1)基于WebSocket的消息推送系统说明(2)消息推送系统的PushServer(3)消息推送系统的连接管理封装(4)消息推送系统的ping-pong探测(5)消息推送系统的全连接推送(6)消息推送系统的HTTP响应和握手(7)消息推送系统的运营客户端(8)运营客户端连接PushServe</div>
</li>
<li><a href="/article/124.htm"
title="mysql主从数据同步" target="_blank">mysql主从数据同步</a>
<span class="text-muted">林鹤霄</span>
<a class="tag" taget="_blank" href="/search/mysql%E4%B8%BB%E4%BB%8E%E6%95%B0%E6%8D%AE%E5%90%8C%E6%AD%A5/1.htm">mysql主从数据同步</a>
<div>配置mysql5.5主从服务器(转)
教程开始：一、安装MySQL
说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22
二、配置MySQL主服务器（192.168.21.169）mysql -uroot -p &nb</div>
</li>
<li><a href="/article/251.htm"
title="oracle学习笔记" target="_blank">oracle学习笔记</a>
<span class="text-muted">caoyong</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>1、ORACLE的安装
a>、ORACLE的版本
8i,9i : i是internet
10g,11g : grid (网格)
12c : cloud (云计算)
b>、10g不支持win7
&</div>
</li>
<li><a href="/article/378.htm"
title="数据库，SQL零基础入门" target="_blank">数据库，SQL零基础入门</a>
<span class="text-muted">天子之骄</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E5%85%A5%E9%97%A8/1.htm">数据库入门</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E6%9C%AC%E6%9C%AF%E8%AF%AD/1.htm">基本术语</a>
<div>数据库，SQL零基础入门
做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。
数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关</div>
</li>
<li><a href="/article/505.htm"
title="pom.xml" target="_blank">pom.xml</a>
<span class="text-muted">一炮送你回车库</span>
<a class="tag" taget="_blank" href="/search/pom.xml/1.htm">pom.xml</a>
<div>1、一级元素dependencies是可以被子项目继承的
2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素
3、父项目里的一级元素<modules>
<module>lcas-admin-war</module>
<</div>
</li>
<li><a href="/article/632.htm"
title="sql查地区省市县" target="_blank">sql查地区省市县</a>
<span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>
-- db_yhm_city
SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35
SELECT * FROM db_yhm_city WHERE class_parent_id =169
SELECT d1.cla</div>
</li>
<li><a href="/article/759.htm"
title="关于监听器那些让人头疼的事" target="_blank">关于监听器那些让人头疼的事</a>
<span class="text-muted">宝剑锋梅花香</span>
<a class="tag" taget="_blank" href="/search/%E7%94%BB%E5%9B%BE%E6%9D%BF/1.htm">画图板</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC%E5%99%A8/1.htm">监听器</a><a class="tag" taget="_blank" href="/search/%E9%BC%A0%E6%A0%87%E7%9B%91%E5%90%AC%E5%99%A8/1.htm">鼠标监听器</a>
<div> 本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。
</div>
</li>
<li><a href="/article/886.htm"
title="JAVA的遍历MAP" target="_blank">JAVA的遍历MAP</a>
<span class="text-muted">darkranger</span>
<a class="tag" taget="_blank" href="/search/map/1.htm">map</a>
<div>Java Map遍历方式的选择
1. 阐述
对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？
为了解遍历性能的真实差距，包括在遍历ke</div>
</li>
<li><a href="/article/1013.htm"
title="POJ 2312 Battle City 优先多列+bfs" target="_blank">POJ 2312 Battle City 优先多列+bfs</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2/1.htm">搜索</a>
<div>来源：http://poj.org/problem?id=2312
题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。
思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1</div>
</li>
<li><a href="/article/1140.htm"
title="Hibernate与Jpa的关系，终于弄懂" target="_blank">Hibernate与Jpa的关系，终于弄懂</a>
<span class="text-muted">avords</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</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/jpa/1.htm">jpa</a>
<div>我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。
在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany</div>
</li>
<li><a href="/article/1267.htm"
title="酸爽的console.log" target="_blank">酸爽的console.log</a>
<span class="text-muted">bee1314</span>
<a class="tag" taget="_blank" href="/search/console/1.htm">console</a>
<div>在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。
/**
* log.js hufeng
* The safe wrapper for `console.xxx` functions
* </div>
</li>
<li><a href="/article/1394.htm"
title="哈佛教授：穷人和过于忙碌的人有一个共同思维特质" target="_blank">哈佛教授：穷人和过于忙碌的人有一个共同思维特质</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4%E7%AE%A1%E7%90%86/1.htm">时间管理</a><a class="tag" taget="_blank" href="/search/%E5%8A%B1%E5%BF%97%E4%BA%BA%E7%94%9F/1.htm">励志人生</a><a class="tag" taget="_blank" href="/search/%E7%A9%B7%E4%BA%BA/1.htm">穷人</a><a class="tag" taget="_blank" href="/search/%E8%BF%87%E4%BA%8E%E5%BF%99%E7%A2%8C/1.htm">过于忙碌</a>
<div> 一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。
这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业</div>
</li>
<li><a href="/article/1521.htm"
title="other operate" target="_blank">other operate</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/OS/1.htm">OS</a><a class="tag" taget="_blank" href="/search/osx/1.htm">osx</a>
<div>一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中
二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证]
--------------------------------------------------------------------
若有其他凝问或文中有错误，请及时向我指出，
我好及时改正，同时也让我们一</div>
</li>
<li><a href="/article/1648.htm"
title="【Scala五】分析Spark源代码总结的Scala语法三" target="_blank">【Scala五】分析Spark源代码总结的Scala语法三</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>1. If语句作为表达式
val properties = if (jobIdToActiveJob.contains(jobId)) {
jobIdToActiveJob(stage.jobId).properties
} else {
// this stage will be assigned to "default" po</div>
</li>
<li><a href="/article/1775.htm"
title="ZooKeeper 入门" target="_blank">ZooKeeper 入门</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/zk/1.htm">zk</a>
<div>ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。
值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利</div>
</li>
<li><a href="/article/1902.htm"
title="MySQL取得当前时间的函数是什么 格式化日期的函数是什么" target="_blank">MySQL取得当前时间的函数是什么 格式化日期的函数是什么</a>
<span class="text-muted">BreakingBad</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a>
<div>取得当前时间用 now() 就行。
在数据库中格式化时间 用DATE_FORMA T(date, format) .
根据格式串format 格式化日期或日期和时间值date，返回结果串。
可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值:
%S, %s 两位数字形式的秒（ 00,01,</div>
</li>
<li><a href="/article/2029.htm"
title="读《研磨设计模式》-代码笔记-组合模式" target="_blank">读《研磨设计模式》-代码笔记-组合模式</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
abstract class Component {
public abstract void printStruct(Str</div>
</li>
<li><a href="/article/2156.htm"
title="4_JAVA+Oracle面试题(有答案)" target="_blank">4_JAVA+Oracle面试题(有答案)</a>
<span class="text-muted">chenke</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>基础测试题
卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。
选择题
1、 What will happen when you attempt to compile and run the following code? （3）
public class Static {
static {
int x = 5; // 在static内有效
}
st</div>
</li>
<li><a href="/article/2283.htm"
title="新一代工作流系统设计目标" target="_blank">新一代工作流系统设计目标</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
<div>
用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。
在这个设计中，最难的地方是系统根据什么来生成流</div>
</li>
<li><a href="/article/2410.htm"
title="oracle 行链接与行迁移" target="_blank">oracle 行链接与行迁移</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/%E8%A1%8C%E8%BF%81%E7%A7%BB/1.htm">行迁移</a>
<div>表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下)
第一种情况:
INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据</div>
</li>
<li><a href="/article/2537.htm"
title="[JShop]开源电子商务系统jshop的系统缓存实现" target="_blank">[JShop]开源电子商务系统jshop的系统缓存实现</a>
<span class="text-muted">dinguangx</span>
<a class="tag" taget="_blank" href="/search/jshop/1.htm">jshop</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%AD%90%E5%95%86%E5%8A%A1/1.htm">电子商务</a>
<div>前言
jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache</div>
</li>
<li><a href="/article/2664.htm"
title="初三全学年难记忆单词" target="_blank">初三全学年难记忆单词</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a>
<div>several 儿子；若干
shelf 架子
knowledge 知识；学问
librarian 图书管理员
abroad 到国外，在国外
surf 冲浪
wave 浪；波浪
twice 两次；两倍
describe 描写；叙述
especially 特别；尤其
attract 吸引
prize 奖品；奖赏
competition 比赛；竞争
event 大事；事件
O</div>
</li>
<li><a href="/article/2791.htm"
title="sphinx实践" target="_blank">sphinx实践</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/sphinx/1.htm">sphinx</a>
<div>
安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server
yum install sphinx
如果失败的话使用下面的方式安装
wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm
yum loca</div>
</li>
<li><a href="/article/2918.htm"
title="JPA之JPQL（三）" target="_blank">JPA之JPQL（三）</a>
<span class="text-muted">frank1234</span>
<a class="tag" taget="_blank" href="/search/orm/1.htm">orm</a><a class="tag" taget="_blank" href="/search/jpa/1.htm">jpa</a><a class="tag" taget="_blank" href="/search/JPQL/1.htm">JPQL</a>
<div>1 什么是JPQL
JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。
2 检索单个对象
@Test
public void querySingleObject1() {
Query query = em.createQuery("sele</div>
</li>
<li><a href="/article/3045.htm"
title="Remove Duplicates from Sorted Array II" target="_blank">Remove Duplicates from Sorted Array II</a>
<span class="text-muted">hcx2013</span>
<a class="tag" taget="_blank" href="/search/remove/1.htm">remove</a>
<div>Follow up for "Remove Duplicates":What if duplicates are allowed at most twice?
For example,Given sorted array nums = [1,1,1,2,2,3],
Your function should return length </div>
</li>
<li><a href="/article/3172.htm"
title="Spring4新特性——Groovy Bean定义DSL" target="_blank">Spring4新特性——Groovy Bean定义DSL</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring+4/1.htm">spring 4</a>
<div>Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新</div>
</li>
<li><a href="/article/3299.htm"
title="CentOS安装Mysql5.5" target="_blank">CentOS安装Mysql5.5</a>
<span class="text-muted">liuxingguome</span>
<a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a>
<div>CentOS下以RPM方式安装MySQL5.5
首先卸载系统自带Mysql：
yum remove mysql mysql-server mysql-libs compat-mysql51
rm -rf /var/lib/mysql
rm /etc/my.cnf
查看是否还有mysql软件：
rpm -qa|grep mysql
去http://dev.mysql.c</div>
</li>
<li><a href="/article/3426.htm"
title="第14章 工具函数（下）" target="_blank">第14章 工具函数（下）</a>
<span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/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/3553.htm"
title="POJ 1050" target="_blank">POJ 1050</a>
<span class="text-muted">SaraWon</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E7%9F%A9%E9%98%B5/1.htm">子矩阵</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%A4%A7%E5%92%8C/1.htm">最大和</a>
<div>POJ ACM第1050题的详细描述，请参照
http://acm.pku.edu.cn/JudgeOnline/problem?id=1050
题目意思：
给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。
如二维数组
0 -2 -7 0
9 2 -6 2
-4 1 -4 1
-1 8 0 -2
中和最大的子矩阵是
9 2
-4 1
-1 8
且最大和是15</div>
</li>
<li><a href="/article/3680.htm"
title="[5]设计模式——单例模式" target="_blank">[5]设计模式——单例模式</a>
<span class="text-muted">tsface</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a>
<div>单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点
安全的单例模式：
/*
* @(#)Singleton.java 2014-8-1
*
* Copyright 2014 XXXX, Inc. All rights reserved.
*/
package com.fiberhome.singleton;
</div>
</li>
<li><a href="/article/3807.htm"
title="Java8全新打造，英语学习supertool" target="_blank">Java8全新打造，英语学习supertool</a>
<span class="text-muted">yangshangchuan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/superword/1.htm">superword</a><a class="tag" taget="_blank" href="/search/%E9%97%AD%E5%8C%85/1.htm">闭包</a><a class="tag" taget="_blank" href="/search/java8/1.htm">java8</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E5%BC%8F%E7%BC%96%E7%A8%8B/1.htm">函数式编程</a>
<div>superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。
升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要</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>
