梳理一些HTML中不熟悉的知识点
HTML的文档结构
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
head>
<body>
body>
html>
基本常用标签
html总共有两种标签
单标签
-
单标签就是只用一个标签就可以使用了，不需要成对
-
![]()
双标签
-
双标签需要成对使用
-
<body> <table> <tr> <td> <span> <p></code>
</dd>
<dd>
<code><form> <h1-h6> <style> <strong> <i> <div> <a> <script></code>
<br> 等等…
</dd>
</dl>
<p><br></p>
<p><br></p>
<h1>表单</h1>
<dl>
什么是表单？
<dd>
表单用于搜集不同类型的用户输入（ 收集数据 ）
</dd> 什么情况下使用表单？
<dd>
登陆、注册 表格 需要提交的场景 都会用表单
<br>
<br>
</dd>
</dl>
<h5>表单标签</h5>
<h6><code><form></code>标签的使用</h6>
<pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">method</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>GET<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
</code></pre>
<dl>
<code>action</code> 的作用 （" 这里面填写你想跳转的路径 "）
<dd>
表单提交路径
</dd>
<dd>
具有跳转的功能
</dd>
<code>method</code> 属性 （ 提交方式 ）
<dd>
get方法
</dd>
<dd>
post方法
</dd>
</dl>
<br>
<p><code>get</code> 方法实例：</p>
<pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">method</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>GET<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
请输入你的名字：<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>myname<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>myname<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
请输入你的密码：<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>password<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>pwd<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>pwd<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>提交<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
</code></pre>
<br>
<p>这个方法在输入完用户信息之后，点击提交按钮，他会把你所输入的全部信息打印到地址栏上，如图：</p>
<p><a href="http://img.e-com-net.com/image/info8/b5df4265d22740c18ed33ead31de4f8c.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/b5df4265d22740c18ed33ead31de4f8c.png" alt="HTML中不熟的知识点_第1张图片" width="639" height="186" style="border:1px solid black;"></a><br> 从图片就可以看出，这种方法并不安全，会泄露你输入的信息，所以信息安全，一般使用 <code>post</code> 方法<br> <br><br> 这里再说一下地址栏上上的信息：<br> myname 前的 <strong>? 表示路径的跳转地址结束</strong><br> 王五 和 pwd之间的 <strong>& 表示属性之间的间隔</strong></p>
<p><br></p>
<p>下面展示一下 <code>post</code> 的地址栏：<br> <a href="http://img.e-com-net.com/image/info8/3b65a491438d4c34adc66ab16f860cb3.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/3b65a491438d4c34adc66ab16f860cb3.png" alt="HTML中不熟的知识点_第2张图片" width="603" height="185" style="border:1px solid black;"></a><br> 点击提交后，地址栏没有任何信息。<br> <br><br> <br><br> <code>post</code> 和 <code>get</code> 的几个问题：</p>
<p><em>问题1：</em><br> 表单提交时 什么情况下属于get请求 什么情况下属于post请求？<br> Get请求 默认情况下 和 method为get请求<br> Post请求 method为post 时</p>
<br>
<p><em>问题2：</em><br> Get请求和post请求有什么区别？ 面试题<br> 安全： post请求提交时路径上没有属性的信息 相对安全<br> Get 请求提交路径上存在属性的信息 不安全</p>
<p>get请求在路径的地址上存在属性值 url的地址是有限制的<br> 最大为64kb</p>
<br>
<p><em>问题3</em><br> 什么时候使用get请求 什么时候使用post请求？<br> 要根据数据性质 — 热数据 安全度不重要的数据 使用get和post都可以</p>
<p>如果数据的性质需要安全性比较高时 那么一定要使用post<br> 在写文件上传的功能时 请求必须是post的提交方式</p>
<p><br></p>
<p><br></p>
<h6><code><input></code> 中 <code>type</code> 的属性 （ 列举比较常用的几个 ）</h6>
<table>
<thead>
<tr>
<th>值</th>
<th>作用</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>text</code></td>
<td>定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。</td>
</tr>
<tr>
<td><code>password</code></td>
<td>定义密码字段。该字段中的字符被掩码。</td>
</tr>
<tr>
<td><code>checkbox</code></td>
<td>定义复选框。</td>
</tr>
<tr>
<td><code>button</code></td>
<td>定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。</td>
</tr>
<tr>
<td><code>file</code></td>
<td>文件上传。</td>
</tr>
<tr>
<td><code>radio</code></td>
<td>定义单选按钮。</td>
</tr>
<tr>
<td><code>reset</code></td>
<td>定义重置按钮。重置按钮会清除表单中的所有数据。</td>
</tr>
<tr>
<td><code>submit</code></td>
<td>定义提交按钮。提交按钮会把表单数据发送到服务器。</td>
</tr>
</tbody>
</table>
<br>
<p><code><input></code> 中 <code>name</code> 和 <code>id</code> 的区别：</p>
<p>表单提交的数据都用控件的 <code>name</code> 而不是 <code>id</code> 来控制。因为有许多 <code>name</code> 会同时对应多个控件,比如<code>checkbox</code>和<code>radio</code>，而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。因此如果用id，服务器是无法得到数据的。</p>
<br>
<p><code>value</code> 属性的含义就是把用户选中的数据传给后台，如果你不写 <code>value</code>，后台是得不到用户选的是什么。<br> 下面举个例子：</p>
<pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">method</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>get<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>color<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>red<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>red
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>color<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>blue<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>blue
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>color<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>green<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>green
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sex<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sex<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>male<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>male
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sex<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>female<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>female
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>提交<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
</code></pre>
<p>运行结果如下：<br> <a href="http://img.e-com-net.com/image/info8/a274ffa686234d298ee2c672429391b1.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/a274ffa686234d298ee2c672429391b1.jpg" alt="HTML中不熟的知识点_第3张图片" width="650" height="154" style="border:1px solid black;"></a><br> 当我选了几个选项之后：</p>
<p><a href="http://img.e-com-net.com/image/info8/1113f4cca6db40bcaeb3c3b71a1c2142.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/1113f4cca6db40bcaeb3c3b71a1c2142.jpg" alt="HTML中不熟的知识点_第4张图片" width="650" height="172" style="border:1px solid black;"></a><br> 地址栏上的 <code>color</code> 和 <code>sex</code> 都有对应的数据，这就是 <code>value</code> 的作用。<br> <br><br> 假如我没有写value，选完选项之后，地址栏就是这样的：<br> <a href="http://img.e-com-net.com/image/info8/4b9bf2c220cc4ddabdd1dad4d6b8bd47.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/4b9bf2c220cc4ddabdd1dad4d6b8bd47.jpg" alt="HTML中不熟的知识点_第5张图片" width="637" height="184" style="border:1px solid black;"></a><br> 意思就是你只是选中了这个<strong>单选框</strong>和<strong>复选框</strong>，没有实际的数据。</p>
<br>
<br>
<h6><code><lable></code>标签的使用</h6>
<p>这个标签可以让用户点击文字时，把焦点自动转到输入栏，例如：</p>
<pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
请输入：<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>lab<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>请输入：<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>lab<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
</code></pre>
<p>如果点击第一行的 请输入： 鼠标不会转移到输入框内<br> 点击第二行的 请输入： 焦点就会移到输入框内</p>
<p><em>使用时的注意事项！！</em><br> <code><lable></code> 中的 <code>for</code> 一定要和你所想要绑定元素 的 <code>id</code>一致</p>
<p><br></p>
<p><br></p>
<h1>a标签</h1>
<dl>
<code><a></code> 标签是什么，有什么用？
<dd>
定义超链接，用于从一张页面链接到另一张页面。
</dd>
</dl>
<p>列举几个比较常用的属性：</p>
<table>
<thead>
<tr>
<th>属性</th>
<th>作用</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>href</code></td>
<td>规定链接指向的页面的 URL。</td>
</tr>
<tr>
<td><code>target</code></td>
<td>规定在何处打开链接文档。</td>
</tr>
<tr>
<td><code>name</code></td>
<td>锚点，可以让 <code><a></code> 标签在页面内跳转。</td>
</tr>
</tbody>
</table>
<p><code>target</code> 有一个值：<code>_blank</code> 比较常用，是在新窗口打开目标页。<br> <br><br> 其实锚点可以直接用一个 <code><a></code> 来实现的，配合 <code>id</code> 。</p>
<pre><code class="prism language-html"><span class="token doctype"><!DOCTYPE html></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style language-css">
<span class="token selector">*</span><span class="token punctuation">{
</span>
<span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">a</span><span class="token punctuation">{
</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">ul</span><span class="token punctuation">{
</span>
<span class="token property">padding-top</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span>
<span class="token property">padding-bottom</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">li</span><span class="token punctuation">{
</span>
<span class="token property">list-style</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> 50px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> 0px auto<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">.daohang</span><span class="token punctuation">{
</span>
<span class="token property">position</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span> 80%<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span> 80%<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span> 83px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> 15px<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> aquamarine<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>main<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>one<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>第一<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>two<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>第二<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>three<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>第三<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>阿吧阿巴巴巴阿吧阿巴巴巴<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>daohang<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>#one<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>第一<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>#two<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>第二<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>#three<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>第三<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span>
</code></pre>
<p>就是：<code><a href="# 加上 想要转到的内容的id"> 内容 </a></code></p>
<br>
<br>
<h1>img标签中的usemap</h1>
<p>举个例子：</p>
<pre><code class="prism language-html"><span class="token doctype"><!DOCTYPE html></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>X-UA-Compatible<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>IE=edge<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>./image/1.jpeg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">usemap</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>#fff<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>map</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>fff<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>area</span>
<span class="token attr-name">shape</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>rect<span class="token punctuation">"</span></span>
<span class="token attr-name">coords</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>215,27,434,120<span class="token punctuation">"</span></span>
<span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://store.99box.com/preferential/smzh17bzb?channel=360gh01&plan=A100-sj-smzh17&unit=smzh17&kw=%E4%BD%BF%E5%91%BD%E5%8F%AC%E5%94%A417<span class="token punctuation">"</span></span>
<span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span>
<span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>map</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span>
</code></pre>
<p><code><area></code> 里的几个属性：</p>
<dl>
<code>shape</code>
<dd>
<code>rect</code>-----矩形
</dd>
<dd>
<code>circ</code>-----圆形
</dd>
<dd>
<code>poly</code>-----多边形
</dd>
<code>coords</code>
<dd>
矩形 ----- 记录矩形左上角和右下角的两点坐标（ x轴,y轴,x轴,y轴 ）
</dd>
<dd>
圆形 ----- 记录圆心坐标和半径
</dd>
<dd>
多边形 ----- 记录每个端点的坐标
</dd>
</dl>
<h1>语义化标签</h1>
<dl>
什么是语义化标签
<dd>
语义化标签就是尽量使用有相对应的结构的含义的 HTML 的标签（就相当于代替了一些div标签）
</dd>
<dd>
代码结构清晰，方便阅读，有利于团队合作开发。
</dd>
<dd>
方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页。
</dd>
<dd>
有利于搜索引擎优化（SEO）。
</dd>
</dl>
<h5>以下几个比较常用</h5>
<table>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><code><header></code></td>
<td>规定文档或节的页眉。</td>
</tr>
<tr>
<td><code><nav></code></td>
<td>定义导航链接。</td>
</tr>
<tr>
<td><code><main></code></td>
<td>规定文档的主内容。</td>
</tr>
<tr>
<td><code><aside></code></td>
<td>定义页面内容以外的内容。</td>
</tr>
<tr>
<td><code><article></code></td>
<td>定义文章。</td>
</tr>
<tr>
<td><code><section></code></td>
<td>定义文档中的节。</td>
</tr>
<tr>
<td><code><footer></code></td>
<td>定义文档或节的页脚。</td>
</tr>
<tr>
<td><code><figure></code></td>
<td>规定自包含内容，比如图示、图表、照片、代码清单等。</td>
</tr>
<tr>
<td><code><figcaption></code></td>
<td>定义 <code><figure></code> 元素的标题。</td>
</tr>
<tr>
<td><code><hgroup></code></td>
<td>标题组合。</td>
</tr>
</tbody>
</table>
<h1>其他</h1>
<p><strong>结构层</strong>：html5—XHTML HTML4.0版本 超文本标记语言</p>
<p><strong>表现层</strong>：css3.0 -css2.0版本 层叠样式表</p>
<p><strong>行为层</strong>：javascript 脚本语言 用于定义整个网站的行为</p>
<p><strong>W3C</strong> -----万维网联盟定义一系列的标准 ----Web标准</p>
<p>符合HTTP协议 面向连接 符合Web通信的标准</p>
<p>我们所有的web项目都要尊崇W3C所提供的标准和HTTP协议。</p>
<p><strong>HTML 英文全称</strong>：<mark>Hyper Text Markup Language</mark></p>
<h5>HTML 与 XML的区别：</h5>
<dl>
HTML
<dd>
超文本标记语言—展示数据
</dd>
<dd>
有固定的标签，例如：html,body,title等等…
</dd> XML
<dd>
可扩展标记语言 ----存储数据 配置文件
</dd>
<dd>
没有固定的标签。
</dd>
</dl>
<p><strong>标签</strong>—<mark>Tag</mark></p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1386956460595957760"></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">你可能感兴趣的:(html)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1881011106969874432.htm"
title="C#html生成pdf之wkhtmltopdf及参数说明" target="_blank">C#html生成pdf之wkhtmltopdf及参数说明</a>
<span class="text-muted">Mick_小马哥</span>
<a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/WEB/1.htm">WEB</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a>
<div>实现方法#regionHTML生成PDF//////HTML生成PDF//////页面URL如：http://127.0.0.1/index.html///保存地址如：/upload/pdf/123.pdf///publicstaticboolHtmlToPdf(stringurl,stringpath){if(string.IsNullOrEmpty(url)||string.IsNullOrE</div>
</li>
<li><a href="/article/1880957996201209856.htm"
title="在线格式化XML" target="_blank">在线格式化XML</a>
<span class="text-muted">weixin_34250709</span>
<div>有时候要格式化一下XML，有没有好的小工具，这里有一个在线版本，好使！http://xmlindent.com/转载于:https://www.cnblogs.com/DotNetNuke/archive/2010/07/14/1777096.html</div>
</li>
<li><a href="/article/1880957866957926400.htm"
title="html在线xml编辑,XML/HTML" target="_blank">html在线xml编辑,XML/HTML</a>
<span class="text-muted">马力的爸爸</span>
<a class="tag" taget="_blank" href="/search/html%E5%9C%A8%E7%BA%BFxml%E7%BC%96%E8%BE%91/1.htm">html在线xml编辑</a>
<div>在HTML页面中显示XML数据在下面的实例中，我们打开一个XML文件("cd_catalog.xml")，然后遍历每个CD元素，并显示HTML表格中的ARTIST元素和TITLE元素的值：if(window.XMLHttpRequest){//codeforIE7+,Firefox,Chrome,Opera,Safarixmlhttp=newXMLHttpRequest();}else{//cod</div>
</li>
<li><a href="/article/1880947903439106048.htm"
title="TCP 粘包问题浅析及其解决方案" target="_blank">TCP 粘包问题浅析及其解决方案</a>
<span class="text-muted">mhx123456789</span>
<a class="tag" taget="_blank" href="/search/TCP/1.htm">TCP</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Socket/1.htm">Socket</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a>
<div>TCP粘包问题浅析及其解决方案参考文章：（1）TCP粘包问题浅析及其解决方案（2）https://www.cnblogs.com/haifeiWu/p/9358499.html（3）https://www.codeprj.com/blog/8ecca31.html备忘一下。</div>
</li>
<li><a href="/article/1880931267738923008.htm"
title="Gateway网关" target="_blank">Gateway网关</a>
<span class="text-muted">胡尔摩斯.</span>
<a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/gateway/1.htm">gateway</a>
<div>GatewayGateway网关是微服务架构中的重要组件，作为所有微服务的统一入口，扮演着“门卫”的角色。它负责处理进入系统的所有请求，并根据预设的规则将请求路由到相应的微服务进行处理。(需要进行服务的注册与发现)官网地址:SpringCloudGatewayhttps://docs.spring.io/spring-cloud-gateway/docs/4.0.4/reference/html/</div>
</li>
<li><a href="/article/1880886722619830272.htm"
title="微信小程序实现类似picker多选" target="_blank">微信小程序实现类似picker多选</a>
<span class="text-muted">JRJ || 575</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a>
<div>版本迭代picker单选改为多选，官方文档只有多列选择器没有多选，自己写呗最终实现效果图实现思路：1.自己画模态框2.遍历初始数据push新增参数checked:false3.点击改变checked值来实现多选上代码：whtml：modalName变量控制模态框显隐等级0}}">{{checkNum}}等级选择（可多选）{{item.key}}清空确定0}}">({{checkNum}})jsda</div>
</li>
<li><a href="/article/1880881169562660864.htm"
title="SpringCloud微服务-OpenFeign服务接口调用" target="_blank">SpringCloud微服务-OpenFeign服务接口调用</a>
<span class="text-muted">TwitchR</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/1.htm">微服务</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>一、OpenFeign简介官网：https://cloud.spring.io/spring-cloud-static/Hoxton.SR1/reference/htmlsingle/#spring-cloud-openfeignGitHub：https://github.com/spring-cloud/spring-cloud-openfeignFeign是一个声明式WebService客户端</div>
</li>
<li><a href="/article/1880880790988976128.htm"
title="vue使用阿里云视频点播" target="_blank">vue使用阿里云视频点播</a>
<span class="text-muted">像山里的风</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E4%BA%91/1.htm">阿里云</a>
<div>vue使用阿里云视频点播——videoId+playauth的方式一.上传视频官方文档https://help.aliyun.com/document_detail/52204.htm?spm=a2c4g.11186623.0.0.4885a393kRPguB#task-19956481.在index.html页面引入JavaScript脚本。具体代码，已有视频时回显并且可以查看视频、删除视频；没</div>
</li>
<li><a href="/article/1880874120653107200.htm"
title="下一代 CSS 框架：Mojo CSS" target="_blank">下一代 CSS 框架：Mojo CSS</a>
<span class="text-muted"></span>
<div>TailwindCSS推出即受到广大开发者的欢迎，当前Githubstar数已达77.8k。它是一个功能类优先（utility-first）的CSS框架，它提供了一系列功能类，让开发者可以在HTML中通过组合这些功能类（原子类）的方式去快速构建用户界面。本文将给大家分享下一代原子级CSS框架：MojoCSS，并简要阐述其与TailwindCSS的异同。MojoCSS基本介绍MojoCSS定位为下一</div>
</li>
<li><a href="/article/1880869825111191552.htm"
title="OSS获得阿里云服务端签名——服务端签名后直传" target="_blank">OSS获得阿里云服务端签名——服务端签名后直传</a>
<span class="text-muted">chengqiuming</span>
<a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>一任务完成上图的第1步和第2步。二参考https://help.aliyun.com/document_detail/31926.html?spm=a2c4g.11186623.6.1711.4d777815zWYCD0三创建第三方服务微服务1配置依赖4.0.0org.springframework.bootspring-boot-starter-parent2.2.1.RELEASEcom.at</div>
</li>
<li><a href="/article/1880858602432950272.htm"
title="【已解决】ImportError: libnvinfer.so.8: cannot open shared object file: No such file or directory" target="_blank">【已解决】ImportError: libnvinfer.so.8: cannot open shared object file: No such file or directory</a>
<span class="text-muted">小小小小祥</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>问题描述：按照tensorrt官方安装文档：https://docs.nvidia.com/deeplearning/tensorrt/install-guide/index.html#installing-tar安装完成后，使用python测试导入tensorrtimporttensorrt上述代码报错：Traceback(mostrecentcalllast):File“main.py”,li</div>
</li>
<li><a href="/article/1880843980749467648.htm"
title="Node.js - HTTP" target="_blank">Node.js - HTTP</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/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
<div>1.HTTP请求HTTP（HypertextTransferProtocol，超文本传输协议）是客户端和服务器之间通信的基础协议。HTTP请求是由客户端（通常是浏览器、手机应用或其他网络工具）发送给服务器的消息，用来请求资源或执行操作。简单来讲就是向服务器发送请求，服务器返回响应给用户端HTTP请求由三个主要部分组成：1.1请求行包含请求方法、目标资源路径、协议版本。GET/index.htmlH</div>
</li>
<li><a href="/article/1880835161755545600.htm"
title="纯Javascript写的连连看小游戏，不使用任何游戏引擎" target="_blank">纯Javascript写的连连看小游戏，不使用任何游戏引擎</a>
<span class="text-muted">程序趣谈</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>最近写了一个连连看小游戏。JavaScript语言，不使用任何游戏引擎，不依赖任何外部程序，无需安装node.js，不需要http服务，只需双击index.html文件即可运行。当时这样写的初衷是想熟悉纯Javascript编程语言，简单，方便，无需安装一系列的外部环境。在手机上只要用个类似记事本的应用打开js文件，即可编辑。打开index.html文件即可查看运行效果。非常方便。有时想测试一个小</div>
</li>
<li><a href="/article/1880813472392998912.htm"
title="用html制作粒子线条,html5 canvas跟随鼠标粒子线条动画特效" target="_blank">用html制作粒子线条,html5 canvas跟随鼠标粒子线条动画特效</a>
<span class="text-muted">狗雄</span>
<a class="tag" taget="_blank" href="/search/%E7%94%A8html%E5%88%B6%E4%BD%9C%E7%B2%92%E5%AD%90%E7%BA%BF%E6%9D%A1/1.htm">用html制作粒子线条</a>
<div>特效描述：html5canvas跟随鼠标粒子线条动画特效，html5基于canvas制作鼠标移动粒子线条动画代码结构1.HTML代码//Oneofmyfirstexperiments,woop!:DvarSCREEN_WIDTH=window.innerWidth;varSCREEN_HEIGHT=window.innerHeight;varRADIUS=70;varRADIUS_SCALE=1;</div>
</li>
<li><a href="/article/1880787235725438976.htm"
title="Java EE 11 中Servlet 6.1 的API 网址Apache组织" target="_blank">Java EE 11 中Servlet 6.1 的API 网址Apache组织</a>
<span class="text-muted">xiaoyustudiowww</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>JavaEE11中Servlet6.1的API网址Apache组织，喜欢研究新技术的看过来https://tomcat.apache.org/tomcat-11.0-doc/servletapi/index.html</div>
</li>
<li><a href="/article/1880784711052226560.htm"
title="微信公众号h5更新内容部分手机出现白屏或者旧内容,需要刷新" target="_blank">微信公众号h5更新内容部分手机出现白屏或者旧内容,需要刷新</a>
<span class="text-muted">学无止境s_m_w</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1/1.htm">微信</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/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/vue/1.htm">vue</a>
<div>出现的问题：大部分苹果手机，部分安卓手机第一次关注公众号时进入页面更新会出现白屏情况，或者内用没有更新，需要用户主动刷新才能解决为什么会出现和解决方案：1,一般情况js，css等文件添加版本号或者随机值会解决缓存问题如2,文件名使用hash形式3,在html中添加标签的缓存设置//用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,</div>
</li>
<li><a href="/article/1880767796984475648.htm"
title="洞悉人性的职场沟通技术" target="_blank">洞悉人性的职场沟通技术</a>
<span class="text-muted">黎女士</span>
<a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%9F%B9%E8%AE%AD/1.htm">企业培训</a><a class="tag" taget="_blank" href="/search/%E5%9C%A8%E7%BA%BF%E5%AD%A6%E4%B9%A0/1.htm">在线学习</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E6%B2%9F%E9%80%9A/1.htm">职场沟通</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a>
<div>http://www.dianzikejian.com/content_2395.html背景：在企业管理的过程中为什么频频出现沟而不通，为什么每次沟通的事项不能有效的跟进和落实，为什么同事之间误会频频、协作不畅？……通过对企业大量的案例研究分析，我们发现很多时候是因为组织中每一位员工自身的沟通能力有待提升；同时当沟通出现问题，作为职场中每一位伙伴首先应该建立的认知是：沟通出现问题首先是我的问题。</div>
</li>
<li><a href="/article/1880759355469524992.htm"
title="MongoDB 客户端工具(图)" target="_blank">MongoDB 客户端工具(图)</a>
<span class="text-muted">IT古董</span>
<a class="tag" taget="_blank" href="/search/Mongodb/1.htm">Mongodb</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7/1.htm">工具</a><a class="tag" taget="_blank" href="/search/couchdb/1.htm">couchdb</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E7%BE%A4/1.htm">集群</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a>
<div>转自:http://hi.baidu.com/shepherdnewage/blog/item/962368f05d1f427fdcc4747c.htmlhttp://www.javabloger.com/article/mongodb-gui-win-linux-mac.htmlNoSQL的运动不止，MongoDB作为其中的主力军发展迅猛，但是图形化工具少见，我在此做了一个简单的收集，如果将来有</div>
</li>
<li><a href="/article/1880753922780491776.htm"
title="制作图片木马" target="_blank">制作图片木马</a>
<span class="text-muted">摸金校尉-马</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>图片文件通常有称作幻数的头字节，我们来看一下几种图片文件的幻数：（注意！下面是二进制而不是文本格式的数据）通过检查头几位字节，可以分辨是否是图片文件！通过检查头几位字节，可以分辨是否是图片文件！给上传脚本加上相应的幻数头字节就可以，php引擎会将GIF89a的内容当作html文本，不解释而跳过，后面的代码仍然能够得到执行比如下面：（一般不限制图片文件格式的时候使用GIF的头比较方便，因为全都是文本</div>
</li>
<li><a href="/article/1880753167315038208.htm"
title="uniapp 微信小程序 金额展示套餐" target="_blank">uniapp 微信小程序 金额展示套餐</a>
<span class="text-muted">竣子好逑</span>
<a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/v2/1.htm">v2</a><a class="tag" taget="_blank" href="/search/%E7%BB%84%E4%BB%B6/1.htm">组件</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
<div>html喜欢作者其他金额-->￥{{item}}js//打赏asyncfun_reward(price){//里面写逻辑},css.gradelist{padding:30rpx;background:#f5f5f5;border-radius:8rpx;box-sizing:border-box;border-radius:12rpx;margin-top:30rpx;.gradelisTitl</div>
</li>
<li><a href="/article/1880737770578702336.htm"
title="多商户商城系统会用的技术有哪些" target="_blank">多商户商城系统会用的技术有哪些</a>
<span class="text-muted">hunzi_1</span>
<a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a>
<div>前端技术HTML/CSS：超文本标记语言（HTML）用于构建页面的结构，层叠样式表（CSS）负责页面的样式设计，它们共同决定了商城系统的页面展示效果，包括商品展示、店铺页面、用户界面等的布局和外观。JavaScript：是一种脚本语言，用于为网页添加动态效果和交互性，如实现菜单的展开与收缩、商品图片的轮播、用户操作的响应等。Vue.js/React：流行的前端框架，能够帮助开发者更高效地构建复杂的</div>
</li>
<li><a href="/article/1880737265655803904.htm"
title="搭建商城系统有可能运用到什么技术" target="_blank">搭建商城系统有可能运用到什么技术</a>
<span class="text-muted">hunzi_1</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
<div>搭建商城系统涉及多种技术，涵盖前端、后端和数据库等多个方面：一、前端技术HTML（超文本标记语言）这是构建网页的基础语言，用于定义页面的结构。在商城系统中，通过HTML可以创建商品展示页面、购物车页面、用户注册登录页面等的基本框架。例如，使用标签来划分页面的不同区域，如商品图片展示区、商品描述区、购买按钮区域等；用标签来显示商品图片，通过设置其src属性来指定图片的来源路径。CSS（层叠样式表）用</div>
</li>
<li><a href="/article/1880705578540527616.htm"
title="JQuery" target="_blank">JQuery</a>
<span class="text-muted">我是奶龙！我是奶龙！我是奶龙！</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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>jQuery获取表单元素的值（val()）$(选择器).val();//获取$(选择器).val(值);//赋值获取元素下所有内容(html()).html();//获取.html(“XXXX”)；//赋值获取元素下文本内容.text();//获取.text(w);文本内容);//赋值操作元素CSS属性操作单个CSS$(选择器).css(属性,值);//改变$(选择器).css(属性);//获取操</div>
</li>
<li><a href="/article/1880695870945554432.htm"
title="十几套JavaWeb项目，快拿去当毕业设计，简直不要太爽了" target="_blank">十几套JavaWeb项目，快拿去当毕业设计，简直不要太爽了</a>
<span class="text-muted">VX_BYDZ1988</span>
<a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</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/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a>
<div>1、基于web的图书管理系统设计与实现图书管理系统就是利用计算机，结合互联网对图书进行结构化、自动化管理的一种软件，来提高对图书的管理效率。本系统采用Java+Servlet+Jsp的方式实现基于web的图书管理系统。开发工具及相关技术Java技术HTML、css、javascript技术Servlet技术Eclipse开发工具MySql数据库功能概述用户端：图书查询：根据图书编号、图书名称查询图</div>
</li>
<li><a href="/article/1880671657157259264.htm"
title="恋活2 仿原神人物卡系列2全合集打包" target="_blank">恋活2 仿原神人物卡系列2全合集打包</a>
<span class="text-muted">phfxa</span>
<a class="tag" taget="_blank" href="/search/mod/1.htm">mod</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a>
<div>内含恋活2仿原神角色卡系列2全合集打包共12张内含：炽沙话事人芭别尔+迪希雅+镀金女团-沙中净水+镀金女团-叶轮舞者+珐露珊+坎蒂丝+柯莱+可莉+丽莎-叶隐芳名+神里绫华-花时来信+瑶瑶。下载地址：https://www.changyouzuhao.cn/13661.html部分演示图：</div>
</li>
<li><a href="/article/1880646436899581952.htm"
title="基于 HTML5 Canvas 制作一个精美的 2048 小游戏--day2" target="_blank">基于 HTML5 Canvas 制作一个精美的 2048 小游戏--day2</a>
<span class="text-muted">无限大.</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E4%BB%A3%E7%A0%81%E5%AE%9E%E7%8E%B02048/1.htm">前端代码实现2048</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>为了使2048游戏的设计更加美观和用户友好，我们可以进行以下几项优化：改善颜色方案：使用更温馨的颜色组合。添加动画效果：为方块的移动和合并添加渐变效果。优化分数显示：在分数增加时使用动画效果。以下是改进后的代码示例：1.CSS样式（style.css）body{display:flex;justify-content:center;align-items:center;height:100vh;b</div>
</li>
<li><a href="/article/1880643530733449216.htm"
title="Python使用QQ邮箱发送邮件提示" target="_blank">Python使用QQ邮箱发送邮件提示</a>
<span class="text-muted">高质量海王哦</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>python发送qq邮件htmlimportbase64importsmtplibimporttimefromemail.mime.textimportMIMETextdefsend_QQ_mail_HTML():user='ztjyclju86@foxmail.com'#发送方的邮箱账号passwd='xruuwiyxdcouddjg'#授权码receiver='2986903203@qq.co</div>
</li>
<li><a href="/article/1880602903387893760.htm"
title="java3d酷眩贪吃蛇下载,100行JS实现HTML5的3D贪吃蛇游戏" target="_blank">java3d酷眩贪吃蛇下载,100行JS实现HTML5的3D贪吃蛇游戏</a>
<span class="text-muted">weixin_39983554</span>
<a class="tag" taget="_blank" href="/search/java3d%E9%85%B7%E7%9C%A9%E8%B4%AA%E5%90%83%E8%9B%87%E4%B8%8B%E8%BD%BD/1.htm">java3d酷眩贪吃蛇下载</a>
<div>js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。自己写不出来，站在巨人肩膀总是有机会吧，折腾了一番站在Hightopo的肩膀上搞了个3D贪吃蛇游戏，算了算JS代码还只有90来行</div>
</li>
<li><a href="/article/1880602524877123584.htm"
title="html5贪吃蛇特点,简易html5贪吃蛇" target="_blank">html5贪吃蛇特点,简易html5贪吃蛇</a>
<span class="text-muted">雪小梨</span>
<a class="tag" taget="_blank" href="/search/html5%E8%B4%AA%E5%90%83%E8%9B%87%E7%89%B9%E7%82%B9/1.htm">html5贪吃蛇特点</a>
<div>1.[图片]E6~0%QPA46ER843UQJ$0Z`H.jpg2.[文件]snake.htmlThesnakegamefunctionlog(msg){console.log(msg);}Yourbrowsercannotsupporthtml5.this.onkeydown=function(e){varcode=e.keyCode;if(code==37)changeMove(3);if(</div>
</li>
<li><a href="/article/1880592797694750720.htm"
title="ORACLE与SQL SERVER的区别" target="_blank">ORACLE与SQL SERVER的区别</a>
<span class="text-muted">nanzhuhe</span>
<a class="tag" taget="_blank" href="/search/%E6%96%87%E7%AB%A0/1.htm">文章</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%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与SQLSERVER的区别转载自：https://www.cnblogs.com/chuncn/archive/2009/01/28/1381262.html体系结构ORACLE的文件体系结构为：数据文件.DBF（真实数据）日志文件.RDO控制文件.CTL参数文件.ORASQLSERVER的文件体系结构为：.MDF（数据字典）.NDF（数据文件）.LDF（日志文件）ORACLE存储结构</div>
</li>
<li><a href="/article/68.htm"
title="mongodb3.03开启认证" target="_blank">mongodb3.03开启认证</a>
<span class="text-muted">21jhf</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
<div>下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下：
（百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略）
Windows下我做了一个bat文件，用来启动mongodb，命令行如下：
mongod --dbpath db\data --port 27017 --directoryperdb --logp</div>
</li>
<li><a href="/article/195.htm"
title="【Spark103】Task not serializable" target="_blank">【Spark103】Task not serializable</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Serializable/1.htm">Serializable</a>
<div>Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法
1.
package spark.exampl</div>
</li>
<li><a href="/article/322.htm"
title="你所熟知的 LRU(最近最少使用)" target="_blank">你所熟知的 LRU(最近最少使用)</a>
<span class="text-muted">dalan_123</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现
1、大体的想法
a、查询出最近最晚使用的项
b、给最近的使用的项做标记
通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？
这时候多</div>
</li>
<li><a href="/article/449.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/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%9F%9F/1.htm">跨域</a><a class="tag" taget="_blank" href="/search/cross-domain/1.htm">cross-domain</a>
<div>
</div>
</li>
<li><a href="/article/576.htm"
title="linux下安装apache服务器" target="_blank">linux下安装apache服务器</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a>
<div>安装apache
下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi
1.windows下安装apache
Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache：
下载之后上传到linux的相关目录，这里指定为/home/apach</div>
</li>
<li><a href="/article/703.htm"
title="FineReport的JS编辑框和URL地址栏语法简介" target="_blank">FineReport的JS编辑框和URL地址栏语法简介</a>
<span class="text-muted">老A不折腾</span>
<a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/web%E6%8A%A5%E8%A1%A8/1.htm">web报表</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E8%BD%AF%E4%BB%B6/1.htm">报表软件</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E6%B3%95%E6%80%BB%E7%BB%93/1.htm">语法总结</a>
<div> JS编辑框：
1.FineReport的js。
作为一款BS产品，browser端的JavaScript是必不可少的。
FineReport中的js是已经调用了finereport.js的。
大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun</div>
</li>
<li><a href="/article/830.htm"
title="根据STATUS信息对MySQL进行优化" target="_blank">根据STATUS信息对MySQL进行优化</a>
<span class="text-muted">墙头上一根草</span>
<a class="tag" taget="_blank" href="/search/status/1.htm">status</a>
<div>mysql 查看当前正在执行的操作，即正在执行的sql语句的方法为:
show processlist 命令
mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab</div>
</li>
<li><a href="/article/957.htm"
title="我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名" target="_blank">我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Spring+3/1.htm">Spring 3</a>
<div>本文介绍如何给Spring的Bean配置文件的Bean定义别名？
原始的
<bean id="business" class="onlyfun.caterpillar.device.Business">
<property name="writer">
<ref b</div>
</li>
<li><a href="/article/1084.htm"
title="高性能mysql 之 性能剖析" target="_blank">高性能mysql 之 性能剖析</a>
<span class="text-muted">annan211</span>
<a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD/1.htm">性能</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/mysql+%E6%80%A7%E8%83%BD%E5%89%96%E6%9E%90/1.htm">mysql 性能剖析</a><a class="tag" taget="_blank" href="/search/%E5%89%96%E6%9E%90/1.htm">剖析</a>
<div>
1 定义性能优化
mysql服务器性能，此处定义为 响应时间。
在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。
这是一个陷阱。
资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现
编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不</div>
</li>
<li><a href="/article/1211.htm"
title="主外键和索引唯一性约束" target="_blank">主外键和索引唯一性约束</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/%E7%B4%A2%E5%BC%95/1.htm">索引</a><a class="tag" taget="_blank" href="/search/%E5%94%AF%E4%B8%80%E6%80%A7%E7%BA%A6%E6%9D%9F/1.htm">唯一性约束</a><a class="tag" taget="_blank" href="/search/%E4%B8%BB%E5%A4%96%E9%94%AE%E7%BA%A6%E6%9D%9F/1.htm">主外键约束</a><a class="tag" taget="_blank" href="/search/%E8%81%94%E6%9C%BA%E5%88%A0%E9%99%A4/1.htm">联机删除</a>
<div>目标;第一步;创建两张表 用户表和文章表
第二步;发表文章
1,建表;
---用户表 BlogUsers
--userID唯一的
--userName
--pwd
--sex
create </div>
</li>
<li><a href="/article/1338.htm"
title="线程的调度" target="_blank">线程的调度</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E7%9A%84%E8%B0%83%E5%BA%A6/1.htm">线程的调度</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a>
<div>1. Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。
2. 多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商）
a) </div>
</li>
<li><a href="/article/1465.htm"
title="查看日志常用命令" target="_blank">查看日志常用命令</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4/1.htm">命令</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a>
<div>一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log
二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l</div>
</li>
<li><a href="/article/1592.htm"
title="【持久化框架MyBatis3一】MyBatis版HelloWorld" target="_blank">【持久化框架MyBatis3一】MyBatis版HelloWorld</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/helloworld/1.htm">helloworld</a>
<div>MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。
样例数据
本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查
CREATE TABLE STUDENTS
(
stud_id int(11) NOT NULL AUTO_INCREMENT,
</div>
</li>
<li><a href="/article/1719.htm"
title="【Hadoop十五】Hadoop Counter" target="_blank">【Hadoop十五】Hadoop Counter</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a>
<div>
1. 只有Map任务的Map Reduce Job
File System Counters
FILE: Number of bytes read=3629530
FILE: Number of bytes written=98312
FILE: Number of read operations=0
FILE: Number of lar</div>
</li>
<li><a href="/article/1846.htm"
title="解决Tomcat数据连接池无法释放" target="_blank">解决Tomcat数据连接池无法释放</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/tomcat+%E8%BF%9E%E6%8E%A5%E6%B1%A0%E3%80%80%E4%BC%98%E5%8C%96/1.htm">tomcat 连接池 优化</a>
<div>
近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。
今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。
简单分析了一</div>
</li>
<li><a href="/article/1973.htm"
title="java-75-二叉树两结点的最低共同父结点" target="_blank">java-75-二叉树两结点的最低共同父结点</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
import java.util.LinkedList;
import java.util.List;
import ljn.help.*;
public class BTreeLowestParentOfTwoNodes {
public static void main(String[] args) {
/*
* node data is stored in</div>
</li>
<li><a href="/article/2100.htm"
title="行业垂直搜索引擎网页抓取项目" target="_blank">行业垂直搜索引擎网页抓取项目</a>
<span class="text-muted">carlwu</span>
<a class="tag" taget="_blank" href="/search/Lucene/1.htm">Lucene</a><a class="tag" taget="_blank" href="/search/Nutch/1.htm">Nutch</a><a class="tag" taget="_blank" href="/search/Heritrix/1.htm">Heritrix</a><a class="tag" taget="_blank" href="/search/Solr/1.htm">Solr</a>
<div>公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！
这是详细需求：
（1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。
（2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
</div>
</li>
<li><a href="/article/2227.htm"
title="[通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费" target="_blank">[通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90/1.htm">资源</a>
<div>
降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。
&nbs</div>
</li>
<li><a href="/article/2354.htm"
title="Java时区转换及时间格式" target="_blank">Java时区转换及时间格式</a>
<span class="text-muted">Cwind</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。
问题描述：
向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
</div>
</li>
<li><a href="/article/2481.htm"
title="readonly,只读，不可用" target="_blank">readonly,只读，不可用</a>
<span class="text-muted">dashuaifu</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/disable/1.htm">disable</a><a class="tag" taget="_blank" href="/search/readOnly/1.htm">readOnly</a><a class="tag" taget="_blank" href="/search/readOnly/1.htm">readOnly</a>
<div>readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事：
使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）
</div>
</li>
<li><a href="/article/2608.htm"
title="LABjs、RequireJS、SeaJS 介绍" target="_blank">LABjs、RequireJS、SeaJS 介绍</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更</div>
</li>
<li><a href="/article/2735.htm"
title="[应用结构]入口脚本" target="_blank">[应用结构]入口脚本</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a>
<div>入口脚本
入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。
Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。
控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文</div>
</li>
<li><a href="/article/2862.htm"
title="haoop shell命令" target="_blank">haoop shell命令</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hadoop+shell/1.htm">hadoop shell</a>
<div>
cat
chgrp
chmod
chown
copyFromLocal
copyToLocal
cp
du
dus
expunge
get
getmerge
ls
lsr
mkdir
movefromLocal
mv
put
rm
rmr
setrep
stat
tail
test
text
</div>
</li>
<li><a href="/article/2989.htm"
title="MultiStateView不同的状态下显示不同的界面" target="_blank">MultiStateView不同的状态下显示不同的界面</a>
<span class="text-muted">gundumw100</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。
PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。
<com.kennyc.view.MultiStateView xmlns:android=&qu</div>
</li>
<li><a href="/article/3116.htm"
title="jQuery实现页面内锚点平滑跳转" target="_blank">jQuery实现页面内锚点平滑跳转</a>
<span class="text-muted">ini</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。
效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码：
&</div>
</li>
<li><a href="/article/3243.htm"
title="kafka offset迁移" target="_blank">kafka offset迁移</a>
<span class="text-muted">kane_xie</span>
<a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a>
<div>在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。
到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。
从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适</div>
</li>
<li><a href="/article/3370.htm"
title="android > 搭建 cordova 环境" target="_blank">android > 搭建 cordova 环境</a>
<span class="text-muted">mft8899</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>
1 , 安装 node.js
http://nodejs.org
node -v 查看版本
2, 安装 npm
可以先从 https://github.com/isaacs/npm/tags 下载 源码 解压到</div>
</li>
<li><a href="/article/3497.htm"
title="java封装的比较器，比较是否全相同，获取不同字段名字" target="_blank">java封装的比较器，比较是否全相同，获取不同字段名字</a>
<span class="text-muted">qifeifei</span>
<div> 非常实用的java比较器，贴上代码：
import java.util.HashSet;
import java.util.List;
import java.util.Set;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
import net.sf.json.JsonConfig;
i</div>
</li>
<li><a href="/article/3624.htm"
title="记录一些函数用法" target="_blank">记录一些函数用法</a>
<span class="text-muted">.Aky.</span>
<a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</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%87%BD%E6%95%B0/1.htm">函数</a><a class="tag" taget="_blank" href="/search/IP/1.htm">IP</a>
<div>高手们照旧忽略。
想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧）
当然用到了ip2long()函数把字符串转为整型数</div>
</li>
<li><a href="/article/3751.htm"
title="sublime text 3 rust" target="_blank">sublime text 3 rust</a>
<span class="text-muted">wudixiaotie</span>
<a class="tag" taget="_blank" href="/search/Sublime+Text/1.htm">Sublime Text</a>
<div>1.sublime text 3 => install package => Rust
2.cd ~/.config/sublime-text-3/Packages
3.mkdir rust
4.git clone https://github.com/sp0/rust-style
5.cd rust-style
6.cargo build --release
7.ctrl</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>
