月光作笺Y

HTML基础知识

HTML的概述及开发环境
- 1.1.1 HTML的概述
- 1.1.2 HTML的历史版本
- 1.1.3 网页组成
- 1.1.4 开发环境
HTML标签组织页面内容
- 2.1.1 HTML标签名称与属性
- - - 基础标签html、head和body
    - 控制标签
- 2.1.2 实体标签元素分类
- - - 块级元素
    - 内联元素
    - 常见的块元素
    - 常见的内联元素
- 2.1.3 特殊字符与色彩
- - - 特殊字符表
    - 十二进制颜色表
    - HTML度量单位
简单的HTML标签
- 3.1.1 实体标签元素分类
- - - 文档结构元素
    - 标题标签与文本修饰标签
    - 超链接和target属性
    - - 超链接
      - target属性
    - 列表标签
    - - 无序列表
      - 有序列表
    - 图像标签
- 3.1.2 表格及表单
- - - 表格定义
    - 表单
    - - 表单标签
      - 表单域
      - 表单域代码
      - 按钮控件

HTML的概述及开发环境

1.1.1 HTML的概述

HTML是超文本标记语言，英语名称为HyperText Markup Language，它是一种用于创建网页的标准标记语言。

可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

超文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。

网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。

但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

1.1.2 HTML的历史版本

HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。
HTML 3.2：1997年1月14日，W3C推荐标准。
HTML 4.0：1997年12月18日，W3C推荐标准。
HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。
HTML 5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。Internet Explorer 8及以前的版本不支持。

1.1.3 网页组成

网页主要由文字、图像和超链接等元素构成。除了以上元素，网页中还可以包含音频、视频以及flash等。

除了首页之外，一个网站通常还包含多个子网页。网页与网页之间通过超链接互相访问。

网站由网页构成，网页有静态和动态之分

静态网页是指用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。

动态网页显示的内容则会随着用户操作和时间的不同而变化。

1.1.4 开发环境

高效的网页编辑器——VS code
Microsoft在2015年4月30日Build开发者大会上正式发布VS code项目：一个运用于Mac OS X、windows和Linux之上的，针对编写现代web和云应用的跨平台源代码编辑器。

VS code集成了一款现代编辑器所应该具备的特性，包括语法高亮，可制定的热键绑定，括号匹配以及代码片段收集。
流行的网页设计器——HBuilder
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。 HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。

它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。
网页文档快速修改工具EditPlus和NotePad
DW CS6非常适合初学者，但它启动速度较慢是网站开发人员所难以容忍的。网站开发人员经常使用EditPlus、NotePad和Sublime Text进行快速修改，因为它们比DW CS6有更快的启动速度，也都有高亮着色功能。

HTML标签组织页面内容

2.1.1 HTML标签名称与属性

基础标签html、head和body

标签是位于标签之后的，也被称为根标签，用来告诉浏览器这是一个HTML文档，标签标志着HTML文档的开始，则是标志着HTML文档的结束，在他们之间则是文档的头部和主体内容。

