大寄一场.

HTML+CSS+JS 学习笔记（一）———HTML(下)

博客主页：大寄一场.
系列专栏：前端

往期回顾：HTML+CSS+JS 学习笔记（一）———HTML(上)

HTML+CSS+JS 学习笔记（一）———HTML(中)
博客制作不易欢迎各位点赞+⭐收藏+➕关注

表单

表单的功能结构

form元素

input元素

input 元素的属性

label元素

多行文本输入框/文本域

窗体选项栏

简单表格的制作

表头的设置

表格的合并

div 标签

div 标签的介绍

div 标签的应用

span 标签

span 标签的介绍

span 标签的应用

列表

列表的标签

表单

介绍：HTML表单是用户和web站点或应用程序之间交互的主要内容之一。它们允许用户将数据发送到web站点。大多数情况下，数据被发送到web服务器，但是web页面也可以自己拦截它并使用它。

表单的功能结构

概念：HTML表单是由一个或多个小部件组成的。这些小部件可以是文本字段(单行或多行)、选择框、按钮、复选框或单选按钮。大多数情况下，这些小部件与描述其目的的标签配对——正确实现的标签能够清楚地指示视力正常的用户和盲人用户输入表单所需的内容。

多数情况下，表单收集的数据被发送到web服务器。在这种情况下，您需要设置一个web服务器来接收和处理数据。服务器识文目前超出了所学范围，我们会在以后学习。

form元素

元素 form元素正式定义了一个表单。它是一个容器元素，但它也支持一些特定的属性来配置表单的行为方式。它的所有属性都是可选的，但实践中最好至少要设置action属性和method属性。

支持的属性：

name: 给这个表单起个名字
method: 属性定义了发送数据的HTTP方法(它可以是“get”或“post”).
action: 属性定义了在提交表单时,应该把所收集的数据送给谁(/那个模块)(URL)去处理。
target :目标窗口的打开方式
enctype:表单信息提交的编码形式，其属性值有 text/plain、 applicarion/x-www-form.urlencoded 和multipart/ form-data 三个

input元素

input是一个单一型元素用于为基于Web的表单创建交互式控件，以便接受来自用户的数据。

type：input的工作方式相当程度上取决于type属性的值，不同的 type 值会赋予input元素不同的功能。如果未指定此属性，则采用的默认类型为 text。

表单输入类型：

text (默认)：单行的文本输入框，输入中的换行会被自动去除。
password：单行的密码输入框，输入的文本使用密文显示。
number：只能输入数字的输入框。
email：编辑邮箱地址的输入框。类似 text 输入，但在支持的浏览器上会有邮箱格式的规则验证提示。
search：用于搜索字符串的单行文字区域。输入文本中的换行会被自动去除。在支持的浏览器中可能有一个删除按钮，用于清除整个区域。拥有动态键盘的设备上的回车图标会变成搜索图标。
tel：用于输入电话号码的控件。拥有动态键盘的设备上会显示电话数字键盘。

表单日期类型 ：

week：用于输入以年和周数组成的日期，不带时区。
month ：输入年和月的控件，不带时区。
time (H5新增)：于输入时间的控件，不包括时区。
date (H5新增)：输入日期的控件（年、月、日，不包括时间）。在支持的浏览器激活时会打开日期选择器或年月日的数字滚轮。
datetime-local：输入日期和时间的控件，使用户所在时区。在支持的浏览器激活时打开日期选择器或年月日的数字滚轮。 (目前支持的浏览器为数不多)

表单单复选类型 ：

checkbox：复选框，可设为选中或未选中。

栏位名称 ” value=” 内定值 ” checked=”checked” disabled=”disabled ”>

radio：单选框

单选栏位 : 栏位名称 ” value=” 内定值 ” checked=”checked” disabled=” disabled ”>

表单按钮类型 ：

button：没有默认行为的按钮，上面显示 value 属性的值，默认为空。
submit：用于提交表单的按钮。
reset：此按钮将表单的所有内容重置为默认值。不推荐。

表单文件类型

file：让用户选择文件的控件。使用accept属性规定控件能选择的文件类型。

表单颜色类型

color：用于指定颜色的控件；在支持的浏览器中，激活时会打开取色器。

表单范围控制类型

hidden：不显示的控件，其值仍会提交到服务器。

input 元素的属性

type：所有input元素,input表单控件的type
disabled：所有input元素,表单控件是否被禁用
form：所有input元素,将控件和一个form元素联系在一起
name：所有input元素,input表单控件的名字。以名字/值对的形式随表单一起提交
value：所有input元素,表单控件的值。以名字/值对的形式随表单一起提交
checked：当input元素type为radio, checkbox时，用于控制控件是否被选中
alt：当input元素type为image时，alt属性是可访问性的要求。
height： image 和的 height 属性相同；垂直方向
src： image 图像资源的地址
width： image 与的 width 属性一样
placeholder：当input元素type为password, search, tel, text, url时，当表单控件为空时，控件中显示的内容

label元素

将一个和一个元素相关联的优点：

你可以点击关联的标签来聚焦或者激活这个输入元素，就像直接点击输入元素自身一样。这扩大了元素的可点击区域，让包括使

用触屏设备在内的用户更容易激活这个元素。

你需要给一个 id 属性。而需要一个 for 属性，其值和的 id 一样。

Do you like apple?

支持的属性：

for：即和元素在同一文档中的可关联标表单元素的 id。

注意：元素可同时有一个 for 属性和一个子代控件元素，只是 for 属性需要指向这个控件元素。

form：表示与 label 元素关联的
元素（即它的表单拥有者）。其值应是同一文档中元素的 id。因此你可以将 label 元素放在文档的任何位置，而不仅作为元素的后代。

多行文本输入框/文本域

概念： HTML

