阳阳大魔王

HTML世界之第二重天

一、HTML 格式化

1.HTML 文本格式化标签

2.HTML "计算机输出" 标签

3.HTML 引文, 引用, 及标签定义

二、HTML 链接

1.HTML 链接

2.HTML 超链接

3.HTML 链接语法

4.文本链接

5.图像链接

6.锚点链接

7.下载链接

8.Target 属性

9.Id 属性

三、HTML 头部

1.head元素

2.title元素

3.base元素

4.link元素

5.style元素

6.meta元素

7.head标签

四、HTML 图像

1.图像标签（）和源属性（Src）

2.Alt属性

3.设置图像的高度与宽度

五、HTML 表格

1.HTML 表格

2.HTML 表格和边框属性

3.HTML 表格表头

4.HTML 表格标签

一、HTML 格式化

通常标签替换加粗标签来使用, 替换 标签使用。

然而，这些标签的含义是不同的：

与 定义粗体或斜体文本。

或者 意味着要呈现的文本是重要的，所以要突出显示。

1.HTML 文本格式化标签

标签

描述

定义粗体文本

定义着重文字

定义斜体字

定义小号字

定义加重语气

定义下标字

定义上标字

定义插入字

定义删除字

2.HTML "计算机输出" 标签

标签

描述

定义计算机代码

定义键盘码

定义计算机代码样本

定义变量

定义预格式文本

3.HTML 引文, 引用, 及标签定义

标签

描述

定义缩写

定义地址

定义文字方向

定义长的引用

定义短的引用语

定义引用、引证

定义一个定义项目。

二、HTML 链接

1.HTML 链接

HTML 使用超级链接与网络上的另一个文档相连，是一种用于在不同网页之间导航的元素。

链接通常用于将一个网页与另一个网页或资源（如文档、图像、音频文件等）相关联，允许用户在浏览网页时单击文本或图像来跳转到其他位置，从而实现网页之间的互联。

2.HTML 超链接

默认情况下，链接将以以下形式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线。

访问过的链接显示为紫色并带有下划线。

点击链接时，链接显示为红色并带有下划线。

注：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。

3.HTML 链接语法

①HTML 中创建链接的基本语法：

元素：创建链接的主要HTML元素是（锚）元素。

②元素具有以下属性：

href：指定链接目标的URL，这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。

target（可选）：指定链接如何在浏览器中打开。常见的值包括 _blank（在新标签或窗口中打开链接）和 _self（在当前标签或窗口中打开链接）。

title（可选）：提供链接的额外信息，通常在鼠标悬停在链接上时显示为工具提示。

rel（可选）：指定与链接目标的关系，如 nofollow、noopener 等。

③链接的 HTML 代码

链接文本

href 属性描述了链接的目标。

④实例

访问百度

上面这行代码显示为：访问百度

点击这个超链接会把用户带到百度的首页。

提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

4.文本链接

最常见的链接类型是文本链接，它使用元素将一段文本转化为可点击的链接。

访问示例网站

5.图像链接

在这种情况下，元素包围着元素。

6.锚点链接

在同一页面内创建内部链接，称为锚点链接。

要创建锚点链接，需要在目标位置使用元素定义一个标记，并使用#符号引用该标记。

跳转到第二部分

7.下载链接

链接用于下载文件，使用 download 属性。

下载文档

8.Target 属性

使用 target 属性，可以定义被链接的文档在何处显示。

访问百度

注：将 target 属性设置为 "_blank", 链接将在新窗口打开。

9.Id 属性

id 属性可用于创建一个 HTML 文档书签。

注: 书签不会以任何特殊方式显示，即在 HTML 页面中是不显示的，所以对于读者来说是隐藏的。

①在HTML文档中插入ID:

有用的提示部分

②在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：

访问有用的提示部分

③从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：

访问有用的提示部分

注：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="https://www.baidu.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="https://www.baidu.com/html/"。

三、HTML 头部

1.head元素

元素包含了所有的头部标签元素。

在元素中可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为: , <style>, <meta>, <link>, <script>, <noscript> 和 <base>。</p> </blockquote> <h4 id="2.HTML%20%3Ctitle%3E%20%E5%85%83%E7%B4%A0" style="background-color:transparent;margin-left:.0001pt;text-align:justify;">2.title元素</h4> <p style="margin-left:.0001pt;text-align:justify;"><strong>①<title> 元素：</strong></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">定义了浏览器工具栏、不同文档的标题；</p> <p style="margin-left:.0001pt;text-align:justify;">当网页添加到收藏夹时，显示在收藏夹中的标题；</p> <p style="margin-left:.0001pt;text-align:justify;">显示在搜索引擎结果页面的标题；</p> <p style="margin-left:.0001pt;text-align:justify;"><title> 在 HTML/XHTML 文档中是必需的。</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;"><strong>②一个简单的 HTML 文档：</strong></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><!DOCTYPE html></p> <p style="margin-left:.0001pt;text-align:justify;"><html></p> <p style="margin-left:.0001pt;text-align:justify;"><head></p> <p style="margin-left:.0001pt;text-align:justify;"><meta charset="utf-8"></p> <p style="margin-left:.0001pt;text-align:justify;"><title>文档标题

文档内容

3.base元素

标签描述了基本的链接地址/链接目标，作为HTML文档中所有的链接标签的默认链接:

4.link元素

标签定义了文档与外部资源之间的关系，通常用于链接到样式表:

5.style元素

6.meta元素

meta标签描述了一些基本的元数据。

标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。

META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。

一般放置于区域

①为搜索引擎定义关键词：

②为网页定义描述内容：

③定义网页作者：

④每30秒钟刷新当前页面：

7.head标签

标签

描述

定义了文档的信息