标签用于定义HTML文档的头部信息，也称为头部标签，紧跟在标签之后，主要用来封装其他位于文档头部的标签，比如、<mate>、<link>和<style></code>等，用来描述文档的标题、作者以及和其他文档的关系等。</p> <p><code><body>标签</code>用于定义HTML文档所要显示的内容。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<code><body></code>标签内，<code><body></code>标签中的信息才是最终显示给用户看的。</p> <p>一个HTML文档只能含有一对<code><body></code>标签，且<code><body></code>标签必须在<code><html></code>标签内，位于<code><head></code>头部标签之后，与<code><head></code>标签是并列关系。</p> <p>让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置，其语法格式为<code><标签名属性 1=“属性值 1 属性 2=“属性值 2”></code>网页元素<code></标签名></code></p> <p>整个HTML页面的代码结构如下：<br> <a href="http://img.e-com-net.com/image/info8/8a0ba93fdffb4d1588e1f5d07a90ee58.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/8a0ba93fdffb4d1588e1f5d07a90ee58.jpg" alt="HTML基础知识_第1张图片" width="553" height="280" style="border:1px solid black;"></a></p> <h4>控制标签</h4> <p>HTML提供了<code><h1>、<h2>、<h3>、<h4>、<h5>和<h6></code>，从<code><h1></code>到<code><h6></code>是6个等级的标题标签，用法格式如下：</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>hn</span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>对齐方式<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>标题内容<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>hn</span><span class="token punctuation">></span></span> </code></pre> <p>align属性设置对齐方式，其取值如下：</p> <ul> <li>left：设置标题文字左对齐（默认值）；</li> <li>center：设置标题文字居中；</li> <li>right：设置标题文字右对齐。</li> </ul> <p><code><p></code>是HTML文档中最常见的标签，也称为段落标签</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>对齐方式<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>段落内容<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> </code></pre> <p><code><hr/></code>称为水平线，使段落与段落之间隔开，使文档结构清晰。</p> <p><code><br/></code>称为换行标签，将段落强制性换行。</p> <h2>2.1.2 实体标签元素分类</h2> <p>块元素又名块级元素(block element)，和其对应的是内联元素(inline element)，都是html规范中的概念。大多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始(和结束)。</p> <h4>块级元素</h4> <p>①总是在新行上开始;</p> <p>②高度，行高以及外边距和内边距都可控制;</p> <p>③宽度缺省是它的容器的100%，除非设定一个宽度。</p> <p>④它可以容纳内联元素和其他块元素</p> <h4>内联元素</h4> <p>①和其他元素都在一行上;</p> <p>②高，行高及外边距和内边距不可改变;</p> <p>③宽度就是它的文字或图片的宽度，不可改变</p> <p>④内联元素只能容纳文本或者其他内联元素</p> <h4>常见的块元素</h4> <p>◎ form - 交互表单<br> ◎ h1 - 大标题<br> ◎ h2 - 副标题<br> ◎ h3 - 3级标题<br> ◎ h4 - 4级标题<br> ◎ h5 - 5级标题<br> ◎ h6 - 6级标题<br> ◎ hr - 水平分隔线<br> ◎ ol - 排序表单<br> ◎ p - 段落<br> ◎ div - 常用块级容器</p> <h4>常见的内联元素</h4> <p>◎ br - 换行<br> ◎ i - 斜体<br> ◎ img - 图片<br> ◎ input - 输入框<br> ◎ strong - 粗体强调<br> ◎ sub - 下标<br> ◎ sup - 上标</p> <h2>2.1.3 特殊字符与色彩</h2> <h4>特殊字符表</h4> <p><a href="http://img.e-com-net.com/image/info8/9b63ca6fd14049a592cafe3c17bdacca.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/9b63ca6fd14049a592cafe3c17bdacca.jpg" alt="HTML基础知识_第2张图片" width="650" height="443" style="border:1px solid black;"></a></p> <h4>十二进制颜色表</h4> <p><a href="http://img.e-com-net.com/image/info8/439c70351cd3423089e5736767133b8b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/439c70351cd3423089e5736767133b8b.jpg" alt="HTML基础知识_第3张图片" width="489" height="910" style="border:1px solid black;"></a></p> <h4>HTML度量单位</h4> <p>在HTML文档里，字体除了有颜色特性，还有大小特性。表格和图像等页面元素，也需要有度量大小的单位。HTML中，度量的主要单位如下：</p> <ul> <li>px：像素单位（计算机屏幕上的一个点），是绝对单位；</li> <li>%：百分比（相对当前屏幕尺寸的百分比），能适应屏幕大小；</li> <li>em：相对于当前字体尺寸的倍数，能方便地实现首先缩进2个汉字。</li> </ul> <h1>简单的HTML标签</h1> <h2>3.1.1 实体标签元素分类</h2> <h4>文档结构元素</h4> <p>段落标签<code><p></code>用于对网页内容提供块级格式。当浏览器解析<code><p></code>标签时，在新的段落之前插入一个空白行。<br> <code><br></code>标签，文本内容强行换行。<br> <code><hr></code>标签可以在页面中产生一条水平线，将文本区域内容分开。</p> <h4>标题标签与文本修饰标签</h4> <p><code><hn></code>标签（1≤n ≤ 6）称为标题标签。其中，<code><h4></code> 元素的内容与默认文本的大小基本相同， <code><h1>、<h2>和<h3></code>元素内容大于文本在网页中的默认尺寸，<code><h5>和<h6></code>元素的内容较小一些。<br> 文本修饰标签用于对文本样式进行设置。标签<code><font></code>可设置字体、字号和颜色；标签<code><strong></code>用于文本加粗；标签<code><sup></code>用于以上标的形式显示文本；标签<code><sub></code>用于以下标的形式显示文本；标签<code><i></code>用于实现斜体；标签<code><u></code>用于实现下划线。</p> <h4>超链接和target属性</h4> <h5>超链接</h5> <ul> <li>当浏览者点击链接时，可以直接转向对应的网页、图片、文件或邮箱等资源。当链接的文件类型为压缩文件时，出现文件下载。</li> <li>格式：<code>< a href=" " target=" "></code>链接内容<code></ a></code></li> <li>target用于指定链接页面的打开方式，取值如下多种：<br> 1、_self为默认值，表示当前窗口打开<br> 2、_blank表示新窗口打开</li> <li>常见的超链接有以下几种类型：<br> 文本链接、锚点链接、图像链接、图像热区链接、空链接和JavaScript链接。</li> <li>通过创建锚点链接，用户能够快速定位到目标内容。先使用<code><a name="锚点名"></code>创建锚点，然后使用<code>< a href="#锚点名"></code>链接至锚点。</li> <li>图片热区链接是指在同一个图片中不同的部分链接到不同的目标位置，比一般的图片链接更加灵活，在DW中易于设计和实现。</li> <li>空链接是尚未指派的链接：<code>< a href="#" ></code>链接内容<code></ a></code><br> JS链接指的是：<code>< a href="#" onclick="JS脚本或方法"></code>链接内容<code></ a></code></li> </ul> <h5>target属性</h5> <p>属性target有多种取值：</p> <ul> <li>_blank（在新窗口中打开被链接文档）</li> <li>_self（默认值，在相同的框架中打开被链接文档）</li> <li>_parent（在父框架集中打开被链接文档）</li> <li>_top（在整个窗口中打开被链接文档）</li> <li>frameName（在指定的框架中打开被链接文档）</li> </ul> <h4>列表标签</h4> <h5>无序列表</h5> <p>无序列表的各个列表项之间没有顺序级别之分，是并列的。语法格式如下：</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>列表1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>列表2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>列表3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>列表4<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> </code></pre> <h5>有序列表</h5> <p>有序列表即有排列顺序的列表，其各个列表项按照一定的顺序排列定义。有序列表的语法格式如下：</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ol</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>列表1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>列表2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>列表3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>列表4<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ol</span><span class="token punctuation">></span></span> </code></pre> <h4>图像标签</h4> <ul> <li>在页面中，使用< img />标签向HTML文档中添加一幅图像。</li> <li>格式：<code>< img src="url" width=" " height=" " alt=" " title=" " /></code></li> <li>必填属性src，其值为图像文件路径。</li> <li>任选属性with和height，指定文件的宽度和高度。否则，按照图像的实际宽度和高度显示。</li> <li>任选属性title，其值是鼠标位于图像上时的提示文本。</li> <li>任选属性alt用于浏览器无法显示图像时，该属性值作为图像的替代文本，以便搜索引擎对页面进行索引。</li> </ul> <h2>3.1.2 表格及表单</h2> <h4>表格定义</h4> <p>创建表格的基本语法：</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span> <span class="token attr-name">border</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>row 1, cell 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>row 1, cell 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>row 2, cell 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>row 2, cell 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> </code></pre> <p><code><table></code>用于定义一个表格，主要属性如下：</p> <table> <thead> <tr> <th>属性名</th> <th>含义</th> </tr> </thead> <tbody> <tr> <td>border</td> <td>表示表格外边框的宽度</td> </tr> <tr> <td>height</td> <td>表示表格的高度</td> </tr> <tr> <td>align</td> <td>表示表格的显示位置：left居左显示；center居中显示；right居右显示</td> </tr> <tr> <td>cellspacing</td> <td>单元格之间的间距</td> </tr> <tr> <td>cellpadding</td> <td>单元格内容与边框的显示距离</td> </tr> <tr> <td>width</td> <td>表示表格的宽度</td> </tr> </tbody> </table> <p><code><caption></code>主要属性如下：</p> <table> <thead> <tr> <th>属性名</th> <th>含义</th> </tr> </thead> <tbody> <tr> <td>top</td> <td>表示标题放在表格的上部</td> </tr> <tr> <td>bottom</td> <td>表示标题放在表格的下部</td> </tr> <tr> <td>left</td> <td>表示标题放在表格的左部</td> </tr> <tr> <td>right</td> <td>表示标题放在表格的右部</td> </tr> </tbody> </table> <p><code><tr></code>主要属性如下：</p> <table> <thead> <tr> <th>属性名</th> <th>含义</th> </tr> </thead> <tbody> <tr> <td>bgcolor</td> <td>属性用来设置背景颜色</td> </tr> <tr> <td>align</td> <td>属性用来设置垂直方向对齐方式</td> </tr> <tr> <td>valign</td> <td>属性用来设置水平方向对齐方式</td> </tr> </tbody> </table> <p><code><td></code>和<code><th></code>都是单元格的标记，其必须嵌套在<code><tr></code>标记中，成对出现。<code><th></code>是表头标记，<code><th></code>中的文字会被默认加粗，而<code><td></code>不会，<code><td></code>是数据标记，表示该单元格的具体数据。两者的标记属性是一样的：</p> <table> <thead> <tr> <th>属性名</th> <th>含义</th> </tr> </thead> <tbody> <tr> <td>bgcolor</td> <td>属性用来设置背景颜色</td> </tr> <tr> <td>align</td> <td>属性用来设置垂直方向对齐方式</td> </tr> <tr> <td>valign</td> <td>属性用来设置水平方向对齐方式</td> </tr> <tr> <td>rowspan</td> <td>设置单元格所占行数</td> </tr> <tr> <td>colspan</td> <td>设置单元格所占列数</td> </tr> </tbody> </table> <h4>表单</h4> <p><a href="http://img.e-com-net.com/image/info8/195e971a1afa451bbecb883e4a62f978.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/195e971a1afa451bbecb883e4a62f978.jpg" alt="HTML基础知识_第4张图片" width="650" height="281" style="border:1px solid black;"></a></p> <ul> <li>Form表单是HTML的一个重要部分，负责采集和提交用户输入的信息。</li> <li>表单主要分为表单标签和表单控件。其中，表单控件又可细分为文本域和按钮控件。</li> <li>常见的表单域包括文本框、密码框、多行文本框、单选按钮、复选框、下拉选择框等。</li> <li>在表单域录入数据后，可通过表单的特殊控件来处理。submit提交按钮将数据传递给服务器端程序处理；button命令按钮将数据交给JS程序处理；reset按钮用于清空文本域数据。</li> </ul> <h5>表单标签</h5> <ul> <li>表单属性action用于指定表单处理程序。处理程序使用某种服务端脚本语言编写，如php、C#或Java等。不指定时，默认由当前页面处理。</li> <li>表单属性method用于指定表单提交方式，取值post或get。get提交方式将数据作为URL的一部分发送给服务器，URL由地址部分和数据部分构成，两种之间用问号“？”隔开，数据以“名称=值”的方式成对出现，且数据与数据之间通过“&”符号进行分割；post提交方式将数据隐藏在HTTP的数据流中进行传输；请求数据不会出现在地址栏中，安全性比get方式要高，并且对数据长度没有限制。</li> <li>表单属性onsubmit用于向服务器提交数据之前，执行其指定的JavaScript脚本程序，用以实现客户端数据的有效性验证。</li> <li>表单属性enctype用于指定表单数据类型。当表单包含文件域时，需要指定为multipart/form-data。否则，使用默认值</li> </ul> <h5>表单域</h5> <ul> <li>表单域多用于收集网站访问者的信息，它们位于与标签之间。</li> <li>表单域主要包括文本框、密码框、隐藏域、多行文本框、单选按钮、复选框、列表选择框和文件选择框等元素。</li> <li>表单域需要使用属性name （当元素不唯一时使用）或id（当元素唯一时使用），以便表单处理程序按名获取元素值。</li> <li>除多行文本框和列表选择框外，大部分表单域使用标签来创建，类型由type属性值决定。</li> <li>对于文本框等表单域，属性value用于设定默认值。</li> <li>当表单域个数较多时，可使用标签进行分组（内嵌标签呈现组标题）</li> </ul> <h5>表单域代码</h5> <pre><code class="prism language-html">文本框：<input type="text" id="un"…/> 密码框： <input type= "password" id="pwd"…/> 隐藏域： <input type= "hidden" id="hzd"…/> 多行文本框：<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>textarea</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>textarea<span class="token punctuation">"</span></span> <span class="token attr-name">rows</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span> <span class="token attr-name">cols</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>25<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>textarea</span><span class="token punctuation">></span></span> 文件选择框：<input type="file" id="filezd"…> 单选按钮：<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ah<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>01<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> 优秀 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ah<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>02<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> 良好 …… 复选框： <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ah<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ah01<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> 唱歌 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ah<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ah02<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> 打球 …… 列表选择框：<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>select</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>city<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>se1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>北京<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>option</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>se2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>上海<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>option</span><span class="token punctuation">></span></span> …… <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>select</span><span class="token punctuation">></span></span> </code></pre> <p><mark>注意:<br> (1)为了保证一组单选按钮选择时互斥，必须指定相同的name属性值。<br> (2)单选按钮提交的值是value属性值。<br> (3）隐藏域实现数据的隐式提交<br> (4）文件选择框实现了文件的浏览选择方式。<br> (5)复选框并不要求name属性值相同，这不同于单选按钮。通常设置一组复选框具有相同的name值，只是为了方便形成数组来处理。<br> (6)复选和列表选择提交的值也是value属性值。<br> (7)对于单选和复选，使用属性checked=“checked” 用于指定该项默认被选中，也可以简写成checked；而列表选择的默认选中使用属性selected。</mark></p> <h5>按钮控件</h5> <p>表单的按钮有多种功能：可以用于提交表单，也可以用于清除或重置表单，还用于触发客户端脚本程序。按钮分为提交按钮、重置按钮、图片按钮和普通按钮。</p> <pre><code class="prism language-html">提交按钮 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>提交<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> 重置按钮 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>reset<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>重置<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> 图像按钮<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>image<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>图片文件名<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span> 普通按钮 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>button<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>提交<span class="token punctuation">"</span></span> <span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>JS方法<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span> </code></pre> <p><strong>下期预告：CSS样式基础知识，感谢你的观看</strong><br> <a href="http://img.e-com-net.com/image/info8/f23100de175d44198caa6a0a96a77360.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/f23100de175d44198caa6a0a96a77360.jpg" alt="HTML基础知识_第5张图片" width="650" height="305" style="border:1px solid black;"></a><br> <a href="http://img.e-com-net.com/image/info8/0c4f901aa0f249da9aa9c9f52d064a2a.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/0c4f901aa0f249da9aa9c9f52d064a2a.jpg" alt="HTML基础知识_第6张图片" width="454" height="174" style="border:1px solid black;"></a></p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1392027226769281024"></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,html5,css3,css,web)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1880797197872721920.htm" title="Nginx+FFmpeg实现海康威视摄像头的rtsp流转hls流并在本地WEB页面以及服务器WEB页面实现直播效果" target="_blank">Nginx+FFmpeg实现海康威视摄像头的rtsp流转hls流并在本地WEB页面以及服务器WEB页面实现直播效果</a> <span class="text-muted">Zim_cie</span> <a class="tag" taget="_blank" href="/search/%E6%B5%B7%E5%BA%B7%E5%A8%81%E8%A7%86%E6%91%84%E5%83%8F%E5%A4%B4/1.htm">海康威视摄像头</a><a class="tag" taget="_blank" href="/search/hls/1.htm">hls</a><a class="tag" taget="_blank" href="/search/rtsp/1.htm">rtsp</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/ffmpeg/1.htm">ffmpeg</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>由于自己的海康威视网络摄像机不支持websocket，无法使用官方网页提供的WEB3.2开发包，只能使用低版本3.0版本的web开发包，但是这个版本的开发包只支持44以下版本的Chrome浏览器（当前普遍版本90+），ie9-ie11（？？?很少人用ie了，更何况不适配开发需求），其余Firefox也应该是低版本的。转而想到通过提取视频流的方法进行二次开发。》》具体如何查看通过海康威视技术人员提示</div> </li> <li><a href="/article/1880795434000117760.htm" title="使用Selenium进行网页自动化测试" target="_blank">使用Selenium进行网页自动化测试</a> <span class="text-muted">Rverdoser</span> <a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>#导入Selenium的webdriverfromseleniumimportwebdriverfromselenium.webdriver.common.keysimportKeysimporttime#创建WebDriver对象，指定使用Chrome浏览器和浏览器驱动的路径driver=webdriver.Chrome(executable_path='/path/to/chromedrive</div> </li> <li><a href="/article/1880789254154547200.htm" title="使用vue3实现语音交互的前端页面" target="_blank">使用vue3实现语音交互的前端页面</a> <span class="text-muted">Rverdoser</span> <a class="tag" taget="_blank" href="/search/%E4%BA%A4%E4%BA%92/1.htm">交互</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>要在Vue3中实现语音交互的前端页面，你可以使用WebSpeechAPI。以下是一个简单的例子，展示了如何在Vue3组件中集成语音识别（speechrecognition）和语音合成（speechsynthesis）功能。首先，确保你的项目中安装了vue3。npminstallvue@next然后，创建一个Vue组件：开始录音开始播放import{ref}from'vue';constSpeech</div> </li> <li><a href="/article/1880787235725438976.htm" title="Java EE 11 中Servlet 6.1 的API 网址Apache组织" target="_blank">Java EE 11 中Servlet 6.1 的API 网址Apache组织</a> <span class="text-muted">xiaoyustudiowww</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>JavaEE11中Servlet6.1的API网址Apache组织，喜欢研究新技术的看过来https://tomcat.apache.org/tomcat-11.0-doc/servletapi/index.html</div> </li> <li><a href="/article/1880784711052226560.htm" title="微信公众号h5更新内容部分手机出现白屏或者旧内容,需要刷新" target="_blank">微信公众号h5更新内容部分手机出现白屏或者旧内容,需要刷新</a> <span class="text-muted">学无止境s_m_w</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1/1.htm">微信</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>出现的问题：大部分苹果手机，部分安卓手机第一次关注公众号时进入页面更新会出现白屏情况，或者内用没有更新，需要用户主动刷新才能解决为什么会出现和解决方案：1,一般情况js，css等文件添加版本号或者随机值会解决缓存问题如2,文件名使用hash形式3,在html中添加标签的缓存设置//用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,</div> </li> <li><a href="/article/1880780153299202048.htm" title="python bs4 selenium 查找a href=javascript:()；的实际点击事件和url" target="_blank">python bs4 selenium 查找a href=javascript:()；的实际点击事件和url</a> <span class="text-muted">大霸王龙</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>在使用BeautifulSoup和Selenium时，处理href="javascript:;"的链接需要一些额外的步骤，因为这些链接不直接指向一个URL，而是通过JavaScript代码来执行某些操作。这可能包括导航到另一个页面、触发模态窗口、显示/隐藏内容等。以下是如何使用Selenium来查找和处理这些链接的步骤：启动WebDriver：首先，你需要启动一个WebDriver（如Chrome</div> </li> <li><a href="/article/1880777633680125952.htm" title="微信小程序使用web-view跳转网页解决跳转出现空白或者被拦截问题" target="_blank">微信小程序使用web-view跳转网页解决跳转出现空白或者被拦截问题</a> <span class="text-muted">开朗的网友（管理员）</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>1.为了解决微信小程序跳转网页时出现的空白或被拦截问题，可以使用web-view组件进行跳转及其跳转后操作。首先，在小程序的页面布局文件中添加web-view组件的引用2.在需要跳转的地方，使用小程序提供的API进行跳转，并将参数对象作为参数传递过去wx.navigateTo({url:'/pages/webview/webview?url=https://www.example.com¶</div> </li> <li><a href="/article/1880775736588038144.htm" title="Hive--HiveServer2 命令行代码连接、Hive常用命令、自定义UDF函数、排序" target="_blank">Hive--HiveServer2 命令行代码连接、Hive常用命令、自定义UDF函数、排序</a> <span class="text-muted">XK&RM</span> <a class="tag" taget="_blank" href="/search/Hive/1.htm">Hive</a><a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/hiveserver2/1.htm">hiveserver2</a><a class="tag" taget="_blank" href="/search/udf/1.htm">udf</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>目录1Hive--HiveServer2命令行代码连接1.1配置HiveServer2WEB参数1.2开启HiveServer21.3使用Beeline连接HiveServer21.4使用代码查询HiveServer21.5使用DBeaver连接Hive2Hive--Hive常用命令2.1Hive命令2.2HiveShell命令3Hive--自定义UDF函数(User-DefinedFunctio</div> </li> <li><a href="/article/1880767796984475648.htm" title="洞悉人性的职场沟通技术" target="_blank">洞悉人性的职场沟通技术</a> <span class="text-muted">黎女士</span> <a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%9F%B9%E8%AE%AD/1.htm">企业培训</a><a class="tag" taget="_blank" href="/search/%E5%9C%A8%E7%BA%BF%E5%AD%A6%E4%B9%A0/1.htm">在线学习</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E6%B2%9F%E9%80%9A/1.htm">职场沟通</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a> <div>http://www.dianzikejian.com/content_2395.html背景：在企业管理的过程中为什么频频出现沟而不通，为什么每次沟通的事项不能有效的跟进和落实，为什么同事之间误会频频、协作不畅？……通过对企业大量的案例研究分析，我们发现很多时候是因为组织中每一位员工自身的沟通能力有待提升；同时当沟通出现问题，作为职场中每一位伙伴首先应该建立的认知是：沟通出现问题首先是我的问题。</div> </li> <li><a href="/article/1880767292975935488.htm" title="搭建一个基于Spring Boot的数码分享网站" target="_blank">搭建一个基于Spring Boot的数码分享网站</a> <span class="text-muted">鹿屿二向箔</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>搭建一个基于SpringBoot的数码分享网站可以涵盖多个功能模块，例如用户管理、数码产品分享、评论、点赞、收藏、搜索等。以下是一个简化的步骤指南，帮助你快速搭建一个基础的数码分享平台。—1.项目初始化使用SpringInitializr生成一个SpringBoot项目：访问SpringInitializr。选择以下依赖：SpringWeb（用于构建RESTfulAPI或MVC应用）SpringD</div> </li> <li><a href="/article/1880759355469524992.htm" title="MongoDB 客户端工具(图)" target="_blank">MongoDB 客户端工具(图)</a> <span class="text-muted">IT古董</span> <a class="tag" taget="_blank" href="/search/Mongodb/1.htm">Mongodb</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7/1.htm">工具</a><a class="tag" taget="_blank" href="/search/couchdb/1.htm">couchdb</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E7%BE%A4/1.htm">集群</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a> <div>转自:http://hi.baidu.com/shepherdnewage/blog/item/962368f05d1f427fdcc4747c.htmlhttp://www.javabloger.com/article/mongodb-gui-win-linux-mac.htmlNoSQL的运动不止，MongoDB作为其中的主力军发展迅猛，但是图形化工具少见，我在此做了一个简单的收集，如果将来有</div> </li> <li><a href="/article/1880753922780491776.htm" title="制作图片木马" target="_blank">制作图片木马</a> <span class="text-muted">摸金校尉-马</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>图片文件通常有称作幻数的头字节，我们来看一下几种图片文件的幻数：（注意！下面是二进制而不是文本格式的数据）通过检查头几位字节，可以分辨是否是图片文件！通过检查头几位字节，可以分辨是否是图片文件！给上传脚本加上相应的幻数头字节就可以，php引擎会将GIF89a的内容当作html文本，不解释而跳过，后面的代码仍然能够得到执行比如下面：（一般不限制图片文件格式的时候使用GIF的头比较方便，因为全都是文本</div> </li> <li><a href="/article/1880753167315038208.htm" title="uniapp 微信小程序金额展示套餐" target="_blank">uniapp 微信小程序金额展示套餐</a> <span class="text-muted">竣子好逑</span> <a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/v2/1.htm">v2</a><a class="tag" taget="_blank" href="/search/%E7%BB%84%E4%BB%B6/1.htm">组件</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>html喜欢作者其他金额-->￥{{item}}js//打赏asyncfun_reward(price){//里面写逻辑},css.gradelist{padding:30rpx;background:#f5f5f5;border-radius:8rpx;box-sizing:border-box;border-radius:12rpx;margin-top:30rpx;.gradelisTitl</div> </li> <li><a href="/article/1880738400315699200.htm" title="前端工程师可以分成 4 种，你属于哪一种？" target="_blank">前端工程师可以分成 4 种，你属于哪一种？</a> <span class="text-muted">前端小林</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.产品工程师产品工程师负责公司提供的产品的开发和维护。他们与产品经理和设计师密切合作，了解产品的需求并确保其符合目标受众的需求。除了编码之外，他们还会在生产环境中进行A/B测试，以提高指标并基于数据做出关于产品的决策。产品工程师通常只使用JavaScript、CSS和主要的后端语言来构建产品，而且不会偏离常规路线。根据团队规模，他们可能会与其他前端工程师一起工作，但更多情况下，他们是后端工程师团</div> </li> <li><a href="/article/1880737770578702336.htm" title="多商户商城系统会用的技术有哪些" target="_blank">多商户商城系统会用的技术有哪些</a> <span class="text-muted">hunzi_1</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>前端技术HTML/CSS：超文本标记语言（HTML）用于构建页面的结构，层叠样式表（CSS）负责页面的样式设计，它们共同决定了商城系统的页面展示效果，包括商品展示、店铺页面、用户界面等的布局和外观。JavaScript：是一种脚本语言，用于为网页添加动态效果和交互性，如实现菜单的展开与收缩、商品图片的轮播、用户操作的响应等。Vue.js/React：流行的前端框架，能够帮助开发者更高效地构建复杂的</div> </li> <li><a href="/article/1880737265655803904.htm" title="搭建商城系统有可能运用到什么技术" target="_blank">搭建商城系统有可能运用到什么技术</a> <span class="text-muted">hunzi_1</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>搭建商城系统涉及多种技术，涵盖前端、后端和数据库等多个方面：一、前端技术HTML（超文本标记语言）这是构建网页的基础语言，用于定义页面的结构。在商城系统中，通过HTML可以创建商品展示页面、购物车页面、用户注册登录页面等的基本框架。例如，使用标签来划分页面的不同区域，如商品图片展示区、商品描述区、购买按钮区域等；用标签来显示商品图片，通过设置其src属性来指定图片的来源路径。CSS（层叠样式表）用</div> </li> <li><a href="/article/1880726546428260352.htm" title="一款能够自动化过滤扫描结果的目录扫描工具，dirsx" target="_blank">一款能够自动化过滤扫描结果的目录扫描工具，dirsx</a> <span class="text-muted">尘佑不尘</span> <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/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7/1.htm">工具</a> <div>公众号：泷羽Sec-尘宇安全前言平时使用过dirsearch｜dirmap等一些目录扫描工具，针对如今的WEB多样化，对扫描结果的过滤总感觉与预期不符合。因此下定决心造个轮子，就这样有了dirsx。下载地址：后台回复20241227获取下载地址往期推荐14w+poc，nuclei全家桶：nuclei模版管理工具+Nuclei红队武器库VulToolsKit全家桶：图形化页面+自己额外添加的一些工具</div> </li> <li><a href="/article/1880723641449115648.htm" title=".NET 学习：从基础到进阶的全面指南" target="_blank">.NET 学习：从基础到进阶的全面指南</a> <span class="text-muted">来恩1003</span> <a class="tag" taget="_blank" href="/search/.NET/1.htm">.NET</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>.NET学习资料.NET学习资料.NET学习资料在当今软件开发的广阔领域中，.NET是一个备受瞩目的开发平台，以其强大的功能、跨平台的特性以及丰富的生态系统，吸引着众多开发者投身其中。无论是构建企业级应用、Web应用还是移动应用，.NET都展现出了卓越的能力。以下将为你详细介绍.NET的学习路径，帮助你从入门逐步走向精通。一、认识.NET：基础概念与环境搭建了解.NET框架：.NET是一个由微软开</div> </li> <li><a href="/article/1880712771289542656.htm" title="202、Python王者归来：Django、Flask、FastAPI框架争霸与应用解析" target="_blank">202、Python王者归来：Django、Flask、FastAPI框架争霸与应用解析</a> <span class="text-muted">多多的编程笔记</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a> <div>Python开发框架Django之Django与其他框架：与Flask、FastAPI等框架的比较与集成大家好，今天我将向大家介绍Python开发框架Django，并与其他框架如Flask、FastAPI等进行比较和集成。希望这篇文章能帮助大家更好地理解Django的优势和使用场景。1.Django简介首先，让我们来了解一下Django。Django是一个开源的高级PythonWeb框架，它鼓励快</div> </li> <li><a href="/article/1880705578540527616.htm" title="JQuery" target="_blank">JQuery</a> <span class="text-muted">我是奶龙！我是奶龙！我是奶龙！</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>jQuery获取表单元素的值（val()）$(选择器).val();//获取$(选择器).val(值);//赋值获取元素下所有内容(html()).html();//获取.html(“XXXX”)；//赋值获取元素下文本内容.text();//获取.text(w);文本内容);//赋值操作元素CSS属性操作单个CSS$(选择器).css(属性,值);//改变$(选择器).css(属性);//获取操</div> </li> <li><a href="/article/1880695870945554432.htm" title="十几套JavaWeb项目，快拿去当毕业设计，简直不要太爽了" target="_blank">十几套JavaWeb项目，快拿去当毕业设计，简直不要太爽了</a> <span class="text-muted">VX_BYDZ1988</span> <a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>1、基于web的图书管理系统设计与实现图书管理系统就是利用计算机，结合互联网对图书进行结构化、自动化管理的一种软件，来提高对图书的管理效率。本系统采用Java+Servlet+Jsp的方式实现基于web的图书管理系统。开发工具及相关技术Java技术HTML、css、javascript技术Servlet技术Eclipse开发工具MySql数据库功能概述用户端：图书查询：根据图书编号、图书名称查询图</div> </li> <li><a href="/article/1880677340153966592.htm" title="Web实时通信的学习之旅：SSE（Server-Sent Events）的技术详解及简单示例演示" target="_blank">Web实时通信的学习之旅：SSE（Server-Sent Events）的技术详解及简单示例演示</a> <span class="text-muted">web14786210723</span> <a class="tag" taget="_blank" href="/search/vip1024p/1.htm">vip1024p</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> <div>文章目录一、什么是SSE二、SSE技术的基本原理三、SSE适用于场景四、Node服务端示例1、协议2、格式3、事件3.1、事件3.2、事件唯一标识符3.3、重连事件4、具体示例五、客户端示例1、检测客户端是否支持SSE2、创建客户端连接3、事件监听4、接收事件5、自定义事件6、错误处理7、主动断开连接8、具体示例六、注意事项1、nginx配置2、EventSource一、什么是SSE服务器向浏览器</div> </li> <li><a href="/article/1880676206395846656.htm" title="Web的基本架构" target="_blank">Web的基本架构</a> <span class="text-muted">ssdljwdxml</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a> <div>随着互联网的普及和发展，Web已经成为人们获取信息、交流和娱乐的主要方式之一。而支撑着这个庞大网络世界的就是Web的基本架构。本文将深入探讨Web的基本架构，包括客户端、服务器、网络协议等核心组件，以及它们之间的交互关系。一、客户端客户端是用户直接与之交互的界面，可以是浏览器或其他支持Web的应用程序。浏览器是最常见的客户端，它负责向服务器发送请求并接收服务器返回的响应。当用户在浏览器中输入一个网</div> </li> <li><a href="/article/1880675447772082176.htm" title="渗透测试工具包 | 开源安全测试工具 | 网络安全工具_网络安全渗透测试工具" target="_blank">渗透测试工具包 | 开源安全测试工具 | 网络安全工具_网络安全渗透测试工具</a> <span class="text-muted">程序员安安</span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%AE%89%E5%85%A8/1.htm">信息安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>项目介绍记录渗透测试开源工具。自动化渗透测试AttackSurfaceMapper-自动化渗透测试工具,使用手册/测试流程。vajra-自动化渗透测试.Savior-渗透测试报告自动生成工具！.漏洞利用框架hackUtils-它是一个用于渗透测试和网络安全研究的黑客工具包，渗透以及web攻击脚本。msf框架：pocsscan攻击框架Pocsuite攻击框架Beebeeto攻击框架漏洞POC&EXP</div> </li> <li><a href="/article/1880671657157259264.htm" title="恋活2 仿原神人物卡系列2全合集打包" target="_blank">恋活2 仿原神人物卡系列2全合集打包</a> <span class="text-muted">phfxa</span> <a class="tag" taget="_blank" href="/search/mod/1.htm">mod</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a> <div>内含恋活2仿原神角色卡系列2全合集打包共12张内含：炽沙话事人芭别尔+迪希雅+镀金女团-沙中净水+镀金女团-叶轮舞者+珐露珊+坎蒂丝+柯莱+可莉+丽莎-叶隐芳名+神里绫华-花时来信+瑶瑶。下载地址：https://www.changyouzuhao.cn/13661.html部分演示图：</div> </li> <li><a href="/article/1880670648397787136.htm" title="Vue.js组件开发-解决PDF签章预览问题" target="_blank">Vue.js组件开发-解决PDF签章预览问题</a> <span class="text-muted">LCG元</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>在Vue.js组件开发中，解决PDF签章预览问题可能涉及多个方面，包括选择合适的PDF预览库、配置PDF.js（或其封装库如vue-pdf）以正确显示签章、以及处理可能的兼容性和性能问题。步骤和建议：1.选择合适的PDF预览库‌vue-pdf‌：基于PDF.js的Vue组件，提供响应式PDF查看、WebWorker优化的性能和丰富的API。但需要注意的是，vue-pdf可能默认不支持所有PDF签章</div> </li> <li><a href="/article/1880668884005089280.htm" title=".NET Core Web API架构解析：应用场景与实例详解" target="_blank">.NET Core Web API架构解析：应用场景与实例详解</a> <span class="text-muted">m0_74824054</span> <a class="tag" taget="_blank" href="/search/.netcore/1.htm">.netcore</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>“.NETCoreWebAPI架构深度解析：实战应用场景与代码示例”内容概述引言简要介绍.NETCore和WebAPI的基本概念。阐述本文的目的：深入解析.NETCoreWebAPI的架构，探讨其在实际项目中的应用场景，并提供代码示例。.NETCoreWebAPI架构解析核心组件：介绍ASP.NETCore框架中的关键组件，如Kestrel服务器、中间件管道、路由等。MVC模式：在WebAPI中的</div> </li> <li><a href="/article/1880664851055964160.htm" title="Python 爬虫入门教程：从零构建你的第一个网络爬虫" target="_blank">Python 爬虫入门教程：从零构建你的第一个网络爬虫</a> <span class="text-muted">m0_66323401</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>网络爬虫是一种自动化程序，用于从网站抓取数据。Python凭借其丰富的库和简单的语法，是构建网络爬虫的理想语言。本文将带你从零开始学习Python爬虫的基本知识，并实现一个简单的爬虫项目。1.什么是网络爬虫？网络爬虫（WebCrawler）是一种通过网络协议（如HTTP/HTTPS）获取网页内容，并提取其中有用信息的程序。常见的爬虫用途包括：收集商品价格和评价。抓取新闻或博客内容。统计数据分析。爬</div> </li> <li><a href="/article/1880664094382551040.htm" title="web后端开发时不同框架的区别与选择" target="_blank">web后端开发时不同框架的区别与选择</a> <span class="text-muted">金色飞贼分贼本贼</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a> <div>Django、Flask和Node.js（Express）都是非常流行的Web开发框架，它们各有优缺点，适用于不同的开发场景。为了帮助开发者进行项目开发时做出更好的选择，这里介绍这几个框架的特点、优缺点、以及适用场景。一、Django（Python）概述：Django是一个高级的PythonWeb框架，它鼓励快速开发和干净、务实的设计。Django是一个“全栈”框架，提供了很多开箱即用的功能，如身</div> </li> <li><a href="/article/1880663086004760576.htm" title="request.getRemoteAddr()获取ip地址时得到的值是[0:0:0:0:0:0:0:1]原因和解决方法" target="_blank">request.getRemoteAddr()获取ip地址时得到的值是[0:0:0:0:0:0:0:1]原因和解决方法</a> <span class="text-muted">Liquid road</span> <a class="tag" taget="_blank" href="/search/%E6%8A%A5%E9%94%99/1.htm">报错</a> <div>项目场景：使用request.getRemoteAddr()获取ip地址问题描述：在使用request.getRemoteAddr()获取ip地址的时候得到的值是[0:0:0:0:0:0:0:1]Request:{url='/1/haha',ip='[0:0:0:0:0:0:0:1]',classMethod='com.liquid.web.IndexController.index',args=</div> </li> <li><a href="/article/41.htm" title="html页面js获取参数值" target="_blank">html页面js获取参数值</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>1.js获取参数值js function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = windo</div> </li> <li><a href="/article/168.htm" title="MongoDB 在多线程高并发下的问题" target="_blank">MongoDB 在多线程高并发下的问题</a> <span class="text-muted">BigCat2013</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/DB/1.htm">DB</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">高并发</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E5%A4%8D%E6%95%B0%E6%8D%AE/1.htm">重复数据</a> <div>最近项目用到 MongoDB , 主要是一些读取数据及改状态位的操作. 因为是结合了最近流行的 Storm进行大数据的分析处理，并将分析结果插入Vertica数据库，所以在多线程高并发的情境下, 会发现 Vertica 数据库中有部分重复的数据. 这到底是什么原因导致的呢？笔者开始也是一筹莫展，重复去看 MongoDB 的 API , 终于有了新发现： com.mongodb.DB 这个类有</div> </li> <li><a href="/article/295.htm" title="c++ 用类模版实现链表(c++语言程序设计第四版示例代码)" target="_blank">c++ 用类模版实现链表(c++语言程序设计第四版示例代码)</a> <span class="text-muted">CrazyMizzz</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/C%2B%2B/1.htm">C++</a> <div>#include<iostream> #include<cassert> using namespace std; template<class T> class Node { private: Node<T> * next; public: T data; </div> </li> <li><a href="/article/422.htm" title="最近情况" target="_blank">最近情况</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/%E6%84%9F%E6%85%A8/1.htm">感慨</a><a class="tag" taget="_blank" href="/search/%E8%80%83%E8%AF%95/1.htm">考试</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a> <div> 在五月黄梅天的岁月里，一年两次的软考又要开始了。到目前为止，我已经考了多达三次的软考，最后的结果就是通过了初级考试（程序员）。人啊，就是不满足，考了初级就希望考中级，于是，这学期我就报考了中级，明天就要考试。感觉机会不大，期待奇迹发生吧。这个学期忙于练车，写项目，反正最后是一团糟。后天还要考试科目二。这个星期真的是很艰难的一周，希望能快点度过。 </div> </li> <li><a href="/article/549.htm" title="linux系统中用pkill踢出在线登录用户" target="_blank">linux系统中用pkill踢出在线登录用户</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>由于linux服务器允许多用户登录，公司很多人知道密码，工作造成一定的障碍所以需要有时踢出指定的用户 1/#who 查出当前有那些终端登录（用 w 命令更详细） # who root pts/0 2010-10-28 09:36 (192</div> </li> <li><a href="/article/676.htm" title="仿QQ聊天第二版" target="_blank">仿QQ聊天第二版</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a> <div>在第一版之上的改进内容: 第一版链接: http://479001499.iteye.com/admin/blogs/2100893 用map存起来号码对应的聊天窗口对象,解决私聊的时候所有消息发到一个窗口的问题. 增加ViewInfo类,这个是信息预览的窗口,如果是自己的信息,则可以进行编辑. 信息修改后上传至服务器再告诉所有用户,自己的窗口</div> </li> <li><a href="/article/803.htm" title="java读取配置文件" target="_blank">java读取配置文件</a> <span class="text-muted">知了ing</span> <div>1，java读取.properties配置文件 InputStream in; try { in = test.class.getClassLoader().getResourceAsStream("config/ipnetOracle.properties");//配置文件的路径 Properties p = new Properties()</div> </li> <li><a href="/article/930.htm" title="__attribute__ 你知多少？" target="_blank">__attribute__ 你知多少？</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/gcc/1.htm">gcc</a> <div>原文地址: http://www.cnblogs.com/astwish/p/3460618.html GNU C 的一大特色就是__attribute__ 机制。__attribute__ 可以设置函数属性（Function Attribute ）、变量属性（Variable Attribute ）和类型属性（Type Attribute ）。 __attribute__ 书写特征是：</div> </li> <li><a href="/article/1057.htm" title="jsoup使用笔记" target="_blank">jsoup使用笔记</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/JSoup/1.htm">JSoup</a> <div><dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.7.3</version> </dependency> 2014/08/28 今天遇到这种形式， </div> </li> <li><a href="/article/1184.htm" title="JAVA中的集合 Collectio 和Map的简单使用及方法" target="_blank">JAVA中的集合 Collectio 和Map的简单使用及方法</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/list/1.htm">list</a><a class="tag" taget="_blank" href="/search/map/1.htm">map</a><a class="tag" taget="_blank" href="/search/set/1.htm">set</a> <div> List ,set ,map的使用方法和区别 java容器类类库的用途是保存对象，并将其分为两个概念： Collection集合：一个独立的序列，这些序列都服从一条或多条规则;List必须按顺序保存元素，set不能重复元素；Queue按照排队规则来确定对象产生的顺序（通常与他们被插入的</div> </li> <li><a href="/article/1311.htm" title="杀LINUX的JOB进程" target="_blank">杀LINUX的JOB进程</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a> <div>今天发现数据库一个JOB一直在执行，都执行了好几个小时还在执行，所以想办法给删除掉系统环境： ORACLE 10G Linux操作系统操作步骤如下：第一步.查询出来那个job在运行，找个对应的SID字段 select * from dba_jobs_running--找到job对应的sid &n</div> </li> <li><a href="/article/1438.htm" title="Spring AOP详解" target="_blank">Spring AOP详解</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a> <div> 最近项目中遇到了以下几点需求，仔细思考之后，觉得采用AOP来解决。一方面是为了以更加灵活的方式来解决问题，另一方面是借此机会深入学习Spring AOP相关的内容。例如，以下需求不用AOP肯定也能解决，至于是否牵强附会，仁者见仁智者见智。 1.对部分函数的调用进行日志记录，用于观察特定问题在运行过程中的函数调用</div> </li> <li><a href="/article/1565.htm" title="[Gson六]Gson类型适配器(TypeAdapter)" target="_blank">[Gson六]Gson类型适配器(TypeAdapter)</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Adapter/1.htm">Adapter</a> <div>TypeAdapter的使用动机 Gson在序列化和反序列化时，默认情况下，是按照POJO类的字段属性名和JSON串键进行一一映射匹配，然后把JSON串的键对应的值转换成POJO相同字段对应的值，反之亦然，在这个过程中有一个JSON串Key对应的Value和对象之间如何转换(序列化/反序列化)的问题。以Date为例，在序列化和反序列化时，Gson默认使用java.</div> </li> <li><a href="/article/1692.htm" title="【spark八十七】给定Driver Program，如何判断哪些代码在Driver运行，哪些代码在Worker上执行" target="_blank">【spark八十七】给定Driver Program，如何判断哪些代码在Driver运行，哪些代码在Worker上执行</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/driver/1.htm">driver</a> <div>Driver Program是用户编写的提交给Spark集群执行的application，它包含两部分作为驱动： Driver与Master、Worker协作完成application进程的启动、DAG划分、计算任务封装、计算任务分发到各个计算节点(Worker)、计算资源的分配等。计算逻辑本身，当计算任务在Worker执行时，执行计算逻辑完成application的计算任务 </div> </li> <li><a href="/article/1819.htm" title="nginx 经验总结" target="_blank">nginx 经验总结</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+%E6%80%BB%E7%BB%93/1.htm">nginx 总结</a> <div>　　　深感nginx的强大，只学了皮毛，把学下的记录。　　　获取Header 信息，一般是以$http_XX（ＸＸ是小写）获取body,通过接口，再展开，根据Ｋ取Ｖ　　　获取uri,以$arg_XX &n</div> </li> <li><a href="/article/1946.htm" title="轩辕互动-1.求三个整数中第二大的数2.整型数组的平衡点" target="_blank">轩辕互动-1.求三个整数中第二大的数2.整型数组的平衡点</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84/1.htm">数组</a> <div> import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class ExoWeb { public static void main(String[] args) { ExoWeb ew=new ExoWeb(); System.out.pri</div> </li> <li><a href="/article/2073.htm" title="Netty源码学习-Java-NIO-Reactor" target="_blank">Netty源码学习-Java-NIO-Reactor</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%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>Netty里面采用了NIO-based Reactor Pattern 了解这个模式对学习Netty非常有帮助参考以下两篇文章： http://jeewanthad.blogspot.com/2013/02/reactor-pattern-explained-part-1.html http://gee.cs.oswego.edu/dl/cpjslides/nio.pdf </div> </li> <li><a href="/article/2200.htm" title="AOP通俗理解" target="_blank">AOP通俗理解</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a> <div>1.我所知道的aop 初看aop,上来就是一大堆术语，而且还有个拉风的名字，面向切面编程，都说是OOP的一种有益补充等等。一下子让你不知所措，心想着：怪不得很多人都和我说aop多难多难。当我看进去以后，我才发现：它就是一些java基础上的朴实无华的应用，包括ioc，包括许许多多这样的名词，都是万变不离其宗而已。 2.为什么用aop&nb</div> </li> <li><a href="/article/2327.htm" title="cursor variable 实例" target="_blank">cursor variable 实例</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/variable/1.htm">variable</a> <div> create or replace procedure proc_test01 as type emp_row is record( empno emp.empno%type, ename emp.ename%type, job emp.job%type, mgr emp.mgr%type, hiberdate emp.hiredate%type, sal emp.sal%t</div> </li> <li><a href="/article/2454.htm" title="shell报bash: service: command not found解决方法" target="_blank">shell报bash: service: command not found解决方法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/service/1.htm">service</a><a class="tag" taget="_blank" href="/search/jps/1.htm">jps</a> <div>今天在执行一个脚本时，本来是想在脚本中启动hdfs和hive等程序，可以在执行到service hive-server start等启动服务的命令时会报错，最终解决方法记录一下：脚本报错如下： ./olap_quick_intall.sh: line 57: service: command not found ./olap_quick_intall.sh: line 59</div> </li> <li><a href="/article/2581.htm" title="40个迹象表明你还是PHP菜鸟" target="_blank">40个迹象表明你还是PHP菜鸟</a> <span class="text-muted">dcj3sjt126com</span> <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/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/oop/1.htm">oop</a> <div>你是PHP菜鸟，如果你：1. 不会利用如phpDoc 这样的工具来恰当地注释你的代码2. 对优秀的集成开发环境如Zend Studio 或Eclipse PDT 视而不见3. 从未用过任何形式的版本控制系统，如Subclipse4. 不采用某种编码与命名标准，以及通用约定，不能在项目开发周期里贯彻落实5. 不使用统一开发方式6. 不转换（或）也不验证某些输入或SQL查询串（译注：参考PHP相关函</div> </li> <li><a href="/article/2708.htm" title="Android逐帧动画的实现" target="_blank">Android逐帧动画的实现</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>一、代码实现： private ImageView iv; private AnimationDrawable ad; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout</div> </li> <li><a href="/article/2835.htm" title="java远程调用linux的命令或者脚本" target="_blank">java远程调用linux的命令或者脚本</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/ganymed-ssh2/1.htm">ganymed-ssh2</a> <div>转载请出自出处： http://eksliang.iteye.com/blog/2105862 Java通过SSH2协议执行远程Shell脚本(ganymed-ssh2-build210.jar) 使用步骤如下： 1.导包官网下载: http://www.ganymed.ethz.ch/ssh2/ ma</div> </li> <li><a href="/article/2962.htm" title="adb端口被占用问题" target="_blank">adb端口被占用问题</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/adb/1.htm">adb</a> <div>最近重新安装的电脑，配置了新环境，老是出现： adb server is out of date. killing... ADB server didn't ACK * failed to start daemon * 百度了一下，说是端口被占用，我开个eclipse，然后打开cmd，就提示这个，很烦人。一个比较彻底的解决办法就是修改</div> </li> <li><a href="/article/3089.htm" title="ASP.NET使用FileUpload上传文件" target="_blank">ASP.NET使用FileUpload上传文件</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/webform/1.htm">webform</a> <div>前台代码： <asp:FileUpload ID="fuKeleyi" runat="server" /> <asp:Button ID="BtnUp" runat="server" onclick="BtnUp_Click" Text="上传" /></div> </li> <li><a href="/article/3216.htm" title="代码之谜（四）- 浮点数（从惊讶到思考）" target="_blank">代码之谜（四）- 浮点数（从惊讶到思考）</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/%E6%B5%AE%E7%82%B9%E6%95%B0/1.htm">浮点数</a><a class="tag" taget="_blank" href="/search/%E7%B2%BE%E5%BA%A6/1.htm">精度</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E4%B9%8B%E8%B0%9C/1.htm">代码之谜</a><a class="tag" taget="_blank" href="/search/IEEE/1.htm">IEEE</a> <div>在『代码之谜』系列的前几篇文章中，很多次出现了浮点数。浮点数在很多编程语言中被称为简单数据类型，其实，浮点数比起那些复杂数据类型（比如字符串）来说，一点都不简单。单单是说明 IEEE浮点数就可以写一本书了，我将用几篇博文来简单的说说我所理解的浮点数，算是抛砖引玉吧。一次面试记得多年前我招聘 Java 程序员时的一次关于浮点数、二分法、编码的面试，多年以后，他已经称为了一名很出色的</div> </li> <li><a href="/article/3343.htm" title="数据结构随记_1" target="_blank">数据结构随记_1</a> <span class="text-muted">lx.asymmetric</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%AC%94%E8%AE%B0/1.htm">笔记</a> <div>第一章 1.数据结构包括数据的逻辑结构、数据的物理/存储结构和数据的逻辑关系这三个方面的内容。 2.数据的存储结构可用四种基本的存储方法表示，它们分别是顺序存储、链式存储、索引存储和散列存储。 3.数据运算最常用的有五种，分别是查找/检索、排序、插入、删除、修改。 4.算法主要有以下五个特性：输入、输出、可行性、确定性和有穷性。 5.算法分析的</div> </li> <li><a href="/article/3470.htm" title="linux的会话和进程组" target="_blank">linux的会话和进程组</a> <span class="text-muted">网络接口</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>会话：一个或多个进程组。起于用户登录，终止于用户退出。此期间所有进程都属于这个会话期。会话首进程：调用setsid创建会话的进程1.规定组长进程不能调用setsid，因为调用setsid后，调用进程会成为新的进程组的组长进程.如何保证？先调用fork，然后终止父进程，此时由于子进程的进程组ID为父进程的进程组ID，而子进程的ID是重新分配的，所以保证子进程不会是进程组长，从而子进程可以调用se</div> </li> <li><a href="/article/3597.htm" title="二维数组元素的连续求解" target="_blank">二维数组元素的连续求解</a> <span class="text-muted">1140566087</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/ACM/1.htm">ACM</a> <div>import java.util.HashMap; public class Title { public static void main(String[] args){ f(); } // 二位数组的应用 //12、二维数组中，哪一行或哪一列的连续存放的0的个数最多，是几个0。注意，是“连续”。 public static void f(){ </div> </li> <li><a href="/article/3724.htm" title="也谈什么时候Java比C++快" target="_blank">也谈什么时候Java比C++快</a> <span class="text-muted">windshome</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a> <div> 刚打开iteye就看到这个标题“Java什么时候比C++快”，觉得很好笑。你要比，就比同等水平的基础上的相比，笨蛋写得C代码和C++代码，去和高手写的Java代码比效率，有什么意义呢？我是写密码算法的，深刻知道算法C和C++实现和Java实现之间的效率差，甚至也比对过C代码和汇编代码的效率差，计算机是个死的东西，再怎么优化，Java也就是和C</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>