为了提高可访问性（ accessibility ），请与 </span> <span style="color:#444444;">关联。 </span> </div> <div> <span style="color:#444444;">name </span> <span style="color:#444444;">属性，用于设置随表单一同提交到服务器的相关数据的名字。 </span> </div> <div> <span style="color:#444444;">rows </span> <span style="color:#444444;">和 </span> <span style="color:#444444;">cols </span> <span style="color:#444444;">属性，用于声明 </span> <span style="color:#745fb5;"><textarea> </span> <span style="color:#444444;">的精确尺寸。这对于一致性非常有帮助，因为不同浏览器的默认值常常不一样。 </span> </div> <div> <span style="color:#444444;">位于开始标签和闭合标签之间的内容就是 </span> <span style="color:#745fb5;"><textarea> </span> <span style="color:#444444;">输入框中的内容。 </span> <span style="color:#745fb5;"><textarea> </span> <span style="color:#444444;">不支持 </span> <span style="color:#444444;">value </span> <span style="color:#444444;">属性。 </span> </div> </blockquote> <div> <span style="color:#444444;"><strong>支持的属性</strong></span> <span style="color:#444444;">： </span> </div> <div></div> <ul> <li><span style="color:#444444;"><strong>name</strong></span><span style="color:#444444;">：元素的名称。 </span></li> <li><span style="color:#444444;"><strong>disabled</strong></span><span style="color:#444444;">：禁用文本域。默认为</span><span style="color:#444444;">false</span><span style="color:#444444;">。 </span></li> <li><span style="color:#444444;"><strong>form</strong></span><span style="color:#444444;">：指定跟自身相关联的表单。值必须为本文档内的表单的</span><span style="color:#444444;">ID</span><span style="color:#444444;">，如果未指定，就是跟当前所在的表单元素相关联。这就允许 </span></li> <li><span style="color:#444444;">你在文档的任意地方放置文本域元素。 </span></li> <li><span style="color:#444444;"><strong>placeholder</strong></span><span style="color:#444444;">：向用户提示可以在控件中输入的内容。在渲染提示时，占位符文本中的回车符</span><span style="color:#444444;">(\r)</span><span style="color:#444444;">或换行符</span><span style="color:#444444;">(\n)</span><span style="color:#444444;">一定会被作 </span></li> <li><span style="color:#444444;">为行断（换行）处理。 </span></li> <li><span style="color:#444444;"><strong>readonly</strong></span><span style="color:#444444;">：不允许用户修改元素内文本。和 </span><span style="color:#444444;">disabled </span><span style="color:#444444;">属性不同的是，这个能让用户点击和选择元素内的文本。如果在表单 </span></li> <li><span style="color:#444444;">里，这个元素的值还是会跟随表单一起提交。 </span></li> <li><span style="color:#444444;"><strong>required</strong></span><span style="color:#444444;">：提示用户这个元素的内容必填。 </span></li> <li><span style="color:#444444;"><strong>cols</strong></span><span style="color:#444444;">：文本域的可视宽度。必须为正数，默认为</span><span style="color:#444444;">20 (HTML5)</span><span style="color:#444444;">。 </span></li> <li><span style="color:#444444;"><strong>rows</strong></span><span style="color:#444444;">：元素的输入文本的行数（显示的高度）。 </span></li> </ul> <h1 id="%E7%AA%97%E4%BD%93%E9%80%89%E9%A1%B9%E6%A0%8F"><span style="color:#8064a9;">窗体选项栏 </span></h1> <div></div> <div> <span style="color:#444444;"><strong>概念</strong></span> <span style="color:#444444;">：</span> <span style="color:#444444;">HTML </span> <span style="color:#745fb5;"><select> </span> <span style="color:#444444;">元素表示一个提供选项菜单的控件 </span> </div> <div> <span style="color:#444444;"><strong>格式</strong></span> <span style="color:#444444;">： </span> </div> <div> <div> <pre><code class="language-html"><label for="关联id">Choose:</label> <select name=”栏位名称” size=”数字” id="关联id"> <option value=”选项值” selected=”selected”> <option value=”选项值”>… <option value=”选项值”>… </select>  <select> <optgroup label="分组名称"> <option>Tyrannosaurus</option> <option>Velociraptor</option> <option>Deinonychus</option> </optgroup> <optgroup label="分组名称"> <option>Diplodocus</option> <option>Saltasaurus</option> <option>Apatosaurus</option> </optgroup> </select></code></pre> <p><span style="color:#444444;"><strong>select</strong></span><span style="color:#444444;"><strong>支持的属性</strong></span><span style="color:#444444;">： </span></p> </div> <ul> <li><span style="color:#444444;">disabled</span><span style="color:#444444;">：这个布尔值的属性表示用户不能与该表单控件交互。 </span></li> <li><span style="color:#444444;">元素的</span><span style="color:#444444;">id</span><span style="color:#444444;">（如果没有设置这个属性， </span><span style="color:#745fb5;"><select> </span><span style="color:#444444;">元素则与其任何存在的祖先 </span><span style="color:#745fb5;"><form> </span><span style="color:#444444;">元素关联）。 </span></li> <li><span style="color:#444444;">form</span><span style="color:#444444;">： </span><span style="color:#745fb5;"><select> </span><span style="color:#444444;">所关联的 </span><span style="color:#745fb5;"><form></span><span style="color:#444444;"> (</span><span style="color:#444444;">它的</span><span style="color:#444444;">"</span><span style="color:#444444;">表单拥有者</span><span style="color:#444444;">")</span><span style="color:#444444;">。其值必须是在同一文档中的 </span></li> <li><span style="color:#444444;">name</span><span style="color:#444444;">：该属性规定了控件的名称。 </span></li> </ul> <div> <span style="color:#444444;"><strong>option</strong></span> <span style="color:#444444;"><strong>支持的属性</strong></span> <span style="color:#444444;">： </span> </div> <ul> <li><span style="color:#444444;">disabled</span><span style="color:#444444;">：如果设置了这个布尔属性，则该选项不可选。浏览器通常会将这种控件显示为灰色，并且不再接受任何浏览器事 </span></li> <li><span style="color:#444444;">件，例如鼠标点击或者焦点相关的事件。如果这个属性没有设置，而这个元素的其中一个父元素是被禁用的 </span></li> <li><span style="color:#444444;">label</span><span style="color:#444444;">：这个属性是用于表示选项含义的文本。如果 </span><span style="color:#444444;">label </span><span style="color:#444444;">属性没有定义，它的值就是元素文本内容。 </span></li> <li><span style="color:#444444;">selected</span><span style="color:#444444;">：这个布尔属性存在时表明这个选项是否一开始就被选中。 </span><span style="color:#745fb5;"><select> </span><span style="color:#444444;">元素的 </span><span style="color:#444444;">multiple </span><span style="color:#444444;">属性没有设置，则 </span><span style="color:#745fb5;"><select> </span><span style="color:#444444;">元素中只有一个 </span><span style="color:#745fb5;"><option> </span><span style="color:#444444;">元素可以拥有 </span><span style="color:#444444;">selected </span><span style="color:#444444;">属性。 </span></li> <li><span style="color:#444444;">value: </span><span style="color:#444444;">这个属性的值表示该选项被选中时提交给表单的值。如果省略了这个属性，值就从选项元素的文本内容中获取。 </span></li> </ul> <div></div> <h1 id="%E7%AE%80%E5%8D%95%E8%A1%A8%E6%A0%BC%E7%9A%84%E5%88%B6%E4%BD%9C">简单表格的制作</h1> <div> 表格标签是 <table>..</table>，表格的其他标签只有在表格的开始标签 <table>和格的结束标签 </table> 间才有效。用于制作表格的主要标签如下表所示。 </div> <div> <table border="1" style="width:500px;"> <tbody> <tr> <td><strong>标签</strong></td> <td><strong>含义</strong></td> </tr> <tr> <td><table></td> <td>表格标签</td> </tr> <tr> <td><ti></td> <td>行标签</td> </tr> <tr> <td><td></td> <td>单元格标签</td> </tr> </tbody> </table> <p></p> <p><table>标签的语法格式如下:</p> <pre><code class="language-html"><table> <tr> <td>单元格内的文字 </td> <td> 单元格内的文字 </td> ... </tr> <tr> <td> 单元格内的文字 </td> <td> 单元格内的文字 </td> ... </tr> ... </table></code></pre> <p> 在该语法中，<table> 和 </table> 标签分别标志着一个表格的开始和结束 <tr> 和</tr>标签分别标志着表格中一行的开始和结束，在表格中包含几组 <tr>...</tr> 标签，就表示该表格为几行: <td> 和 </td> 标签标志着一个单元格的开始和结束，即表示一行中包含了几列。</p> <h2 id="%C2%A0%E8%A1%A8%E5%A4%B4%E7%9A%84%E8%AE%BE%E7%BD%AE"><strong> 表头的设置</strong></h2> <p>表格中还有一种特殊的单元格，称为表头。表头一般位于表格第一行，用来表明该列的内容类别，用 <th> 和 </th> 标签来表示。<th> 标签的使用方法与 <td> 签的使用方法相同，但是 <th> 标签中的内容是加粗显示的，其语法格式如下:</p> <pre><code class="language-html"><table> <caption>表格的标题 </caption> <tr> <th>表格的表头 </th> <th>表格的表头 </th> ... </tr> <tr> <td>单元格内的文字</td> <td>单元格内的文字</td> ... </tr> </table)</code></pre> <h2 id="%E8%A1%A8%E6%A0%BC%E7%9A%84%E5%90%88%E5%B9%B6">表格的合并</h2> <p>表格的合并是指在复杂的表格结构中,有些单元格是跨多列的,有些单元格是跨多行的,其语法格式如下:</p> <pre><code class="language-html">//左右合并 <td colspan="跨的列数"> //上下合并 <td rowspan="跨的行数"></code></pre> <p><br> 在该语法中，跨的列数是指单元格在水平方向上跨的列数: 跨的行数是指单元格在垂直方向上跨的行数。</p> <p>举个栗子</p> <pre><code class="language-html"> <td rowspan="2">序号</td> <td colspan="2">姓名</td></code></pre> <p> <a href="http://img.e-com-net.com/image/info8/5620f9488aad46f586cf07f532cea2f7.jpg" target="_blank"><img alt="" height="69" src="http://img.e-com-net.com/image/info8/5620f9488aad46f586cf07f532cea2f7.jpg" width="103"></a></p> </div> <div></div> <h1 id="%3Cdiv%3E%20%E6%A0%87%E7%AD%BE">div 标签</h1> <p> <div> 标签是用来为 HTML 文档内容提供结构和背景的元素。<div> 起始标签和/div> 结束标签之间的所有内容都是用来构成这个块的，其中包含的标签的特性由 <div>示签中的属性来控制，或者通过使用样式表格式化这个块来进行控制。</p> <h2 id="%3Cdiv%3E%20%E6%A0%87%E7%AD%BE%E7%9A%84%E4%BB%8B%E7%BB%8D">div 标签的介绍</h2> <p>div 全称为 division，意为分隔。<div> 标签被称为分隔标签，表示一块可以显示HTML 的区域，用于设置字、图片、表格等的摆放位置。<div> 标签是块级标签，需要使用结束标签 </div>。</p> <blockquote> <p>块级标签叉名块级元素，与其对应的是内联元素，也叫行内标签，它们都是HTML 规范中的概念</p> </blockquote> <p><div> 标签的语法格式如下:<br> </p> <pre><code class="language-html"><div> ... </div> </code></pre> <h2 id="%C2%A0%3Cdiv%3E%20%E6%A0%87%E7%AD%BE%E7%9A%84%E5%BA%94%E7%94%A8"> div 标签的应用</h2> <p>在应用 <div> 标签之前，先来了解 <div> 标签的属性。当网页加入层时，会经常用到<div> 标签的属性。<br> <div> 标签的语法格式如下:</p> <pre><code class="language-html"><div id="value" align="value" class="value" style="value"> </div></code></pre> <p>其中各参数含义如下。<br> (1)<strong> id:</strong> <div> 标签的 id，也可以说是 <div>标签的名字，常与 CSS 式相结合，实现对网页中元素的控制。<br> (2) <strong>align: </strong>用于控制 <div> 标签中元素的对齐方式，其值可以是 left、center 和right，分别用于设置元素的居左、居中和居右对齐。<br> (3)<strong> class:</strong> 用于设置 <div> 标签中元素的样式，其值为 CSS 样式中的 class 选择符。<br> (4) <strong>style: </strong>用于设置 <div> 标签中元素的样式，其值为 CSS 属性值，各属性值应用分号分隔。</p> <h1 id="%3Cspan%3E%E6%A0%87%E7%AD%BE">span 标签</h1> <div> 大部分 HTML 标签都有其意义(如<p> 标签创建段落、<h1> 签创建标题等)，然而<span> 标签和 <div> 标签似乎没有任何内容上的意义，但它与 CSS 结合后，应用范围就非常广泛了。 </div> <h2 id="%3Cspan%3E%20%E6%A0%87%E7%AD%BE%E7%9A%84%E4%BB%8B%E7%BB%8D"><br> span 标签的介绍</h2> <div> <span> 标签和 <div> 标签非常类似，是 HTML中组合用的标签，可以作为插入 CSS的容器，或插入 class、id 等语法内容的容器。 <br> <span> 标签的语法格式如下: </div> <div> <pre><code class="language-html"><span> ... </span> </code></pre> <h2 id="%3Cspan%3E%20%E6%A0%87%E7%AD%BE%E7%9A%84%E5%BA%94%E7%94%A8">span 标签的应用</h2> <p> <span> 标签是行内标签，<span> 标签的前后不会换行，它没有结构上的意义，是纯粹的应用样式，当其他行内元素都不合适时，可以使用 <span> 标签。</p> <h1 id="%E5%88%97%E8%A1%A8">列表</h1> <p><br> 列表形式在网站设计中占据比较大的比重，可以使网页上的信息整齐、直观地显示出来，便于用户理解。在后面的学习中会涉及大量列表元素的高级运用。</p> <h2 id="%C2%A0%E5%88%97%E8%A1%A8%E7%9A%84%E6%A0%87%E7%AD%BE"> 列表的标签</h2> <p> 列表分为两种类型:一种是有序列表，另一种是无序列表。有序列表使用编号来记录项目的顺序，无序列表使用项目符号来标记无序的项目。</p> <p>列表的主要标签如表所示：</p> <table border="1" style="width:500px;"> <tbody> <tr> <td><strong>标签</strong></td> <td><strong>描述</strong></td> </tr> <tr> <td><ul></td> <td>无序列表</td> </tr> <tr> <td><ol></td> <td>有序列表</td> </tr> <tr> <td><dir></td> <td>目录列表</td> </tr> <tr> <td><dl></td> <td>定义列表</td> </tr> <tr> <td><menu></td> <td>菜单列表</td> </tr> <tr> <td><dt>,<dd></td> <td>定义列表的标签</td> </tr> <tr> <td><li></td> <td>列表项目的标签</td> </tr> </tbody> </table> <p></p> </div> </div> <p> type类型的符号类型</p> <table border="1" style="width:500px;"> <tbody> <tr> <td><strong>类型值</strong></td> <td><strong>列表项目的符号</strong></td> </tr> <tr> <td>disc</td> <td>实心⚪</td> </tr> <tr> <td>circle</td> <td>空心⚪</td> </tr> <tr> <td>square</td> <td>实心■</td> </tr> </tbody> </table> <p></p> <p>有序列表的序号类型</p> <table border="1" style="width:500px;"> <tbody> <tr> <td><strong>type取值</strong></td> <td><strong>列表项目的序号类型</strong></td> </tr> <tr> <td>1</td> <td>数字1，2，3，4，..·</td> </tr> <tr> <td>a</td> <td>小写英文字母 a，b，c，d，·.·</td> </tr> <tr> <td>A</td> <td>大写英文字母 A，B，C，D，·.·</td> </tr> <tr> <td>i</td> <td>小写罗马数字i，ii，ii，iv，..·</td> </tr> <tr> <td>I</td> <td>大写罗马数字I，，m，IV，...</td> </tr> </tbody> </table> <p></p> </div> </div>�� </div> </div> </div>  <div id="SOHUCS" sid="1646366057042108416"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(javascript,html,css,笔记)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1833490608036081664.htm" title="【110】《做有故事的教育》读书笔记（一百二十九）2023-02-13" target="_blank">【110】《做有故事的教育》读书笔记（一百二十九）2023-02-13</a> <span class="text-muted">南风如我意</span> <div>-----------《做有故事的教育》读书笔记（八）文/李现风2023年读书笔记读书笔记以以下三个出发点为目的：一、书中的思想，提升自己的教育理念；二、书中的值得借鉴的做法，提升自己的教育技巧；三、书中的美句，有鉴于哲理性的句子，提升自己文章的语言魅力和教育文化水准。读《做有故事的教育》作者王维审读书八：第二章学会用故事经营常规教育三我的故事型家长会67.家长们似乎理解了故事的玄妙之处，也理解了</div> </li> <li><a href="/article/1833489635276320768.htm" title="移动端测试" target="_blank">移动端测试</a> <span class="text-muted">渔jy</span> <a class="tag" taget="_blank" href="/search/Android%E7%B3%BB%E7%BB%9F%E5%8F%8A%E5%BA%94%E7%94%A8/1.htm">Android系统及应用</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>三种移动端产品类型介绍移动端应用的测试其自身特点，和其他传统测试又有一些独特的测试方法与思路。移动端应用又可以进一步细分为三大类：WebApp指的是移动端的Web浏览器，其实和PC端的Web浏览器没有任何区别，只不过Web浏览器所依附的操作系统不再是Windows和Linux了，而是iOS和Android了。WebApp采用的技术主要是，传统的HTML、JavaScript、CSS等Web技术栈，</div> </li> <li><a href="/article/1833488120474071040.htm" title="html 文本标签不换行,css如何强制不允许换行？" target="_blank">html 文本标签不换行,css如何强制不允许换行？</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/%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE/1.htm">文本标签</a><a class="tag" taget="_blank" href="/search/%E4%B8%8D%E6%8D%A2%E8%A1%8C/1.htm">不换行</a> <div>在我们日常的编码中经常会遇到这段文字不可以换行，或者自动换行的需求。下面我们来看一下如何使用css设置强制文字不换行。white-space:nowrap;强制不换行，对中文英文都起作用。css代码：div{white-space:nowrap;}示例：p{white-space:nowrap}这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一</div> </li> <li><a href="/article/1833487868086022144.htm" title="程序员技术练级攻略" target="_blank">程序员技术练级攻略</a> <span class="text-muted">bo o ya ka</span> <a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/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/python/1.htm">python</a> <div>转自：http://coolshell.cn/articles/4990.html前言你是否觉得自己从学校毕业的时候只做过小玩具一样的程序？走入职场后哪怕没有什么经验也可以把以下这些课外练习走一遍（朋友的抱怨：学校课程总是从理论出发，作业项目都看不出有什么实际作用，不如从工作中的需求出发）建议：不要乱买书，不要乱追新技术新名词，基础的东西经过很长时间积累而且还会在未来至少10年通用。回顾一下历史，</div> </li> <li><a href="/article/1833484969117315072.htm" title="CSS字体样式" target="_blank">CSS字体样式</a> <span class="text-muted">一壶浊酒..</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</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>字体样式属性：font-family:字体类型font-size:字体大小font-weight:字体粗细font-style:字体风格color:字体颜色Document#p1div{font-family:微软雅黑;/*字体大小为14px*/font-size:14px;/*字体粗细为bold*/font-weight:bold;color:red;}#p2{font-family:Arial</div> </li> <li><a href="/article/1833483835501801472.htm" title="【html+css网站设计】" target="_blank">【html+css网站设计】</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>学习笔记：HTML基础概念1.vscode常用设置1.1打开文件1.2新建文件1.3自动保存(ctrl+S)1.4文件重命名1.5删除文件2.vscode常用快捷键2.1自动补全HTML基本结构2.2标签自动补全2.3复制当前行|复制多行2.4删除当前行|删除多行2.5单行注释|取消单行注释2.6多行注释|取消多行注释2.7统一编辑2.8生成多个2.9文字2.10打开浏览器2.11快捷键可以组合使</div> </li> <li><a href="/article/1833483835057205248.htm" title="vue css 背景图片路径" target="_blank">vue css 背景图片路径</a> <span class="text-muted">饭盒尽头的GIS</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>vuecss背景图片路径background:url('~@/assets/images/nav/broadcast@2x.png')no-repeatcenter;</div> </li> <li><a href="/article/1833483348471803904.htm" title="学习小组Day3笔记--安之若素" target="_blank">学习小组Day3笔记--安之若素</a> <span class="text-muted">安之若素_9e53</span> <div>Conda的安装与初步使用Conda是Linux环境下的软件安装与管理工具相当于应用商店，日常生信使用miniconda即可miniconda的下载与安装从清华镜像下载miniconda3安装包wgethttps://mirrors.tuna.tsinghua.edu.cn/anaconda/miniconda/Miniconda3-latest-Linux-x86_64.sh安装minicond</div> </li> <li><a href="/article/1833481944445317120.htm" title="Vue 的常用指令以及相关修饰符的含义" target="_blank">Vue 的常用指令以及相关修饰符的含义</a> <span class="text-muted">渡鸦七</span> <a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Vue的常用指令插值表达式{{}}用来在Vue模板中插入变量。{{message}}newVue({el:'#app',data:{message:'HelloVue!'}})v-textv-text指令用来设置元素的文本内容。newVue({el:'#app',data:{message:'HelloVue!'}})v-htmlv-html指令用来设置元素的HTML内容。newVue({el:'</div> </li> <li><a href="/article/1833481816355467264.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/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>JavaScript模块化规范1.模块化概述1.1什么时模块化将程序文件依据一定规则拆分成多个文件，这种编码方式就是模块化的编码方式。拆分出来每个文件就是一个模块，模块中的数据都是私有的，模块之间相互隔离。同事也能通过一些手段，可以把模块内的指定数据“交出去”，提供其他模块使用。1.2为什么使用模块化随着应用的复杂度越来越高，其代码量和文件数据都会急剧增加，会逐渐引发一些问题：全局污染问题。依赖混</div> </li> <li><a href="/article/1833480808011231232.htm" title="【Python笔记】向量：@classmethod与 @staticmethod。零基础" target="_blank">【Python笔记】向量：@classmethod与 @staticmethod。零基础</a> <span class="text-muted">万物皆可.C</span> <a class="tag" taget="_blank" href="/search/Python%E7%AC%94%E8%AE%B0/1.htm">Python笔记</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>类成员比较@classmethod与@staticmethod共同点：两个都是装饰器，装饰的成员函数可以通过类名.方法名(…)来调用区别：最显著的特点是classmethod需要传递一个参数cls，而staticmethod不需要。因此可以访问、修改类的属性，类的方法，实例化对象等，避免硬编码；而staticmethod不行，classmethod可以判断出自己是通过基类被调用，还是通过某个子类被</div> </li> <li><a href="/article/1833480304145297408.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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在HTML中，选择合适的标签来添加一段文字取决于这段文字在页面中的作用以及上下文。下面是一些常见的标签及其用途：:这是表示段落的最常见标签。当你要添加的是普通文本段落时，使用标签是最合理的。它告诉浏览器这是一个独立的段落，通常浏览器会在这段文字前后添加一些默认的外边距。:这是一个块级元素，用于组合其他HTML元素以形成更大的部分或区块。本身没有语义，通常用于布局目的或作为一个容器来应用样式。如果要</div> </li> <li><a href="/article/1833479296862220288.htm" title="深入探索从ES6到ES2023" target="_blank">深入探索从ES6到ES2023</a> <span class="text-muted">hai40587</span> <a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>从ES6到ES2023，我们深入探索ECMAScript（简称ES）的演变与发展，了解这一JavaScript标准背后的技术革新和进步。ECMAScript作为JavaScript的标准化版本，每年都在不断推出新版本，为开发者带来更加丰富和强大的功能。本文将从ES6的引入开始，逐步介绍到最新的ES2023，同时探讨这些新特性对现代Web开发的影响。ECMAScript简介与JavaScript的关</div> </li> <li><a href="/article/1833476520207806464.htm" title="使用vue2和css样式添加背景图片" target="_blank">使用vue2和css样式添加背景图片</a> <span class="text-muted">Sky1900_</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>登录.ma{/*//这里地址是用项目中图片所在路径为准*/background:url("../assets/2.jpg");/*//将图片样式不重复*/background-repeat:no-repeat;/*//设置图片大小*/background-size:100%;/*设置全屏*/position:fixed;/*设置div高度*/height:100%;/*设置div宽度*/width</div> </li> <li><a href="/article/1833473246058606592.htm" title="【vue css】background设置背景图片不显示问题" target="_blank">【vue css】background设置背景图片不显示问题</a> <span class="text-muted">米老鼠的摩托车日记</span> <a class="tag" taget="_blank" href="/search/vue2/1.htm">vue2</a><a class="tag" taget="_blank" href="/search/CSS%E6%A0%B7%E5%BC%8F/1.htm">CSS样式</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>问题：如上图所示，添加背景图片页面没有显示解决：添加background-position:centercenter即可显示但是不知道为什么添加这个属性就可以，求大神解惑</div> </li> <li><a href="/article/1833472993293070336.htm" title="HTML 文本标签" target="_blank">HTML 文本标签</a> <span class="text-muted">一壶浊酒..</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一个静态页面绝大部分都是由文字、图片、超链接、音频、视频组成。动态页面和静态页面的区别在于：是否与服务器进行数据交互标题标签这是一级标题这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题web前端开发床前明月光，疑是地上霜。举头望明月，低头思故乡这是普通文本这是粗体文本这是粗体文本斜体文本斜体文本斜体文本--->(a+b)2=a2+b2+2abH2SO4是指硫酸分子水果原价：6元现在：5</div> </li> <li><a href="/article/1833472866520231936.htm" title="我们在进行前后端联调的时候如何避免数据丢失拿不到返回数据查看不了状态信息等问题？" target="_blank">我们在进行前后端联调的时候如何避免数据丢失拿不到返回数据查看不了状态信息等问题？</a> <span class="text-muted">朱道阳</span> <a class="tag" taget="_blank" href="/search/%E5%BA%95%E5%B1%82%E5%8E%9F%E7%90%86/1.htm">底层原理</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%85%AB%E8%82%A1/1.htm">面试八股</a><a class="tag" taget="_blank" href="/search/%E5%9B%9E%E5%BD%92/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/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>最近在进行前后端联调开发的全栈开发工作但是这时候会出现很多问题比如说前端拿不到数据获得的状态码可能是正确的传的值却是null我进行了学习总结出一下几点一、数据校验前端程序员必须对后端提供的数据进行严格的数据校验。数据校验的目的是确保接收到的数据符合预期的格式和类型。在JavaScript中，可以使用typeof操作符或Array.isArray()方法进行基本的类型检查。更复杂的数据结构，可以使用</div> </li> <li><a href="/article/1833471858285047808.htm" title="《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》" target="_blank">《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》</a> <span class="text-muted">陈在天box</span> <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><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>一、引言在当今数字化时代，人们使用各种不同的设备访问网页，包括台式电脑、笔记本电脑、平板电脑和智能手机等。为了确保网页在不同设备上都能提供良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够根据设备屏幕大小和分辨率自动调整布局和样式的设计方法。本文将深入探讨如何使用纯HTML和CSS实现响应式Web设计，分享一些实用的技巧和最佳实践。二、响应式Web设计的重要性（一）满足不同设</div> </li> <li><a href="/article/1833470724686311424.htm" title="Python的Pillow（图像处理库）非常详细的学习笔记" target="_blank">Python的Pillow（图像处理库）非常详细的学习笔记</a> <span class="text-muted">深蓝海拓</span> <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E8%A7%86%E8%A7%89/1.htm">机器视觉</a><a class="tag" taget="_blank" href="/search/pillow%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">pillow学习笔记</a><a class="tag" taget="_blank" href="/search/pillow/1.htm">pillow</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86/1.htm">图像处理</a> <div>Python的Pillow库是一个非常强大的图像处理库。安装Pillow库：在终端或命令行中输入以下命令来安装Pillow：pipinstallpillow安装后查看是否安装成功以及当前版本pipshowPillow升级库：pipinstallpillow--upgrade 一些基础的应用1、图像文件方面的：打开文件1）直接打开文件：这种方式是最常见的直接打开图片文件的方法，以文件路径作为参数，P</div> </li> <li><a href="/article/1833470345600921600.htm" title="使用docker部署考试系统" target="_blank">使用docker部署考试系统</a> <span class="text-muted">汪公子492</span> <a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a> <div>web--拉取nginx--挂载项目文档dist--dockerrun-itd-v/root/pes/web/dist/:/usr/share/nginx/html-p80:80nginx:latest配置mysql服务--拉取mysql:5.7.44镜像--创建容器测试dockerrun-itd-p3306:3306-eMYSQL_ROOT_PASSWORD=rootmysql:5.7.44do</div> </li> <li><a href="/article/1833470093330313216.htm" title="【跟上黑马学sql】学习笔记-MySQL-DQL-排序查询" target="_blank">【跟上黑马学sql】学习笔记-MySQL-DQL-排序查询</a> <span class="text-muted">学扎娃的小白</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>DQL排序查询实例#创建一个表createtableemp4(idintcomment'编号',worknovarchar(10)comment'工号',namevarchar(5)comment'姓名',genderchar(1)comment'性别',agetinyintunsignedcomment'年龄',idcardchar(18)comment'身份证号',workaddressvar</div> </li> <li><a href="/article/1833464545889316864.htm" title="掌握Go语言邮件发送：net/smtp实用教程与最佳实践" target="_blank">掌握Go语言邮件发送：net/smtp实用教程与最佳实践</a> <span class="text-muted">walkskyer</span> <a class="tag" taget="_blank" href="/search/golang%E6%A0%87%E5%87%86%E5%BA%93/1.htm">golang标准库</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>掌握Go语言邮件发送：net/smtp实用教程与最佳实践概述基本配置与初始化导入`net/smtp`包设置SMTP服务器基本信息创建SMTP客户端实例身份验证发送简单文本邮件配置发件人信息构建邮件头部信息编写邮件正文使用`SendMail`方法发送邮件示例代码发送带附件的邮件邮件多部分格式简介构建带有附件的邮件体使用`SendMail`方法发送邮件发送HTML格式的邮件HTML邮件的优势和应用场景</div> </li> <li><a href="/article/1833463123764408320.htm" title="微信如何开公众号赚钱？实用指南助你轻松起步！" target="_blank">微信如何开公众号赚钱？实用指南助你轻松起步！</a> <span class="text-muted">古楼</span> <div>随着微信的普及和影响力的不断扩大，越来越多的人开始关注如何在微信平台上开设公众号并实现盈利。那么，微信如何开公众号赚钱呢？本文将为您详细解答这一问题，并提供实用的指南，助您轻松起步。退休后,不管你存款和养老金多少,都要帮子女这3种忙,真的比钱重要!公众号流量主就找善士导师（shanshi2024）公众号：「善士笔记」主理人，《我的亲身经历，四个月公众号流量主从0到日入过万！》公司旗下管理800+公</div> </li> <li><a href="/article/1833463118685106176.htm" title="一起学语文：一文告诉你高中如何记笔记效率最高？" target="_blank">一起学语文：一文告诉你高中如何记笔记效率最高？</a> <span class="text-muted">一起学语文</span> <div>本文主要是两个部分：一是如何记笔记，分为目的、记什么、误区、小技巧；二是如何归纳整理，分为整理知识体系的四个问题、不同级别的人怎样整理、常见的归纳整理方法。最后推荐康奈尔笔记法及语文学科的思维导图。记笔记的目的1.记忆记笔记最基本的一个作用，就是再一次加深你对内容的记忆。古人也说“手抄一遍，胜读十遍”不是没道理的，在我们运用多种感知器官同时投入识记的效果好，而多种感知又以手到为佳。2.复习便于阶段</div> </li> <li><a href="/article/1833461519011115008.htm" title="MySQL笔记DCL-待续（密码、权限）" target="_blank">MySQL笔记DCL-待续（密码、权限）</a> <span class="text-muted">乐瓜乐虫</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>什么是DCL数据控制语言？数据控制语言（DCL：DataControlLanguage）是用来设置或者更改数据库用户或角色权限的语句，这些语句包括GRANT、DENY、REVOKE等语句mysql限制root用户指定ip登录查看root用户可以在哪台机器登录selectuser,hostfrommysql.userwhereuser='root';修改mysql库里边的user表updatemys</div> </li> <li><a href="/article/1833459999960035328.htm" title="windows安装openssh" target="_blank">windows安装openssh</a> <span class="text-muted">大猫熊猫</span> <a class="tag" taget="_blank" href="/search/openssh/1.htm">openssh</a> <div>下载setupssh-9.8p1-1.exehttps://www.mls-software.com/opensshd.html安装完成后，会提示密码，记录cmd命令窗口，管理员权限打开#启动服务netstartopensshd#终止服务netstopopensshd用户名就是电脑的用户名</div> </li> <li><a href="/article/1833454447536205824.htm" title="MySQL笔记DQL语言-分组查询and连接查询and子查询and分页查询and联合查询" target="_blank">MySQL笔记DQL语言-分组查询and连接查询and子查询and分页查询and联合查询</a> <span class="text-muted">abc65748</span> <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><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>分组查询and连接查询and子查询and分页查询and联合查询分组查询一、语法二、特点连接查询一、含义二、分类三、SQL92语法1、等值连接2、非等值连接3、自连接四、SQL99语法1、内连接2、外连接3、交叉连接子查询一、含义二、分类三、示例分页查询一、应用场景二、语法联合查询一、含义二、语法三、意义四、特点分组查询一、语法select分组函数，分组后的字段⑤from表①【where筛选条件】②</div> </li> <li><a href="/article/1833452804040126464.htm" title="MySQL学习笔记2—基础+条件+排序+分组查询" target="_blank">MySQL学习笔记2—基础+条件+排序+分组查询</a> <span class="text-muted">Jake_SunJG</span> <a class="tag" taget="_blank" href="/search/MySQL%E5%AD%A6%E4%B9%A0/1.htm">MySQL学习</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>DQL语言学习—数据查询语言仅作为学习笔记，学习资源来源于B站视频：BV1xW411u7ax1.基础查询语法：select查询列表from表名特点：查询列表可以是：表中的字段、常量值、表达式、函数查询的结果是一个虚拟的表格USEmyemployees;#1.查询表中的单个字段SELECTlast_nameFROMemployees;#2.查询表中的多个字段，逗号分隔SELECTlast_name,</div> </li> <li><a href="/article/1833450910181847040.htm" title="基于SpringBoot+Vue+MySQL的社区维修平台" target="_blank">基于SpringBoot+Vue+MySQL的社区维修平台</a> <span class="text-muted">程序员毕设项目学长</span> <a class="tag" taget="_blank" href="/search/Java%E9%A1%B9%E7%9B%AE/1.htm">Java项目</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/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>系统背景系统管理也都将通过计算机进行整体智能化操作，对于社区维修平台所牵扯的管理及数据保存都是非常多的，例如住户管理、社区公告管理、维修工管理、维修订单管理、接单信息管理、订单信息管理、在线沟通管理、举报信息管理、留言板管理、系统管理等，这给管理者的工作带来了巨大的挑战，面对大量的信息，传统的管理系统，都是通过笔记的方式进行详细信息的统计，后来出现电脑，通过电脑输入软件将纸质的信息统计到电脑上</div> </li> <li><a href="/article/1833446703181688832.htm" title="Node.js+Express|Cookie&Session机制理解|实现保存登录状态" target="_blank">Node.js+Express|Cookie&Session机制理解|实现保存登录状态</a> <span class="text-muted">绍重先</span> <div>Q&A各个用户的sessionname如何设置用登陆的用户名？用当时时间？req.session.name=req.body.usernamelogout？url列表标签posthtml退出登陆js//登出事件监听varlogout=document.getElementById('logout');logout.onclick=function(){alert('logout');varlogo</div> </li> <li><a href="/article/2.htm" title="Java序列化进阶篇" target="_blank">Java序列化进阶篇</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">java序列化</a> <div> 1.transient 类一旦实现了Serializable 接口即被声明为可序列化，然而某些情况下并不是所有的属性都需要序列化，想要人为的去阻止这些属性被序列化，就需要用到transient 关键字。 </div> </li> <li><a href="/article/129.htm" title="escape()、encodeURI()、encodeURIComponent()区别详解 " target="_blank">escape()、encodeURI()、encodeURIComponent()区别详解 </a> <span class="text-muted">aigo</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>原文：http://blog.sina.com.cn/s/blog_4586764e0101khi0.html JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：,decodeURI,decodeURIComponent 。下面简单介绍一下它们的区别 1 escape()函</div> </li> <li><a href="/article/256.htm" title="ArcgisEngine实现对地图的放大、缩小和平移" target="_blank">ArcgisEngine实现对地图的放大、缩小和平移</a> <span class="text-muted">Cb123456</span> <a class="tag" taget="_blank" href="/search/%E6%B7%BB%E5%8A%A0%E7%9F%A2%E9%87%8F%E6%95%B0%E6%8D%AE/1.htm">添加矢量数据</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E5%9C%B0%E5%9B%BE%E7%9A%84%E6%94%BE%E5%A4%A7%E3%80%81%E7%BC%A9%E5%B0%8F%E5%92%8C%E5%B9%B3%E7%A7%BB/1.htm">对地图的放大、缩小和平移</a><a class="tag" taget="_blank" href="/search/Engine/1.htm">Engine</a> <div>ArcgisEngine实现对地图的放大、缩小和平移: 个人觉得是平移，不过网上的都是漫游，通俗的说就是把一个地图对象从一边拉到另一边而已。就看人说话吧. 具体实现: 一、引入命名空间 using ESRI.ArcGIS.Geometry; using ESRI.ArcGIS.Controls; 二、代码实现.</div> </li> <li><a href="/article/383.htm" title="Java集合框架概述" target="_blank">Java集合框架概述</a> <span class="text-muted">天子之骄</span> <a class="tag" taget="_blank" href="/search/Java%E9%9B%86%E5%90%88%E6%A1%86%E6%9E%B6%E6%A6%82%E8%BF%B0/1.htm">Java集合框架概述</a> <div> 集合框架集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。简单介绍： Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi</div> </li> <li><a href="/article/510.htm" title="旗正4.0页面跳转传值问题" target="_blank">旗正4.0页面跳转传值问题</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/jsp/1.htm">jsp</a> <div>跳转和成功提示 a) 成功字段非空forward 成功字段非空forward，不会弹出成功字段，为jsp转发，页面能超链接传值,传输变量时需要拼接。接拼接方式list.jsp?test="+strweightUnit+"或list.jsp?test="+weightUnit+&qu</div> </li> <li><a href="/article/637.htm" title="全网唯一:移动互联网服务器端开发课程" target="_blank">全网唯一:移动互联网服务器端开发课程</a> <span class="text-muted">cocos2d-x小菜</span> <a class="tag" taget="_blank" href="/search/web%E5%BC%80%E5%8F%91/1.htm">web开发</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">移动端开发</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E4%BA%92%E8%81%94/1.htm">移动互联</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div> 移动互联网时代来了！ App市场爆发式增长为Web开发程序员带来新一轮机遇，近两年新增创业者，几乎全部选择了移动互联网项目！传统互联网企业中超过98%的门户网站已经或者正在从单一的网站入口转向PC、手机、Pad、智能电视等多端全平台兼容体系。据统计，AppStore中超过85%的App项目都选择了PHP作为后端程</div> </li> <li><a href="/article/764.htm" title="Log4J通用配置|注意问题笔记" target="_blank">Log4J通用配置|注意问题笔记</a> <span class="text-muted">7454103</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</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/log4j/1.htm">log4j</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>关于日志的等级那些去百度就知道了！这几天要搭个新框架配置了日志记下来！做个备忘！ #这里定义能显示到的最低级别,若定义到INFO级别,则看不到DEBUG级别的信息了~! log4j.rootLogger=INFO,allLog # DAO层 log记录到dao.log 控制台和总日志文件 log4j.logger.DAO=INFO,dao,C</div> </li> <li><a href="/article/891.htm" title="SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager" target="_blank">SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a><a class="tag" taget="_blank" href="/search/XP/1.htm">XP</a> <div>当你安装完之后,连接数据库的时候可能会发现你的TCP/IP 没有启动.. 发现需要启动客户端协议 : TCP/IP 需要打开 SQL Server Configuration Manager... 却发现无法打开 SQL Server Configuration Manager..?? 解决方法: C:\WINDOWS\system32目录搜索framedyn.</div> </li> <li><a href="/article/1018.htm" title="[置顶] 做有中国特色的程序员" target="_blank">[置顶] 做有中国特色的程序员</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>从出版业说起网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有些技术书读得可</div> </li> <li><a href="/article/1145.htm" title="document.domain 跨域问题" target="_blank">document.domain 跨域问题</a> <span class="text-muted">avords</span> <a class="tag" taget="_blank" href="/search/document/1.htm">document</a> <div>document.domain用来得到当前网页的域名。比如在地址栏里输入：javascript:alert(document.domain); //www.315ta.com我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。比如：javascript:alert(document.domain = "315ta.com"); </div> </li> <li><a href="/article/1272.htm" title="关于管理软件的一些思考" target="_blank">关于管理软件的一些思考</a> <span class="text-muted">houxinyou</span> <a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86/1.htm">管理</a> <div> 工作好多看年了,一直在做管理软件,不知道是我最开始做的时候产生了一些惯性的思维,还是现在接触的管理软件水平有所下降.换过好多年公司,越来越感觉现在的管理软件做的越来越乱. 在我看来,管理软件不论是以前的结构化编程,还是现在的面向对象编程,不管是CS模式,还是BS模式.模块的划分是很重要的.当然,模块的划分有很多种方式.我只是以我自己的划分方式来说一下. 做为管理软件,就像现在讲究MVC这</div> </li> <li><a href="/article/1399.htm" title="NoSQL数据库之Redis数据库管理(String类型和hash类型)" target="_blank">NoSQL数据库之Redis数据库管理(String类型和hash类型)</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</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/NoSQL/1.htm">NoSQL</a> <div>一.Redis的数据类型 1.String类型及操作 String是最简单的类型，一个key对应一个value，string类型是二进制安全的。Redis的string可以包含任何数据，比如jpg图片或者序列化的对象。 Set方法：设置key对应的值为string类型的value </div> </li> <li><a href="/article/1526.htm" title="Tomcat 一些技巧" target="_blank">Tomcat 一些技巧</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/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/dos/1.htm">dos</a> <div>以下操作都是在windows 环境下一、Tomcat 启动时配置 JAVA_HOME 在 tomcat 安装目录，bin 文件夹下的 catalina.bat 或 setclasspath.bat 中添加 set JAVA_HOME=JAVA 安装目录 set JRE_HOME=JAVA 安装目录/jre 即可；二、查看Tomcat 版本在 tomcat 安装目</div> </li> <li><a href="/article/1653.htm" title="【Spark七十二】Spark的日志配置" target="_blank">【Spark七十二】Spark的日志配置</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>在测试Spark Streaming时，大量的日志显示到控制台，影响了Spark Streaming程序代码的输出结果的查看(代码中通过println将输出打印到控制台上)，可以通过修改Spark的日志配置的方式，不让Spark Streaming把它的日志显示在console 在Spark的conf目录下，把log4j.properties.template修改为log4j.p</div> </li> <li><a href="/article/1780.htm" title="Haskell版冒泡排序" target="_blank">Haskell版冒泡排序</a> <span class="text-muted">bookjovi</span> <a class="tag" taget="_blank" href="/search/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">冒泡排序</a><a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a> <div>面试的时候问的比较多的算法题要么是binary search，要么是冒泡排序，真的不想用写C写冒泡排序了，贴上个Haskell版的，思维简单，代码简单，下次谁要是再要我用C写冒泡排序，直接上个haskell版的，让他自己去理解吧。 sort [] = [] sort [x] = [x] sort (x:x1:xs) | x>x1 = x1:so</div> </li> <li><a href="/article/1907.htm" title="java 路径配置文件读取" target="_blank">java 路径配置文件读取</a> <span class="text-muted">bro_feng</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>这几天做一个项目，关于路径做如下笔记，有需要供参考。取工程内的文件，一般都要用相对路径，这个自然不用多说。在src统计目录建配置文件目录res,在res中放入配置文件。读取文件使用方式： 1. MyTest.class.getResourceAsStream("/res/xx.properties") 2. properties.load(MyTest.</div> </li> <li><a href="/article/2034.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/ package design.pattern; /* * 个人理解：简单工厂模式就是IOC; * 客户端要用到某一对象，本来是由客户创建的，现在改成由工厂创建，客户直接取就好了 */ interface IProduct { </div> </li> <li><a href="/article/2161.htm" title="SVN与JIRA的关联" target="_blank">SVN与JIRA的关联</a> <span class="text-muted">chenyu19891124</span> <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a> <div>SVN与JIRA的关联一直都没能装成功，今天凝聚心思花了一天时间整合好了。下面是自己整理的步骤：一、搭建好SVN环境，尤其是要把SVN的服务注册成系统服务二、装好JIRA，自己用是jira-4.3.4破解版三、下载SVN与JIRA的插件并解压，然后拷贝插件包下lib包里的三个jar，放到Atlassian\JIRA 4.3.4\atlassian-jira\WEB-INF\lib下，再</div> </li> <li><a href="/article/2288.htm" title="JWFDv0.96 最新设计思路" target="_blank">JWFDv0.96 最新设计思路</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/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/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/%E5%85%AC%E5%91%8A/1.htm">公告</a> <div> 随着工作流技术的发展，工作流产品的应用范围也不断的在扩展，开始进入了像金融行业(我已经看到国有四大商业银行的工作流产品招标公告了)，实时生产控制和其它比较重要的工程领域，而</div> </li> <li><a href="/article/2415.htm" title="vi 保存复制内容格式粘贴" target="_blank">vi 保存复制内容格式粘贴</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/vi/1.htm">vi</a><a class="tag" taget="_blank" href="/search/%E7%B2%98%E8%B4%B4/1.htm">粘贴</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E5%88%B6/1.htm">复制</a><a class="tag" taget="_blank" href="/search/%E4%BF%9D%E5%AD%98%E5%8E%9F%E6%A0%BC%E5%BC%8F/1.htm">保存原格式</a><a class="tag" taget="_blank" href="/search/%E4%B8%8D%E5%8F%98%E5%BD%A2/1.htm">不变形</a> <div> vi是linux中非常好用的文本编辑工具，功能强大无比，但对于复制带有缩进格式的内容时，粘贴的时候内容错位很严重，不会按照复制时的格式排版，vi能不能在粘贴时，按复制进的格式进行粘贴呢？答案是肯定的，vi有一个很强大的命令可以实现此功能。在命令模式输入:set paste，则进入paste模式，这样再进行粘贴时</div> </li> <li><a href="/article/2542.htm" title="shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法" target="_blank">shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法</a> <span class="text-muted">dongwei_6688</span> <a class="tag" taget="_blank" href="/search/shell%E8%84%9A%E6%9C%AC/1.htm">shell脚本</a> <div>出现原因：windows上写的脚本，直接拷贝到linux系统上运行由于格式不兼容导致解决办法： 1. 比如文件名为myshell.sh，vim myshell.sh 2. 执行vim中的命令 : set ff?查看文件格式，如果显示fileformat=dos，证明文件格式有问题 3. 执行vim中的命令 :set fileformat=unix 将文件格式改过来就可以了，然后:w</div> </li> <li><a href="/article/2669.htm" title="高一上学期难记忆单词" target="_blank">高一上学期难记忆单词</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/english/1.htm">english</a> <div>honest 诚实的；正直的 argue 争论 classical 古典的 hammer 锤子 share 分享；共有 sorrow 悲哀；悲痛 adventure 冒险 error 错误；差错 closet 壁橱；储藏室 pronounce 发音；宣告 repeat 重做；重复 majority 大多数；大半 native 本国的，本地的，本国</div> </li> <li><a href="/article/2923.htm" title="hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性" target="_blank">hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性</a> <span class="text-muted">frankco</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/hibernate%E6%9F%A5%E8%AF%A2/1.htm">hibernate查询</a><a class="tag" taget="_blank" href="/search/DTO/1.htm">DTO</a> <div> DTO-数据传输对象；pojo-最纯粹的java对象与数据库中的表一一对应。简单讲：DTO起到业务数据的传递作用，pojo则与持久层数据库打交道。有时候我们需要查询返回DTO对象，因为DTO</div> </li> <li><a href="/article/3050.htm" title="Partition List" target="_blank">Partition List</a> <span class="text-muted">hcx2013</span> <a class="tag" taget="_blank" href="/search/partition/1.htm">partition</a> <div>Given a linked list and a value x, partition it such that all nodes less than x come before nodes greater than or equal to x. You should preserve the original relative order of th</div> </li> <li><a href="/article/3177.htm" title="Spring MVC测试框架详解——客户端测试" target="_blank">Spring MVC测试框架详解——客户端测试</a> <span class="text-muted">jinnianshilongnian</span> <div>上一篇《Spring MVC测试框架详解——服务端测试》已经介绍了服务端测试，接下来再看看如果测试Rest客户端，对于客户端测试以前经常使用的方法是启动一个内嵌的jetty/tomcat容器，然后发送真实的请求到相应的控制器；这种方式的缺点就是速度慢；自Spring 3.2开始提供了对RestTemplate的模拟服务器测试方式，也就是说使用RestTemplate测试时无须启动服务器，而是模拟一</div> </li> <li><a href="/article/3304.htm" title="关于推荐个人观点" target="_blank">关于推荐个人观点</a> <span class="text-muted">liyonghui160com</span> <a class="tag" taget="_blank" href="/search/%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F/1.htm">推荐系统</a><a class="tag" taget="_blank" href="/search/%E5%85%B3%E4%BA%8E%E6%8E%A8%E8%8D%90%E4%B8%AA%E4%BA%BA%E8%A7%82%E7%82%B9/1.htm">关于推荐个人观点</a> <div> 回想起来，我也做推荐了3年多了，最近公司做了调整招聘了很多算法工程师，以为需要多么高大上的算法才能搭建起来的，从实践中走过来，我只想说【不是这样的】第一次接触推荐系统是在四年前入职的时候，那时候，机器学习和大数据都是没有的概念，什么大数据处理开源软件根本不存在，我们用多台计算机web程序记录用户行为，用.net的w</div> </li> <li><a href="/article/3431.htm" title="不间断旋转的动画" target="_blank">不间断旋转的动画</a> <span class="text-muted">pangyulei</span> <a class="tag" taget="_blank" href="/search/%E5%8A%A8%E7%94%BB/1.htm">动画</a> <div> CABasicAnimation* rotationAnimation; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue = [NSNumber numberWithFloat: M</div> </li> <li><a href="/article/3558.htm" title="自定义annotation" target="_blank">自定义annotation</a> <span class="text-muted">sha1064616837</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/annotation/1.htm">annotation</a><a class="tag" taget="_blank" href="/search/reflect/1.htm">reflect</a> <div>对象有的属性在页面上可编辑，有的属性在页面只可读，以前都是我们在页面上写死的，时间一久有时候会混乱，此处通过自定义annotation在类属性中定义。越来越发现Java的Annotation真心很强大，可以帮我们省去很多代码，让代码看上去简洁。下面这个例子主要用到了 1.自定义annotation：@interface，以及几个配合着自定义注解使用的几个注解 2.简单的反射 3.枚举 </div> </li> <li><a href="/article/3685.htm" title="Spring 源码" target="_blank">Spring 源码</a> <span class="text-muted">up2pu</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>1.Spring源代码 https://github.com/SpringSource/spring-framework/branches/3.2.x 注：兼容svn检出 2.运行脚本 import-into-eclipse.bat 注：需要设置JAVA_HOME为jdk 1.7 build.gradle compileJava { sourceCompatibilit</div> </li> <li><a href="/article/3812.htm" title="利用word分词来计算文本相似度" target="_blank">利用word分词来计算文本相似度</a> <span class="text-muted">yangshangchuan</span> <a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/word%E5%88%86%E8%AF%8D/1.htm">word分词</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E7%9B%B8%E4%BC%BC%E5%BA%A6/1.htm">文本相似度</a><a class="tag" taget="_blank" href="/search/%E4%BD%99%E5%BC%A6%E7%9B%B8%E4%BC%BC%E5%BA%A6/1.htm">余弦相似度</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E5%8D%95%E5%85%B1%E6%9C%89%E8%AF%8D/1.htm">简单共有词</a> <div>word分词提供了多种文本相似度计算方式：方式一：余弦相似度，通过计算两个向量的夹角余弦值来评估他们的相似度实现类：org.apdplat.word.analysis.CosineTextSimilarity 用法如下： String text1 = "我爱购物"; String text2 = "我爱读书"; String text3 = </div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>