</p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义了文档的标题</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><base></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义了页面链接标签的默认链接地址</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><link></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义了一个文档和外部资源之间的关系</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><meta></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义了HTML文档中的元数据</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><script></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义了客户端的脚本文件</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><style></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义了HTML文档的样式文件</p> </td> </tr> </tbody> </table> <h3 id="%E5%9B%9B%E3%80%81HTML%C2%A0%E5%9B%BE%E5%83%8F" style="margin-left:.0001pt;text-align:justify;">四、HTML 图像</h3> <h4 id="1.%E5%9B%BE%E5%83%8F%E6%A0%87%E7%AD%BE%EF%BC%88%20%3Cimg%3E%EF%BC%89%E5%92%8C%E6%BA%90%E5%B1%9E%E6%80%A7%EF%BC%88Src%EF%BC%89" style="background-color:transparent;margin-left:.0001pt;text-align:justify;">1.图像标签（ <img>）和源属性（Src）</h4> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">在 HTML 中，图像由<img> 标签定义，<img> 是空标签，只包含属性并且没有闭合标签。</p> <p style="margin-left:.0001pt;text-align:justify;">在页面上显示图像，需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;"><strong>定义图像的语法是：</strong></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><img src="url" alt="some_text"></p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;"><strong>URL 指存储图像的位置。</strong>如果名为 "pit.jpg" 的图像位于 www.baidu.com 的 images 目录中，那么其 URL 为 http://www.baidu.com/images/pit.jpg。</p> <p style="margin-left:.0001pt;text-align:justify;">浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。</p> <h4 id="2.Alt%E5%B1%9E%E6%80%A7" style="margin-left:.0001pt;text-align:justify;">2.Alt属性</h4> <p style="margin-left:.0001pt;text-align:justify;">alt 属性用来为图像定义一串预备的可替换的文本，替换文本属性的值是用户定义的。</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><img src="boat.gif" alt="Big Boat"></p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;">在浏览器无法载入图像时，替换文本属性告诉读者失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。</p> <h4 id="3.%E8%AE%BE%E7%BD%AE%E5%9B%BE%E5%83%8F%E7%9A%84%E9%AB%98%E5%BA%A6%E4%B8%8E%E5%AE%BD%E5%BA%A6" style="margin-left:.0001pt;text-align:justify;">3.设置图像的高度与宽度</h4> <p style="margin-left:.0001pt;text-align:justify;">height（高度）与 width（宽度）属性用于设置图像的高度与宽度。</p> <p style="margin-left:.0001pt;text-align:justify;">属性值默认单位为像素:</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><img src="pit.jpg" alt="Pit rock" width="304" height="228"></p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;">图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。</p> <p style="margin-left:.0001pt;text-align:justify;"><span style="background-color:#ff9900;">注：假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以建议是：慎用图片。</span></p> <p style="margin-left:.0001pt;text-align:justify;"><span style="background-color:#ff9900;">注：加载页面时，要注意插入页面图像的路径，如果不能正确设置图像的位置，浏览器无法加载图片，图像标签就会显示一个破碎的图片。</span></p> <h3 id="%E4%BA%94%E3%80%81HTML%C2%A0%E8%A1%A8%E6%A0%BC" style="margin-left:.0001pt;text-align:justify;">五、HTML 表格</h3> <h4 id="1.HTML%C2%A0%E8%A1%A8%E6%A0%BC">1.HTML 表格</h4> <p style="margin-left:.0001pt;text-align:justify;">HTML 表格由 <table> 标签来定义，是一种用于展示结构化数据的标记语言元素。</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义），表格可以包含标题行（由<th>标签定义）用于定义列的标题。</p> <p style="margin-left:.0001pt;text-align:justify;">tr：tr 是 table row 的缩写，表示表格的一行。</p> <p style="margin-left:.0001pt;text-align:justify;">td：td 是 table data 的缩写，表示表格的数据单元格。</p> <p style="margin-left:.0001pt;text-align:justify;">th：th 是 table header的缩写，表示表格的表头单元格。</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;">数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。</p> <p style="margin-left:.0001pt;text-align:justify;"><strong>HTML 表格实例：</strong></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><table></p> <p style="margin-left:.0001pt;text-align:justify;"> <thead></p> <p style="margin-left:.0001pt;text-align:justify;"> <tr></p> <p style="margin-left:.0001pt;text-align:justify;"> <th>列标题1</th></p> <p style="margin-left:.0001pt;text-align:justify;"> <th>列标题2</th></p> <p style="margin-left:.0001pt;text-align:justify;"> <th>列标题3</th></p> <p style="margin-left:.0001pt;text-align:justify;"> </tr></p> <p style="margin-left:.0001pt;text-align:justify;"> </thead></p> <p style="margin-left:.0001pt;text-align:justify;"> <tbody></p> <p style="margin-left:.0001pt;text-align:justify;"> <tr></p> <p style="margin-left:.0001pt;text-align:justify;"> <td>行1，列1</td></p> <p style="margin-left:.0001pt;text-align:justify;"> <td>行1，列2</td></p> <p style="margin-left:.0001pt;text-align:justify;"> <td>行1，列3</td></p> <p style="margin-left:.0001pt;text-align:justify;"> </tr></p> <p style="margin-left:.0001pt;text-align:justify;"> <tr></p> <p style="margin-left:.0001pt;text-align:justify;"> <td>行2，列1</td></p> <p style="margin-left:.0001pt;text-align:justify;"> <td>行2，列2</td></p> <p style="margin-left:.0001pt;text-align:justify;"> <td>行2，列3</td></p> <p style="margin-left:.0001pt;text-align:justify;"> </tr></p> <p style="margin-left:.0001pt;text-align:justify;"> </tbody></p> <p style="margin-left:.0001pt;text-align:justify;"></table></p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;"><strong>以上的表格实例代码中</strong></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><table> 元素表示整个表格，它包含两个主要部分：<thead> 和 <tbody>。</p> <p style="margin-left:.0001pt;text-align:justify;"><thead > 用于定义表格的标题部分：在 <thead > 中，使用 <th > 元素定义列的标题，以上实例中列标题分别为"列标题1"，"列标题2"和"列标题3"。</p> <p style="margin-left:.0001pt;text-align:justify;"><tbody > 用于定义表格的主体部分：在 <tbody > 中，使用 <tr > 元素定义行，并在每行中使用 <td > 元素定义单元格数据，以上实例中有两行数据，每行包含三个单元格。</p> <p style="margin-left:.0001pt;text-align:justify;">通过使用 <th > 元素定义列标题，可以使其在表格中以粗体显示，与普通单元格区分开来。</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;"><strong>表格实例</strong></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><table border="1"></p> <p style="margin-left:.0001pt;text-align:justify;"><tr></p> <p style="margin-left:.0001pt;text-align:justify;"><td>row 1, cell 1</td></p> <p style="margin-left:.0001pt;text-align:justify;"><td>row 1, cell 2</td></p> <p style="margin-left:.0001pt;text-align:justify;"></tr></p> <p style="margin-left:.0001pt;text-align:justify;"><tr></p> <p style="margin-left:.0001pt;text-align:justify;"><td>row 2, cell 1</td></p> <p style="margin-left:.0001pt;text-align:justify;"><td>row 2, cell 2</td></p> <p style="margin-left:.0001pt;text-align:justify;"></tr></p> <p style="margin-left:.0001pt;text-align:justify;"></table></p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;"><strong>在浏览器显示如下：</strong></p> <p style="margin-left:.0001pt;text-align:center;"><a href="http://img.e-com-net.com/image/info8/3a7dbce86040405f97f6851c75f164b5.jpg" target="_blank"><img alt="" src="http://img.e-com-net.com/image/info8/3a7dbce86040405f97f6851c75f164b5.jpg" width="213" height="54"></a></p> <h4 id="2.HTML%20%E8%A1%A8%E6%A0%BC%E5%92%8C%E8%BE%B9%E6%A1%86%E5%B1%9E%E6%80%A7" style="margin-left:.0001pt;text-align:justify;"><strong>2.HTML 表格和边框属性</strong></h4> <p style="margin-left:.0001pt;text-align:justify;">如果不定义边框属性，表格将不显示边框。使用边框属性来显示一个带有边框的表格：</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><table border="1"></p> <p style="margin-left:.0001pt;text-align:justify;"><tr></p> <p style="margin-left:.0001pt;text-align:justify;"><td>Row 1, cell 1</td></p> <p style="margin-left:.0001pt;text-align:justify;"><td>Row 1, cell 2</td></p> <p style="margin-left:.0001pt;text-align:justify;"></tr></p> <p style="margin-left:.0001pt;text-align:justify;"></table></p> </blockquote> <h4 id="3.HTML%20%E8%A1%A8%E6%A0%BC%E8%A1%A8%E5%A4%B4" style="margin-left:.0001pt;text-align:justify;">3.HTML 表格表头</h4> <p style="margin-left:.0001pt;text-align:justify;">表格的表头使用 <th> 标签进行定义。大多数浏览器会把表头显示为<strong>粗体居中</strong>的文本：</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><table border="1"></p> <p style="margin-left:.0001pt;text-align:justify;"><tr></p> <p style="margin-left:.0001pt;text-align:justify;"><th>Header 1</th></p> <p style="margin-left:.0001pt;text-align:justify;"><th>Header 2</th></p> <p style="margin-left:.0001pt;text-align:justify;"></tr></p> <p style="margin-left:.0001pt;text-align:justify;"><tr></p> <p style="margin-left:.0001pt;text-align:justify;"><td>row 1, cell 1</td></p> <p style="margin-left:.0001pt;text-align:justify;"><td>row 1, cell 2</td></p> <p style="margin-left:.0001pt;text-align:justify;"></tr></p> <p style="margin-left:.0001pt;text-align:justify;"><tr></p> <p style="margin-left:.0001pt;text-align:justify;"><td>row 2, cell 1</td></p> <p style="margin-left:.0001pt;text-align:justify;"><td>row 2, cell 2</td></p> <p style="margin-left:.0001pt;text-align:justify;"></tr></p> <p style="margin-left:.0001pt;text-align:justify;"></table></p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;">在浏览器显示如下：</p> <p style="margin-left:.0001pt;text-align:center;"><a href="http://img.e-com-net.com/image/info8/8cd8051225494327bb4e372e5c67d5ee.jpg" target="_blank"><img alt="" src="http://img.e-com-net.com/image/info8/8cd8051225494327bb4e372e5c67d5ee.jpg" width="211" height="81"></a></p> <h4 id="4.HTML%20%E8%A1%A8%E6%A0%BC%E6%A0%87%E7%AD%BE" style="background-color:transparent;margin-left:.0001pt;text-align:justify;">4.HTML 表格标签</h4> <table border="1"> <tbody> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">标签</p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">描述</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><table></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义表格</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><th></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义表格的表头</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><tr></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义表格的行</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><td></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义表格单元</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><caption></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义表格标题</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><colgroup></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义表格列的组</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><col></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义用于表格列的属性</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><thead></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义表格的页眉</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><tbody></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义表格的主体</p> </td> </tr> <tr> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;"><tfoot></p> </td> <td style="vertical-align:top;width:213.05pt;"> <p style="margin-left:.0001pt;text-align:justify;">定义表格的页脚</p> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1757374301503242240"></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">你可能感兴趣的:(HTML,前端,html,笔记,javascript,开发语言)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1885713639151824896.htm" title="TWebbrowser自动点击链接" target="_blank">TWebbrowser自动点击链接</a> <span class="text-muted">nfenghklibra</span> <a class="tag" taget="_blank" href="/search/Delphi%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">Delphi学习笔记</a><a class="tag" taget="_blank" href="/search/delphi/1.htm">delphi</a><a class="tag" taget="_blank" href="/search/url/1.htm">url</a> <div>delphi中TWebbrowser自动点击链接,其中TWebBrowser的Navigate方法并不完全等同于点击链接procedureTForm1.btnClickUrlClick(Sender:TObject);varJ:integer;spDisp:IDispatch;IDoc1:IHTMLDocument2;ielc:IHTMLElementCollection;ihtml:IHTMLE</div> </li> <li><a href="/article/1885713134287646720.htm" title="前端微应用体系" target="_blank">前端微应用体系</a> <span class="text-muted">趙子昂</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>前端微应用体系在现代前端开发中，随着项目规模的不断扩大和团队协作的日益复杂，传统的单一应用架构面临着种种挑战。为了提升开发效率、降低维护成本以及增强系统的灵活性，前端微应用（MicroFrontends）应运而生。一、什么是前端微应用？前端微应用是一种将单个前端应用拆分成多个小型、独立部署的应用的方法。这些小型应用各自负责不同的功能模块，可以独立开发、测试和部署。每个微应用可以使用不同的技术栈，与</div> </li> <li><a href="/article/1885712123129032704.htm" title="MySQLDBA修炼之道-开发篇（一）" target="_blank">MySQLDBA修炼之道-开发篇（一）</a> <span class="text-muted">滔_GY</span> <a class="tag" taget="_blank" href="/search/MySQL/1.htm">MySQL</a><a class="tag" taget="_blank" href="/search/DBA%E4%BF%AE%E7%82%BC%E4%B9%8B%E9%81%93-%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">DBA修炼之道-读书笔记</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><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>三、开发基础1.数据模型1.1关系数据模型介绍关于NULL如果某个字段的值是未知的或未定义的，数据库会提供一个特殊的值NULL来表示。NULL值很特殊，在关系数据库中应该小心处理。例如查询语句“select*fromemployeewhere绩效得分绩效得分>85；”就不能查询出绩效得分是未知的（NULL）的数据。关于key和索引key常指表中能唯一标识一笔记录的字段（属性）或多个字段的组合。现实</div> </li> <li><a href="/article/1885697372831412224.htm" title="Vue全流程--Vue2插槽" target="_blank">Vue全流程--Vue2插槽</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>作用让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件。分类默认插槽、具名插槽、作用域插槽使用方式1.默认插槽：让子组件以不同的内容形式或者格式展现出来父组件{{g}}importCategoryfrom'./components/Category'exportdefault{name:'App',components:{Category},data</div> </li> <li><a href="/article/1885688419288412160.htm" title="Node.js 的底层原理" target="_blank">Node.js 的底层原理</a> <span class="text-muted">阿芯爱编程</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/js%E6%8A%80%E5%B7%A7/1.htm">js技巧</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>Node.js的底层原理1.事件驱动和非阻塞I/ONode.js基于ChromeV8引擎，使用JavaScript作为开发语言。它采用事件驱动和非阻塞I/O模型，使其轻量且高效。通过libuv库实现跨平台的异步I/O，包括文件操作、网络请求等。2.单线程事件循环Node.js使用单个线程来处理所有请求，通过事件循环机制来管理并发。事件循环不断检查是否有待处理的事件或回调函数，并依次执行它们。这种模</div> </li> <li><a href="/article/1885685766558904320.htm" title="机器学习笔记——特征工程" target="_blank">机器学习笔记——特征工程</a> <span class="text-muted">好评笔记</span> <a class="tag" taget="_blank" href="/search/%E8%A1%A5%E6%A1%A3/1.htm">补档</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AE%BA%E6%96%87%E9%98%85%E8%AF%BB/1.htm">论文阅读</a><a class="tag" taget="_blank" href="/search/AIGC/1.htm">AIGC</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>大家好，这里是好评笔记，公主号：Goodnote，专栏文章私信限时Free。本笔记介绍机器学习中常见的特征工程方法、正则化方法和简要介绍强化学习。文章目录特征工程（FzeatureEngineering）1.特征提取（FeatureExtraction）手工特征提取（ManualFeatureExtraction）：自动特征提取（AutomatedFeatureExtraction）：2.特征选择</div> </li> <li><a href="/article/1885682743019368448.htm" title="maven生成html单元测试报告,Maven中配置生成单元测试报告配置" target="_blank">maven生成html单元测试报告,Maven中配置生成单元测试报告配置</a> <span class="text-muted">yoh sk</span> <div>对junit单元测试的报告：1.-------------------------------------------------------2.TESTS3.-------------------------------------------------------4.Runningcom.liuyan.account.mail.AccountImageServiceImplTest5.---</div> </li> <li><a href="/article/1885680472835551232.htm" title="前端测试结果在浏览器中展示：Jest + Puppeteer 与 Karma + Jasmine 实践" target="_blank">前端测试结果在浏览器中展示：Jest + Puppeteer 与 Karma + Jasmine 实践</a> <span class="text-muted">阿贾克斯的黎明</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录前端测试结果在浏览器中展示：Jest+Puppeteer与Karma+Jasmine实践引言一、Jest+Puppeteer1.工具简介2.安装依赖3.编写测试文件4.运行测试二、Karma+Jasmine1.工具简介2.安装依赖3.配置Karma4.运行测试三、总结引言在前端开发中，测试是确保代码质量的重要环节。常见的测试包如Jest、Mocha等默认将测试结果输出在控制台。然而，有时我们希</div> </li> <li><a href="/article/1885665969167200256.htm" title="前端 | 深入理解Promise" target="_blank">前端 | 深入理解Promise</a> <span class="text-muted">酒酿泡芙1217</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/Promise/1.htm">Promise</a><a class="tag" taget="_blank" href="/search/async%2Fawait/1.htm">async/await</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1.引言JavaScript是一种单线程语言，这意味着它一次仅能执行一个任务。为了处理异步操作，JavaScript提供了回调函数，但是随着项目处理并发任务的增加，回调地狱(CallbackHell)使异步代码很难维护。为此，ES6带来了Promise给了一种更清晰的异步操作模型。2.对Promise的理解Promise是异步编程的一种解决方案，它是一个对象，可以获取异步操作的消息，他的出现大大改</div> </li> <li><a href="/article/1885661551482957824.htm" title="严恭敏老师PSINS工具箱学习笔记-1" target="_blank">严恭敏老师PSINS工具箱学习笔记-1</a> <span class="text-muted">嘀嗒zxy</span> <a class="tag" taget="_blank" href="/search/%E6%83%AF%E5%AF%BC/1.htm">惯导</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%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/matlab/1.htm">matlab</a> <div>PSINS工具箱学习与使用刚开始入门惯性导航算法，看了一些书但实践出了一些问题，经推荐了解到西工大严恭敏老师的PSINS工具箱很适合自学，就在网上找了一些相关资料，很全。网址：http://www.psins.org.cn/syb站介绍：https://www.bilibili.com/video/BV1R54y1E7ut/?vd_source=6ce8821b81ac808150f82236f5</div> </li> <li><a href="/article/1885657894284750848.htm" title="springboot整合knife4j，从此告别手写接口文档" target="_blank">springboot整合knife4j，从此告别手写接口文档</a> <span class="text-muted">棋了个怪啊_Rachel</span> <a class="tag" taget="_blank" href="/search/Java%E8%BF%9B%E9%98%B6%E5%AD%A6%E4%B9%A0%E6%B1%87%E6%80%BB/1.htm">Java进阶学习汇总</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/knife4j/1.htm">knife4j</a> <div>关于knife4jKnife4j的前身是swagger-bootstrap-ui,前身swagger-bootstrap-ui是一个纯swagger-ui的ui皮肤项目一开始项目初衷是为了写一个增强版本的swagger的前端ui,但是随着项目的发展,面对越来越多的个性化需求,不得不编写后端Java代码以满足新的需求,在swagger-bootstrap-ui的1.8.5~1.9.6版本之间,采用的</div> </li> <li><a href="/article/1885657386182569984.htm" title="基于SSM的大王门店管理系统设计与实现" target="_blank">基于SSM的大王门店管理系统设计与实现</a> <span class="text-muted">qq1744828575</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>目录摘要IAbstractII引言11相关技术31.1SSM31.1.1Spring31.1.2SpringMVC31.1.3MyBatis41.2Shiro41.3前端技术41.3.1Bootstrap41.3.2jQuery41.3.3Ajax51.3.4Layui51.3.5Thymeleaf51.4本章小结62系统分析72.1功能需求分析72.2非功能需求113系统设计133.1系统总体设</div> </li> <li><a href="/article/1885649691438280704.htm" title="SSM 构建个性化商铺系统：功能亮点聚焦商业成功" target="_blank">SSM 构建个性化商铺系统：功能亮点聚焦商业成功</a> <span class="text-muted">2402_85758349</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>第二章开发技术与环境配置以Java语言为开发工具，利用了当前先进的SSM框架技术，以MyEclipse10为系统开发工具，MySQL为后台数据库，开发的一个个性化商铺系统。2.1微信开发者工具在传统web浏览器中，在加载htm15页面时先加载视图层的html和css，后加载逻辑层的javascript，然后返回数据并在浏览器中展示页面。而微信开发者工具的系统层是基于NativeSystem的，视图</div> </li> <li><a href="/article/1885644401410109440.htm" title="Learning Vue 读书笔记 Chapter 2" target="_blank">Learning Vue 读书笔记 Chapter 2</a> <span class="text-muted">追光少年3322</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a> <div>2.Vue基本工作原理2.1VirtualDOM概念：DOM:DOM以内存中树状数据结构的形式，代表了网页上的HTML（或XML）文档内容。它充当了一个编程接口，将网页与实际的编程代码（如JavaScript）连接起来。VirtualDOM是浏览器中实际DOM的内存虚拟副本，但它更轻量且具有额外的功能。VirtualDOM工作原理：通过用户界面交互，用户向Vue传达了他们希望元素达到的状态；随后，</div> </li> <li><a href="/article/1885644022379245568.htm" title="python 爬取小红书" target="_blank">python 爬取小红书</a> <span class="text-muted">追光少年3322</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%88%AC%E8%99%AB/1.htm">网络爬虫</a> <div>爬虫实现基本流程一.明确需求明确采集的网站及数据内容目标：根据小红书作者主页链接，采集作者主页所有笔记，并保存为excel表格。采集的字段包括作者、笔记类型、标题、点赞数、笔记链接。网址：https://www.xiaohongshu.com/user/profile/64c38af4000000000e026b43二.分析思路分析爬虫思路，概括如下：打开小红书主页与登录打开小红书作者主页,获取作</div> </li> <li><a href="/article/1885643895958728704.htm" title="Python笔记之 collections.deque双端队列" target="_blank">Python笔记之 collections.deque双端队列</a> <span class="text-muted">一起种梧桐吧</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/%E5%88%97%E8%A1%A8/1.htm">列表</a><a class="tag" taget="_blank" href="/search/%E9%98%9F%E5%88%97/1.htm">队列</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>deque简介deque是一个双端列表,如果要经常从两端操作数据,选择deque就比较好,如果要实现随机访问,还是建议使用列表list.collections.deque官方说明文档操作简介append()append(x)Addxtotherightsideofthedeque.importcollectionsmydeque=collections.deque(range(3),maxlen=</div> </li> <li><a href="/article/1885639103316291584.htm" title="iCloud备忘录同步指南：跨设备同步你的想法与任务" target="_blank">iCloud备忘录同步指南：跨设备同步你的想法与任务</a> <span class="text-muted">liuxin33445566</span> <a class="tag" taget="_blank" href="/search/icloud/1.htm">icloud</a> <div>引言iCloud备忘录是苹果公司提供的一项功能，它允许用户在所有苹果设备上同步备忘录。无论是快速记录想法、创建购物清单，还是规划旅行，iCloud备忘录都能帮助用户保持组织和同步。本文将详细介绍如何在iCloud中同步备忘录，确保你的笔记在所有设备上保持最新状态。iCloud备忘录概述iCloud备忘录是iOS、iPadOS、macOS、watchOS以及Windows平台上备忘录应用的一部分。它</div> </li> <li><a href="/article/1885631788928266240.htm" title="【转摘】域名服务器配置学习笔记" target="_blank">【转摘】域名服务器配置学习笔记</a> <span class="text-muted">weixin_30725467</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/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>括看相关的rfc文件，一看和dns相关的rfc文件，妈呀，居然有86个之多。能看多少是多少吧。先把DNS的原理研究透彻了。在看rfc文件我想会事半功倍的：）1.ICANN是干什么的？和他的一些相关资讯？ICANN全称是叫：InternetCorporationforAssignedNamesandNumbers(互联网名称与数字地址分配机构），是一个非盈利性的国际组织，负责互联网协议（IP）地址的</div> </li> <li><a href="/article/1885621947702767616.htm" title="大数据笔记之 Flink1.17 算子" target="_blank">大数据笔记之 Flink1.17 算子</a> <span class="text-muted">凡许真</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/flink1.17/1.htm">flink1.17</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E5%AD%90/1.htm">算子</a> <div>文章目录前言一、Partition分区（物理分区）1.1随机分区shuffle1.2轮询分区rebalance1.3重缩放分区rescale1.4广播分区broadcast1.5全局分区global1.6keyby1.7自定义分区Custom二、transform2.1flatMap2.2filter2.3RichFunction2.4map三、Aggregate聚合3.1keyBy()3.2ma</div> </li> <li><a href="/article/1885618664997187584.htm" title="读书笔记-《你的灯亮着吗？》" target="_blank">读书笔记-《你的灯亮着吗？》</a> <span class="text-muted">萝卜青今天也要开心</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>这是一本短篇且有趣的书，通过一些小故事讨论了下解决问题时会遇到的困难。01为什么难以定义问题常言道，办法总比问题多，但往往我们在一开始就没有定义好问题：在学校时，校园教育使得我们会紧紧抓住看起来像是“问题”的第一个表述，然后尽快“解决”它，因为在考试中，速度很重要。工作后，我们往往迫于外界环境的压力，在没定义好问题的时候就给出解决方案。例如，在一座金融区的写字大楼，电梯已经不够用了，租户威胁说，如</div> </li> <li><a href="/article/1885613113403830272.htm" title="JAVA 图形界面编程 AWT篇（1）" target="_blank">JAVA 图形界面编程 AWT篇（1）</a> <span class="text-muted">禁默</span> <a class="tag" taget="_blank" href="/search/JAVA%E5%9B%BE%E5%BD%A2%E7%95%8C%E9%9D%A2%E7%BC%96%E7%A8%8B/1.htm">JAVA图形界面编程</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>前言为了应对JAVA课设，小编走上了java的图形界面编程的道路，通过博客分享自己的学习历程，并进行笔记的记录。AWT（AbstractWindowToolkit）介绍AWT（抽象窗口工具包）是Java最早的图形用户界面（GUI）框架之一，主要用于构建桌面应用程序的图形界面。最初在JDK1.0版本中作为JavaGUI的核心库引入，旨在提供一个跨平台的图形用户界面工具包。AWT的最大特点是平台依赖性</div> </li> <li><a href="/article/1885609706274222080.htm" title="Day31-【AI思考】-深度学习方法论全解析——科学提升学习效率的终极指南" target="_blank">Day31-【AI思考】-深度学习方法论全解析——科学提升学习效率的终极指南</a> <span class="text-muted">一个一定要撑住的学习者</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/AI%E6%B7%B1%E5%BA%A6%E6%80%9D%E8%80%83%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">AI深度思考学习方法</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>文章目录深度学习方法论全解析——科学提升学习效率的终极指南**一、影子跟读法（Shadowing）——听力突破核武器****二、番茄工作法（Pomodoro）——时间管理手术刀****三、费曼技巧（FeynmanTechnique）——知识内化加速器****四、康奈尔笔记（CornellNotes）——信息处理引擎**效能倍增组合技常见问题解决方案深度学习方法论全解析——科学提升学习效率的终极指南</div> </li> <li><a href="/article/1885605167949213696.htm" title="FreeMaker 模板引擎的使用" target="_blank">FreeMaker 模板引擎的使用</a> <span class="text-muted">My LQS</span> <a class="tag" taget="_blank" href="/search/%E5%8E%86%E5%8F%B2%E7%BB%8F%E9%AA%8C%E7%AF%87/1.htm">历史经验篇</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>大家好！今天想跟大家聊聊一个在Java后端开发中非常实用的工具——FreeMarker模板引擎。它是一款简单易用、功能强大的模板引擎，不管是生成HTML页面，还是处理静态文件，都能让我们轻松搞定。接下来，我会带大家一步步了解FreeMarker的使用方法以及它的实际应用场景。什么是FreeMarker？FreeMarker是一个模板引擎，简单来说，它可以帮我们把动态数据填充到模板文件里，生成最终的</div> </li> <li><a href="/article/1885601260959232000.htm" title="搜索引擎快速收录：关键词布局的艺术" target="_blank">搜索引擎快速收录：关键词布局的艺术</a> <span class="text-muted">百度网站快速收录</span> <a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a><a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6%E5%BF%AB%E9%80%9F%E6%94%B6%E5%BD%95/1.htm">百度快速收录</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E5%BF%AB%E9%80%9F%E6%94%B6%E5%BD%95/1.htm">网站快速收录</a> <div>本文来自：百万收录网原文链接：https://www.baiwanshoulu.com/21.html搜索引擎快速收录中的关键词布局，是一项既精细又富有策略性的工作。以下是对关键词布局艺术的详细阐述：一、关键词布局的重要性关键词布局影响着后期页面是否被收录，以及网站在搜索引擎中的排名。合理的关键词布局能够提升网站的可见性，吸引更多的目标用户，从而实现网站流量的增长。二、关键词布局的原则相关性：关键</div> </li> <li><a href="/article/1885599119754457088.htm" title="Github 2025-01-31Java开源项目日报 Top10" target="_blank">Github 2025-01-31Java开源项目日报 Top10</a> <span class="text-muted">老孙正经胡说</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/Github%E8%B6%8B%E5%8A%BF%E5%88%86%E6%9E%90/1.htm">Github趋势分析</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/1.htm">开源项目</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/Golang/1.htm">Golang</a> <div>根据GithubTrendings的统计，今日(2025-01-31统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Java项目10C项目1Kotlin项目1Bazel：快速、可扩展的多语言构建系统创建周期：3564天开发语言：Java协议类型：ApacheLicense2.0Star数量：22144个Fork数量：3851次关注人数：22144人贡献人数：286</div> </li> <li><a href="/article/1885592685289467904.htm" title="【51单片机实验笔记】中断篇（二）定时器与中断" target="_blank">【51单片机实验笔记】中断篇（二）定时器与中断</a> <span class="text-muted">悬铃木下的青春</span> <a class="tag" taget="_blank" href="/search/51%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">51单片机</a><a class="tag" taget="_blank" href="/search/51%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">51单片机</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a> <div>目录前言晶振概述时序概述定时器概述工作方式寄存器（TMOD）定时器配置流程初值的简便算法微秒级定时中断的注意事项T2定时器概述定时器2控制寄存器（T2CON）定时器2模式寄存器（T2MOD）定时器2配置软件实现1.定时器测试延时精度2.单个独立按键的定时器消抖3.按键事件封装（短按、长按、双击、组合键）4.数码管的定时器刷新5.矩阵按键的定时器扫描检测遇到的问题总结前言你是否好奇过电子时钟的实现机</div> </li> <li><a href="/article/1885588395481165824.htm" title="前端网页开发学习（HTML+CSS+JS）有这一篇就够！" target="_blank">前端网页开发学习（HTML+CSS+JS）有这一篇就够！</a> <span class="text-muted">软件技术NINI</span> <a class="tag" taget="_blank" href="/search/html%2Fcss%E7%AC%94%E8%AE%B0/1.htm">html/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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>前端网页开发是一个不断发展的领域，涉及到构建和设计网站以及Web应用程序的用户界面。以下是一份全面的学习指南，涵盖HTML、CSS和JavaScript的基础知识，帮助你入门前端开发。HTML（超文本标记语言）1.基础结构文档类型和标签：定义了文档类型和根元素。htmlDocument标签：包含元数据，如字符集、标题和链接到CSS文件。标签：包含网页的可见内容。2.常用标签文本内容：<h</div> </li> <li><a href="/article/1885587638702895104.htm" title="【Git】使用笔记总结" target="_blank">【Git】使用笔记总结</a> <span class="text-muted">悬铃木下的青春</span> <a class="tag" taget="_blank" href="/search/%E6%9D%82%E7%AF%87/1.htm">杂篇</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>目录概述安装Git注册GitHub配置Git常用命令常见场景1.修改文件2.版本回退3.分支管理常见问题1.gitadd[中文文件夹]无法显示中文问题2.gitadd[文件夹]文件名中含有空格3.gitadd触发LF回车换行警告4.gitpush提示不存在Origin仓库5.Git与GitHub中默认分支不一致问题6.gitpull提示无法合并无关联仓库概述Git是一个开源的分布式版本控制系统，用</div> </li> <li><a href="/article/1885585113660583936.htm" title="BMC lighttpd 简单讲解(二) 模块讲解" target="_blank">BMC lighttpd 简单讲解(二) 模块讲解</a> <span class="text-muted">wit_yuan</span> <a class="tag" taget="_blank" href="/search/BMC/1.htm">BMC</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E6%A8%A1%E5%9D%97%E5%88%86%E6%9E%90/1.htm">基础模块分析</a><a class="tag" taget="_blank" href="/search/linux%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91/1.htm">linux应用开发</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%BC%80%E5%8F%91/1.htm">服务器开发</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1.说明本节将开始考虑如何去新增一个plugin以及讲解其他模块的内容。本节是继文章:BMClighttpd简单讲解(一)之后的第二篇文章。后台cgi程序库:libfcgi后台cgi程序库:raphters后台fcgi程序的文档可以参考:libfcgi/doc/fcgi-spec.htmllighttpd关于fastcgi:lighttpd/doc/outdated/fastcgi.txt2.日志</div> </li> <li><a href="/article/1885584356462882816.htm" title="Cypress测试框架详解-----轻松实现端到端自动化测试" target="_blank">Cypress测试框架详解-----轻松实现端到端自动化测试</a> <span class="text-muted">王大傻0928</span> <a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">自动化测试</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>Cypress是一个功能强大、易于使用的自动化测试工具，适用于现代Web应用的端到端测试。它的自动化处理、实时反馈、调试功能和易于集成的特性，使得它成为现在测试人员的热门测试框架选择。什么是Cypress框架？Cypress是一款开源的JavaScript自动化测试框架，是基于NodeJS的现代自动化工具，专为端到端测试设计，用于简化Web应用的测试自动化。支持使用JavaScript或TypeS</div> </li> <li><a href="/article/107.htm" title="web报表工具FineReport常见的数据集报错错误代码和解释" target="_blank">web报表工具FineReport常见的数据集报错错误代码和解释</a> <span class="text-muted">老A不折腾</span> <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/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a><a class="tag" taget="_blank" href="/search/%E5%8F%AF%E8%A7%86%E5%8C%96%E5%B7%A5%E5%85%B7/1.htm">可视化工具</a> <div>在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。 NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码</div> </li> <li><a href="/article/234.htm" title="Java的WeakReference与WeakHashMap" target="_blank">Java的WeakReference与WeakHashMap</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/%E5%BC%B1%E5%BC%95%E7%94%A8/1.htm">弱引用</a> <div>首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea</div> </li> <li><a href="/article/361.htm" title="Linux——（hostname）主机名与ip的映射" target="_blank">Linux——（hostname）主机名与ip的映射</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/hostname/1.htm">hostname</a> <div>一、什么是主机名无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的；主机名是用于什么的呢？答：在一个局域网中，每台机器都有一个主</div> </li> <li><a href="/article/488.htm" title="oracle 常用技巧" target="_blank">oracle 常用技巧</a> <span class="text-muted">18289753290</span> <div>oracle常用技巧 ①复制表结构和数据 create table temp_clientloginUser as select distinct userid from tbusrtloginlog ②仅复制数据如果表结构一样 insert into mytable select * &nb</div> </li> <li><a href="/article/615.htm" title="使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException" target="_blank">使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/exception/1.htm">exception</a> <div>有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou</div> </li> <li><a href="/article/742.htm" title="IT系统分析师如何学习大数据" target="_blank">IT系统分析师如何学习大数据</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能</div> </li> <li><a href="/article/869.htm" title="spring学习——简介" target="_blank">spring学习——简介</a> <span class="text-muted">a-john</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，</div> </li> <li><a href="/article/996.htm" title="自定义颜色的xml文件" target="_blank">自定义颜色的xml文件</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div><?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &</div> </li> <li><a href="/article/1123.htm" title="运营到底是做什么的？" target="_blank">运营到底是做什么的？</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E8%BF%90%E8%90%A5%E5%88%B0%E5%BA%95%E6%98%AF%E5%81%9A%E4%BB%80%E4%B9%88%E7%9A%84%EF%BC%9F/1.htm">运营到底是做什么的？</a> <div>文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用</div> </li> <li><a href="/article/1250.htm" title="js面向对象类和对象" target="_blank">js面向对象类和对象</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">面向对象</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E5%88%9B%E5%BB%BA%E7%B1%BB%E5%92%8C%E5%AF%B9%E8%B1%A1/1.htm">函数创建类和对象</a> <div>接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下 ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似下面介绍一些js的类和对象的创建的技术一:类和对</div> </li> <li><a href="/article/1377.htm" title="web.xml之资源管理对象配置 resource-env-ref" target="_blank">web.xml之资源管理对象配置 resource-env-ref</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/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类</div> </li> <li><a href="/article/1504.htm" title="Create a composite component with a custom namespace" target="_blank">Create a composite component with a custom namespace</a> <span class="text-muted">sunjing</span> <div>https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace When you developed a composite component the namespace you would be seeing would </div> </li> <li><a href="/article/1631.htm" title="【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter" target="_blank">【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div> 一、复本集为什么要加入Arbiter这个角色回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a </div> </li> <li><a href="/article/1758.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> 获取iframe内的元素通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if</div> </li> <li><a href="/article/1885.htm" title="Web浏览器Chrome打开一段时间后，运行alert无效" target="_blank">Web浏览器Chrome打开一段时间后，运行alert无效</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/chorme/1.htm">chorme</a><a class="tag" taget="_blank" href="/search/alert/1.htm">alert</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E6%95%88/1.htm">无效</a> <div>今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。试了试其他浏览器，发现都是没有问题的。开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了就关闭浏览器重启。结果就好了，这也太怪异了。难道是cho</div> </li> <li><a href="/article/2012.htm" title="编程之美-高效地安排会议图着色问题贪心算法" target="_blank">编程之美-高效地安排会议图着色问题贪心算法</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美高效地安排会议图着色问题贪心算法 * 假设要用很多个教室对一组</div> </li> <li><a href="/article/2139.htm" title="机器学习相关概念和开发工具" target="_blank">机器学习相关概念和开发工具</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>基本概念：机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。开发工具 M</div> </li> <li><a href="/article/2266.htm" title="[宇宙经济学]关于在太空建立永久定居点的可能性" target="_blank">[宇宙经济学]关于在太空建立永久定居点的可能性</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%BB%8F%E6%B5%8E/1.htm">经济</a> <div> 大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........ 所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点</div> </li> <li><a href="/article/2393.htm" title="oracle 11g database control 证书错误" target="_blank">oracle 11g database control 证书错误</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E8%AF%81%E4%B9%A6%E9%94%99%E8%AF%AF/1.htm">证书错误</a><a class="tag" taget="_blank" href="/search/oracle+11G+%E5%AE%89%E8%A3%85/1.htm">oracle 11G 安装</a> <div>oracle 11g database control 证书错误 win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面解决办法：是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：</div> </li> <li><a href="/article/2520.htm" title="Java I/O之用FilenameFilter实现根据文件扩展名删除文件" target="_blank">Java I/O之用FilenameFilter实现根据文件扩展名删除文件</a> <span class="text-muted">游其是你</span> <a class="tag" taget="_blank" href="/search/FilenameFilter/1.htm">FilenameFilter</a> <div>在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 </div> </li> <li><a href="/article/2647.htm" title="C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例" target="_blank">C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/array/1.htm">array</a> <div># include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",</div> </li> <li><a href="/article/2774.htm" title="PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。就是唯一且不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引" target="_blank">PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。就是唯一且不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/primary/1.htm">primary</a> <div>PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。就是唯一且不能为空。INDEX 索引，普通的UNIQUE 唯一索引。不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号 INT会员姓名 </div> </li> <li><a href="/article/2901.htm" title="java集合辅助类 Collections、Arrays" target="_blank">java集合辅助类 Collections、Arrays</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/Collections/1.htm">Collections</a><a class="tag" taget="_blank" href="/search/Arrays/1.htm">Arrays</a><a class="tag" taget="_blank" href="/search/HashCode/1.htm">HashCode</a> <div> Arrays、Collections 1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); } a）Arrays.asL</div> </li> <li><a href="/article/3028.htm" title="Spring Security（10）——退出登录logout" target="_blank">Spring Security（10）——退出登录logout</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/logout/1.htm">logout</a><a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/%E9%80%80%E5%87%BA%E7%99%BB%E5%BD%95/1.htm">退出登录</a><a class="tag" taget="_blank" href="/search/logout-url/1.htm">logout-url</a><a class="tag" taget="_blank" href="/search/LogoutFilter/1.htm">LogoutFilter</a> <div> 要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu</div> </li> <li><a href="/article/3155.htm" title="透过源码学前端之 Backbone 三 Model" target="_blank">透过源码学前端之 Backbone 三 Model</a> <span class="text-muted">逐行分析JS源代码</span> <a class="tag" taget="_blank" href="/search/backbone/1.htm">backbone</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90/1.htm">源码分析</a><a class="tag" taget="_blank" href="/search/js%E5%AD%A6%E4%B9%A0/1.htm">js学习</a> <div>Backbone 分析第三部分 Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里，但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件，如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。 </div> </li> <li><a href="/article/3282.htm" title="SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter" target="_blank">SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter</a> <span class="text-muted">乒乓狂魔</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div>这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate</div> </li> <li><a href="/article/3409.htm" title="分布式基础知识和算法理论" target="_blank">分布式基础知识和算法理论</a> <span class="text-muted">bluky999</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E8%87%B4%E6%80%A7%E5%93%88%E5%B8%8C/1.htm">一致性哈希</a><a class="tag" taget="_blank" href="/search/paxos/1.htm">paxos</a> <div> 分布式基础知识和算法理论 BY NODEXY@2014.8.12 本文永久链接：http://nodex.iteye.com/blog/2103218 在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同</div> </li> <li><a href="/article/3536.htm" title="Android Studio的.gitignore以及gitignore无效的解决" target="_blank">Android Studio的.gitignore以及gitignore无效的解决</a> <span class="text-muted">bell0901</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/gitignore/1.htm">gitignore</a> <div>　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store </div> </li> <li><a href="/article/3663.htm" title="成为高级程序员的10个步骤" target="_blank">成为高级程序员的10个步骤</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a> <div>What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。 Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进历经更大的挑战。随着你的成长，各种影响力也会提高。 </div> </li> <li><a href="/article/3790.htm" title="mongdb在linux下的安装" target="_blank">mongdb在linux下的安装</a> <span class="text-muted">xtuhcy</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>一、查询linux版本号： lsb_release -a LSB Version: :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa</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>

标签	描述
	定义粗体文本
	定义着重文字
	定义斜体字
	定义小号字
	定义加重语气
	定义下标字
	定义上标字
	定义插入字
	定义删除字

标签	描述
	定义计算机代码
	定义键盘码
	定义计算机代码样本
	定义变量
	定义预格式文本

标签	描述
	定义缩写
	定义地址
	定义文字方向
	定义长的引用
	定义短的引用语
	定义引用、引证
	定义一个定义项目。