参考文档： https://www. w3schools.com/html/html 5_intro.asp
历时三天，对着菜鸟教程总结，一个一个手敲，统计出了：
原来 HTML 有 110 个标签啊！！！！！！
一、基础标签
1：：定义文档类型
2：：定义一个 HTML 文档
manifest：规定文档的缓存 manifest 的位置
// https://www.runoob.com/html/html5-app-cache.html
3：：为文档定义一个标题</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>4：<body>：定义文档的主体</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>5~10：<h1> to <h6>：定义 HTML 标题</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>11：<p>：定义一个段落</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>12：<br>：定义简单的折行</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>13：<hr>：定义水平线</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>14：<!--...-->：定义一个注释</h4>
<div class="has">
<pre><code>无私有属性、无标准属性</code></pre>
</div>
<h3>二、格式标签</h3>
<h4>15：<abbr>：定义一个缩写</h4>
<div class="has">
<pre><code>无私有属性
--
提示：把鼠标移到 <abbr> 标签的元素上时，会显示其 title 属性的值</code></pre>
</div>
<h4>16：<address>：定义文档作者或拥有者的联系信息</h4>
<div class="has">
<pre><code>无私有属性
--
提示：<address> 如果在 <body> 内，则它表示文档的联系信息
<address> 如果在 <article> 内，则它表示文章的联系信息</code></pre>
</div>
<h4>17：<b>：定义粗体文本</h4>
<div class="has">
<pre><code>无私有属性
--
提示：<b> 标签应该作为最后的选择，只有在没有其他标记比较合适的时候才使用它。
如标题应该用 <h1>-<h6> 标签表示；被强调的文本应该用 <em> 标签标示；
重要的文本应该用 <strong> 标签表示；被标记的的文本应该用 <mark> 标签标示；</code></pre>
</div>
<h4>*18：<bdi>：允许您设置一段文本，使其脱离其父元素的文本方向设置。</h4>
<div class="has">
<pre><code>dir：ltr | rtl | auto - 规定 <bdi> 元素内的文本的文本方向，默认 auto。
--
极少使用</code></pre>
</div>
<h4>*19：<bdo>：定义文本的方向</h4>
<div class="has">
<pre><code>dir：ltr | rtl | auto - 规定 <bdi> 元素内的文本的文本方向，默认 auto。
--
极少使用</code></pre>
</div>
<h4>20：<blockquote>：定义块引用</h4>
<div class="has">
<pre><code>cite: URL - 规定引用的来源</code></pre>
</div>
<h4>21：<cite>：定义作品的标题</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>22：<code>：定义计算机代码文本【短语标签 1 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>23：<del>：定义被删除的文本</h4>
<div class="has">
<pre><code>cite: URL - 规定一个解释了文本被删除的原因的文档的 URL
datetime：YYYY-MM-DDThh:mm:ssTZD - 规定文本被删除的日期和时间
--
<del> 与 <ins> 一般一起使用，描述文档中的更新与修正。</code></pre>
</div>
<h4>24：<dfn>：定义一个定义项目【短语标签 2 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>25：<em>：定义强调文本【短语标签 3 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>26：<i>：定义斜体文本</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>27：<ins>：定义被插入文档中的文本</h4>
<div class="has">
<pre><code>cite: URL - 规定一个文档的 URL，该文档解释了文本被插入的原因
datetime：YYYY-MM-DDThh:mm:ssTZD - 规定文本被插入的日期和时间
--
<del> 与 <ins> 一般一起使用，描述文档中的更新与修正。</code></pre>
</div>
<h4>28：<kbd>：定义键盘文本【短语标签 4 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>29：<mark>：定义带有记号的文本</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>30：<meter>：度量衡</h4>
<div class="has">
<pre><code>详情见：https://www.runoob.com/tags/tag-meter.html
--
提示：度量衡可以用作表示磁盘使用情况</code></pre>
</div>
<h4>31：<pre>：预格式化文本</h4>
<div class="has">
<pre><code>无私有属性
--
提示：<pre> 标签内的文本，会保留空格和换行，同时文本会呈现为等款字体。
经常用作代码的展示。（<code>？？？）</code></pre>
</div>
<h4>32：<progress>：定义运行中的任务进度</h4>
<div class="has">
<pre><code>max: number - 规定需要完成的值
value: number - 规定进程的当前值</code></pre>
</div>
<h4>33：<q>：定义短的引用（自动加引号）</h4>
<div class="has">
<pre><code>cite：URL - 规定饮用的源 URL</code></pre>
</div>
<h4>*34：<rp>：定义不支持 ruby 元素的浏览器所显示的内容【汉语拼音 1 / 3】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>*35：<rt>：定义字符的解释或发音【汉语拼音 2 / 3】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>*36：<ruby>：定义 ruby 注释【汉语拼音 3 / 3】</h4>
<div class="has">
<pre class="has"><code><</code></pre>
</div>
<h4>37：<s>：定义加删除线的文本（和 <del> 的区别？）</h4>
<div class="has">
<pre><code>无私有属性
--
<s> 与 <del> 的区别？
<s> 标签对那些不正确、不准确或者没有用的文本进行标识
<s> 标签不应该用来定义替换的或者删除的文本。</code></pre>
</div>
<h4>38：<samp>：定义计算机代码样本【短语标签 5 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>39：<small>：定义小号文本</h4>
<div class="has">
<pre><code>无私有属性
--
提示：用来定义旁注</code></pre>
</div>
<h4>40：<strong>：定义语气更为强烈的强调文本【短语标签 6 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>41：<sub>：定义下标文本（下标文本可以用来表示化学公式）</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>42：<sup>：定义上标文本（上标文本可以用来添加脚注）</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>43：<time>：定义一个日期 / 时间</h4>
<div class="has">
<pre><code>datetime: datetime - 规定日期/时间。另一种方式，则是由元素的内容给定日期/时间。
--
提示：该元素能够以机器刻度的方式对日期和时间进行编码。</code></pre>
</div>
<h4>44：<u>：定义下划线文本</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>45：<var>：定义文本的变量部分【短语标签 7 / 7】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>46：<wbr>：规定文本中的何处适合添加换行符</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h3>三、表单标签</h3>
<h4>47：<form>：定义一个 HTML 表单，用于用户输入</h4>
<div class="has">
<pre><code>accept-charset: character_set - 规定服务器可处理的表单数据字符集
action: URL - 规定当前提交表单时向何处发送表单数据
autocomplete: on|off - 规定是否启用表单的自动完成功能
enctype:application/x-www-form-urlencoded|multipart/form-data|text/plain - 规定在向服务器发送表单数据之前如何对其进行编码。
method: get|post - 规定用于发送表单数据的 HTTP 方法
name: text - 规定表单的名称
novalidate: novalidate - 如果使用该属性，则提交表单时不进行验证
target：_blank|_self|_parent|_top - 规定在何处打开 action URL
--
提示：<form> 元素包含一个或多个表单元素。</code></pre>
</div>
<h4>48：<input>：定义一个输入控件</h4>
<div class="has">
<pre><code>accept: audio|* video|* image|* MIME_type - 规定通过文件上传来提交的文件的类型（只针对 type="file"）
alt: text - 定义图像输入的替代文本（只针对 type="image"）
autocomplete: on|off - autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能
autofocus: autofocus - 属性规定当页面加载时 <input> 元素应该自动获得焦点
checked: checked - checked 属性规定在页面加载时应该被预先选定的 <input> 元素（只针对 type="checkbox"或者type="radio"）
disable:disabled - disabled 属性规定应该禁用的 <input> 元素
form: form_id - form 属性规定 <input> 元素所属的一个或多个表单
formaction: URL - 属性规定当表单提交时处理输入控件的文本的 URL（只针对 type="submit" 和 type="image"）
formenctype: application/x-www-form-urlencoded|multipart/form-data|text/plain - 属性规定当前表单提交到服务器时如何编码（只针对 type="submit" 和 type="image"）
formmethod: get|post - 定义发送表单数据到 action URL 的 HTTP 方法。（只适合 type="submit" 和 type="image"）
formnovaliadate: formnovalidate - 覆盖 <form> 元素的 novalidate 属性
formtarget: _blank|_self|_parent|_top - 规定表示提交表单后在那里显示接收到相应的名称或关键词（只适合 type="submit" 和 type="image"）
height: pixels - 规定 <input> 元素的高度。（只针对 type="image")
list: datalist_id - 属性引用 <datalist> 元素，其中包含 <input> 元素的预定义选项
max: number date - 属性规定 <input> 元素的最大值
maxlength: number - 属性规定 <input> 元素中允许的最大字符数
min: number date - 属性规定 <input> 元素的最小值
multiple: multiple - 属性规定允许用户输入到 <input> 元素的多个值
name: text - 属性规定 <input> 元素的名称
pattern: regexp - 属性规定用于验证 <input> 元素值的正则表达式
placeholder: text - 属性规定可描述输入 <input> 字段预期值的简短的提示信息
readonly: readonly - 属性规定输入字段是只读的
required: required - 属性规定必须在提交表单之前填写输入字段
size: number - 属性规定以字符数计的 <input> 元素的可见宽度
src: URL - 属性规定显示为提交按钮的图像的 URL（只针对 type="image"）
step: numnber - 属性规定 <input> 元素的合法数字间隔
type:
button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
value: text - 指定 <input> 元素 value 的值
width: pixels - 属性规定 <input> 元素的宽度（只针对 type="image")</code></pre>
</div>
<blockquote>
问题：input 的 value、name 属性都有什么用？
<br>答：value 在不同的 type 下表示不同的意思：
<br>对于 "button"、"reset"、"submit" - 定义按钮上的文本；
<br>对于 "text"、"password"、"hidden" - 定义输入字段的默认值
<br>对于 "checkbox"、"radio"、"image" - 定义与 input 元素相关的值，当提交表单时该值会发送到表单的 action URL
<br>name 属性用于在 JavaScript 中引用元素，或者在表单提交后引用表单数据
</blockquote>
<h4>49：<textarea>：定义多行文本输入控件</h4>
<div class="has">
<pre><code>autofocus: autofocus - 规定当前页面加载时，文本区域自动获得焦点
cols: number - 规定文本区域内的可见的宽度
disabled: disabled - 规定禁用文本区域
form: form_id - 定义文本区域所属的一个或多个表单
maxlength: number - 规定文本区域允许的最大字符数
name: text - 规定文本区域的名称
placeholder: text - 规定一个简短的提示，描述文本区域期望的输入值
readonly: readonly - 规定文本区域为只读
required: required - 规定文本区域是必须的/必填的
rows: number - 规定文本区域内可见的行数
wrap: hard|soft - 规定当提交表单时，文本区域中的文本应该怎么换行</code></pre>
</div>
<h4>50：<button>：定义按钮</h4>
<div class="has">
<pre><code>autofocus: autofocus - 规定当页面加载时按钮应当自动地获得焦点
disabled: disabled - 规定应该禁用该按钮
form: form_id - 规定按钮属于一个或多个表单
formaction: URL - 属性规定当表单提交时处理输入控件的文本的 URL（只针对 type="submit" 和 type="image"）
formenctype: application/x-www-form-urlencoded|multipart/form-data|text/plain - 属性规定当前表单提交到服务器时如何编码（只针对 type="submit" 和 type="image"）
formmethod: get|post - 定义发送表单数据到 action URL 的 HTTP 方法。（只适合 type="submit" 和 type="image"）
formnovaliadate: formnovalidate - 覆盖 <form> 元素的 novalidate 属性
formtarget: _blank|_self|_parent|_top - 规定表示提交表单后在那里显示接收到相应的名称或关键词（只适合 type="submit" 和 type="image"）
name: name - 规定按钮的名称
type: button|reset|submit - 规定按钮的类型
value: text - 规定按钮的初始值。可由脚本进行修改
--
问题：<button> 与 <input type="button"> 有什么区别？
答：如果都在普通标签中使用，两者没有区别。
如果在 <form> 表单中使用，<input type="button"> 不会提交表单，而 <button type="submit"> 会提交表单
<button> 比 <input> 能放更多的内容在按钮上</code></pre>
</div>
<h4>51：<select>：定义选择列表（下拉列表）【下拉列表 1 / 3】</h4>
<div class="has">
<pre><code>autofocus
disabled
form
multiple: multiple - 当该属性为 true 时，可以选择多个选项
name
required
size：number - 规定下拉列表中可见选项的数目
--
提示：<select> 元素中的 <option> 标签定义了列表中的可用选项
multiple 可以说是史上最没用的多选了，要按住 ctrl/command 才可以多选</code></pre>
</div>
<h4>52：<optgroup>：定义选择列表中相关选项的组合【下拉列表 2 / 3】</h4>
<div class="has">
<pre><code>disabled
label: text - 为选项组规定描述</code></pre>
</div>
<h4>53：<option>：定义选择列表中的选项【下拉列表 3 / 3】</h4>
<div class="has">
<pre><code>disabled
label: text - 定义当使用 <optgroup> 时所使用的标注（也就是会替换本标签的元素内容）
selected: selected - 规定选项（在首次显示在列表中时）表现为选中状态
value: text - 定义送往服务器的选项值</code></pre>
</div>
<h4>54：<label>：定义 input 元素的标注</h4>
<div class="has">
<pre><code>for: element_id - 规定 label 与哪个表单元素绑定（与相关元素的 id 属性相同）
form
--
提示：
label 元素不会向用户呈现任何特殊效果，但是它为鼠标用户改进了可用性，如果您在 label 元素内点击文本，就会触发此控件。</code></pre>
</div>
<h4>55：<fieldset>：定义围绕表单中元素的边框【边框 1 / 2】</h4>
<div class="has">
<pre><code>disabled
form
name
--
<legend> 标签为 <fieldset> 元素定义标题</code></pre>
</div>
<h4>56：<legend>：定义 fieldset 元素的标题【边框 2 / 2 】</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>57：<datalist>：规定了 input 元素可能的选项列表</h4>
<div class="has">
<pre><code>无私有属性
--
datalist 被用来在为 <input> 元素提供“自动完成“的特性（有些像 Element 的 <el-autocomplete>）</code></pre>
</div>
<h4>58：<output>：定义一个计算的结果</h4>
<div class="has">
<pre><code>详见：https://www.runoob.com/tags/tag-output.html</code></pre>
</div>
<h3>四、框架标签</h3>
<h4>59：<iframe>：定义内联框架</h4>
<div class="has">
<pre><code>name
sandbox: ""|allow-forms|allow-same-origin|allow-scripts|allow-top-navigation - 对内容定义一系列额外的限制
seamless: seamless - 规定 <iframe> 看起来像是父文档中的一部分
src: URL - 规定在 <iframe> 中显示的文档的 URL
scrdoc: HTML_code - 规定页面中的 HTML 内容显示在 <iframe> 中
width: pixels - 规定 <iframe> 的宽度
--
提示：一个内联框架被用来在当前 HTML 文档中嵌入另一个文档</code></pre>
</div>
<h3>五、图像</h3>
<h4>60：<img>：定义图像</h4>
<div class="has">
<pre><code>alt: text - 规定图像的替代文本
crossorigin: anonymous use-credentials - 设置图像的跨域属性
height: pixels - 规定图像的高度
ismap: ismap - 将图像规定为服务器端图像映射
src: URL - 规定显示图像的 URL
usemap: #mapname - 将图像定义为客户端图像映射
width: pixels - 规定图像的宽度</code></pre>
</div>
<h4>61：<map>：定义图像映射</h4>
<div class="has">
<pre><code>name: mapname - 必需。为 image-map 规定的名称</code></pre>
</div>
<h4>62：<area>：定义图像地图内部的区域</h4>
<div class="has">
<pre><code>alt: text - 规定区域的替代文本。如果使用 href 属性，则该属性是必须的
coords: coordinates - 规定区域的坐标。
href: URL - 规定区域的目标 URL。
hreflang: language_code - 规定目标 URL 的语言
media: media query - 规定目标 URL 是为何种媒介/设备优化的。默认:all
rel:
alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag - 规定当前文档与目标 URL 之间的关系
shape: default|rect|circle|poly - 规定区域的形状
target: _blank|_parent|_self|_top - 规定在何处打开目标 URL
type: MIME_type - 规定目标 URL 的 MIME 类型</code></pre>
</div>
<h4>63：<canvas>：通过 JavaScript 来绘制图形</h4>
<div class="has">
<pre><code>height: pixels - 规定画布的高度
width: pixels - 规定画布的宽度
--
参考文档：https://www.runoob.com/tags/ref-canvas.html</code></pre>
</div>
<h4>64：<figcaption>：定义一个 caption for a <figure> element</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>65：<figure>：用于对元素进行组合</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h3>六、音频 | 视频</h3>
<h4>66：<audio>：定义声音，比如音乐或其它音频流</h4>
<div class="has">
<pre><code>autoplay: autoplay - 如果出现该属性，则音频在就绪后马上播放
controls: controls - 如果出现该属性，则向用户显示音频控件（播放暂停按钮）
loop: loop - 每当音频结束时重新开始播放
muted: muted - 音频输出为静音
preload: auto|metadata|none - 音频是否默认被加载以及如何被加载
src: URL - 规定音频文件的 URL</code></pre>
</div>
<h4>67：<source>：定义 media 元素的媒体资源</h4>
<div class="has">
<pre><code>media：media_query - 规定媒体资源的类型，供浏览器决定是否下载
src: URL - 规定媒体文件的 URL
type: MIME_type - 规定媒体资源的 MIME 类型</code></pre>
</div>
<h4>68：<track>：为媒体元素定义外部文本轨道</h4>
<div class="has">
<pre><code>default: default -
kind: captions|chapters|descriptions|metadata|subtitles - 规定文本轨道的文本类型
label: text - 规定文本轨道的标签和标题
src: URL - 必须，规定文本轨道的 URL
srclang: language_code - 规定轨道文本数据的语言。如果 kind 属性值是 "subtitles"，则该属性是必须的</code></pre>
</div>
<h4>69：<video>：定义一个音频或者视频</h4>
<div class="has">
<pre><code>autoplay
controls
height
loop
muted
poster: URL - 规定视频正在下载时显示的图像，直到用户点击播放按钮
preload: auto|metadata|none - 如果出现该属性，则视频在页面加载时进行加载，并预备播放。
src
width</code></pre>
</div>
<h3>七、链接</h3>
<h4>70：<a>：定义一个链接</h4>
<div class="has">
<pre><code>download: filename - 指定下载链接
href: URL - 规定链接的目标 URL
hreflang: language_code - 规定目标 URL 的基准语言。尽在 href 属性存在时使用
media: media_query - 规定目标 URL 的媒介类型。默认值 all。
rel:
alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag - 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
target: _blank|_parent|_self|_top - 规定在何处打开目标 URL
type: MIME_type - 规定目标 URL 的 MIME 类型</code></pre>
</div>
<h4>71：<link>：定义文档与外部资源的关系</h4>
<div class="has">
<pre><code>href: URL - 定义被链接文档的位置
hreflang: language_code - 定义被链接文档中文本的语言
media: media_query - 规定被链接文档将显示在什么设备上
rel: alternate|archives|author|bookmark|external|first|help|icon|last|license|next|nofollow|noreferrner|pingback|prefetch|prev|search|sidebar|stylesheet|tag|up - 必须。定义当前文档与被链接文档之间的关系。
sizes: HeightxWidth - 定义了链接属性大小，只对属性 rel:"icon" 起作用
type: MIME_type - 规定被链接文档的 MIME 类型
--
提示：<link> 一般用于链接外部样式文档</code></pre>
</div>
<h4>72：<nav>：定义导航链接</h4>
<div class="has">
<pre><code>无私有属性
--
提示：一般配合 <a> 使用，也是语义化标签</code></pre>
</div>
<h3>八、列表</h3>
<h4>73：<ul>：定义一个无序列表</h4>
<div class="has">
<pre><code>无私有属性
--
提示：将 <ul> 标签与 <li> 标签一起使用，创建无序列表</code></pre>
</div>
<h4>74：<ol>：定义一个有序列表</h4>
<div class="has">
<pre><code>reversed: reversed - 制定列表倒序
--
提示：将 <ol> 标签与 <li> 标签一起使用，创建有序列表</code></pre>
</div>
<h4>75：<li>：定义一个列表项</h4>
<div class="has">
<pre><code>无私有属性
--
提示：<li> 可用在 <ol> <ul> <menu> 中</code></pre>
</div>
<h4>76：<dl>：定义一个定义列表</h4>
<div class="has">
<pre><code>无私有属性
--
<dl> 标签与 <dt> （定义项目/名字）和 <dd> （描述每一个项目/名字）一起使用</code></pre>
</div>
<h4>77：<dt>：定义一个定义列表中的项目</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>78：<dd>：定义定义列表中项目的描述</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>79：<menu>：定义菜单列表</h4>
<div class="has">
<pre><code>目前所有主流浏览器都不支持 <menu> 标签</code></pre>
</div>
<h4>80：<commend>：定义用户可能调用的命令</h4>
<div class="has">
<pre><code>目前所有主流浏览器都不支持 <commend> 标签</code></pre>
</div>
<h3>九、表格</h3>
<h4>81：<table>：定义一个表格</h4>
<div class="has">
<pre><code>border：1|"" - 规定表格单元是否拥有边框</code></pre>
</div>
<h4>82：<caption>：定义表格的标题</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>83：<th>：定义表格中的表头单元格</h4>
<div class="has">
<pre><code>colspan: number - 规定表头单元格可横跨的列数
headers: header_id - 规定与表头单元格相关联的一个或多个表头单元格
rowspan: number - 规定表头单元格可横跨的行数
scope: col|colgroup|row|rowgroup - 规定表头单元格是否是行、列、行组或列祖的头部</code></pre>
</div>
<h4>84：<tr>：定义表格中的行</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>85：<td>：定义表格中的单元</h4>
<div class="has">
<pre><code>colspan: number - 规定单元格可横跨的列数
headers: header_id - 规定与单元格相关联的一个或多个表头单元格
rowspan: number - 设置单元格可横跨的行数</code></pre>
</div>
<h4>86：<thead>：定义表格中的表头数据</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>87：<tbody>：定义表格中的主体内容</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>88：<tfoot>：定义表格中的表注内容</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>89：<col>：定义表格中一个或多个列的属性值</h4>
<div class="has">
<pre><code>span: number - 规定 <col> 元素应该横跨的列数</code></pre>
</div>
<h4>90：<colgroup>：定义表格中供格式化的列组</h4>
<div class="has">
<pre><code>span: number - 规定列组应该横跨的列数</code></pre>
</div>
<h3>十、样式/节</h3>
<h4>91：<style>：定义文档的样式信息</h4>
<div class="has">
<pre><code>media: media_query - 为样式表规定不同的媒体类型
scoped: scoped - 如果使用该属性，则样式仅仅应用到 style 元素的夫元素及其子元素
type: text/css - 规定样式表的 MIME 类型</code></pre>
</div>
<h4>92：<div>：定义文档中的节</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>93：<span>：定义文档中的节</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>94：<header>：定义一个文档头部部分</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>95：<footer>：定义一个文档底部</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>96：<section>：定义了文档的某个区域</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>97：<article>：定义了一个文章内容</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>98：<aside>：定义其所处内容之外的内容</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>99：<details>：定义了用户可见的或者隐藏的需求的补充细节</h4>
<div class="has">
<pre><code>opem: open - 规定 details 是否可见</code></pre>
</div>
<h4>100：<dialog>：定义一个对话框或者窗口</h4>
<div class="has">
<pre><code>open: open - 规定 dialog 元素是有效的，用户可以与它进行交互</code></pre>
</div>
<h4>101：<summary>：定义一个可见的标题。当用户点击标题时会显示出详细信息。</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h3>十一、元信息</h3>
<h4>102：<head>：定义关于文档的信息</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>103：<meta>：定义关于 HTML 文档的元信息</h4>
<div class="has">
<pre><code>charset: character_set - 定义文档的字符编码
content: text - 定义与 http-equiv 或 name 属性相关的元信息。
http-equiv: content-type|default-style|refresh - 把 content 属性关联到 HTTP 头部
name: application-name|author|description|generator|keywords - 把 content 属性关联到一个名称</code></pre>
</div>
<h4>104：<base>：定义页面中所有链接的默认地址或默认目标</h4>
<div class="has">
<pre><code>href: URL - 规定页面中所有相对链接的基准 URL
target: _blank|_parent|_self|_top|framename - 规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。</code></pre>
</div>
<h3>十二、程序</h3>
<h4>105：<script>：定义客户端脚本</h4>
<div class="has">
<pre><code>async: async - 规定异步执行脚本
charset: charset - 规定在脚本中使用字符编码
defer: defer - 规定当页面完成解析后，执行脚本
src: URL - 规定外部脚本的 URL
type: MIME-type - 规定脚本的 MIME 类型</code></pre>
</div>
<h4>106：<noscript>：定义针对不支持客户端脚本的用户的替代内容</h4>
<div class="has">
<pre><code>无私有属性</code></pre>
</div>
<h4>107：<embed>：定义了一个容器，用来嵌入外部应用或者互动程序</h4>
<div class="has">
<pre><code>height: pixels - 规定嵌入内容的高度
src: URL - 规定被嵌入内容的 URL
type: MIME_type - 规定嵌入内容的 MIME 类型
width: pixels - 规定嵌入内容的宽度</code></pre>
</div>
<h4>108：<object>：定义嵌入的对象</h4>
<div class="has">
<pre><code>data: URL - 规定对象使用的资源的 URL
form: form_id - 规定对象所属的一个或多个表单
height: pixels - 规定对象的高度
name: name - 为对象规定名称
type: MIME_type - 规定 data 属性中规定的数据的 MIME 类型
usemap: #mapname - 规定与对象一同使用的客户端图像映射的名称
width: pixels - 规定对象的宽度</code></pre>
</div>
<h4>109：<param>：定义对象的参数</h4>
<div class="has">
<pre><code>name: name - 定义参数的名称
value: value - 描述参数值</code></pre>
</div>
<h3>十三、补充</h3>
<h4>110：<main>：定义文档的主要内容</h4>
<div class="has">
<pre><code>无私有属性
--
提示：一个 HTML 文档只允许出现一个 main 标签</code></pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1740253902076395520"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(form标签的action之前,加密,html表单form字体颜色)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1904494349538881536.htm"
title="如何在华为云服务器查看IP地址，及修改服务器登录密码！！！" target="_blank">如何在华为云服务器查看IP地址，及修改服务器登录密码！！！</a>
<span class="text-muted">懒羊羊大王&</span>
<a class="tag" taget="_blank" href="/search/Linux%EF%BC%88%E7%B3%BB%E7%BB%9F%2B%E7%BD%91%E7%BB%9C%EF%BC%89/1.htm">Linux（系统+网络）</a><a class="tag" taget="_blank" href="/search/c%2B%2B%28%E5%88%9D%E9%98%B6%29/1.htm">c++(初阶)</a><a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA%E4%BA%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/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>1.在华为云服务器查看IP地址(1).第一步：先找到控制台(2).第二步：点击华为云Flexus云服务(3)第三步：找到公网IP，就找到华为云服务器IP地址啦。注意：在操作以上步骤的前提是要已注册华为云账号及购买云服务器。2.修改服务器登录密码接着上述页面，点击右下方三个点找到重置密码即可。还有重装系统，切换镜像等其他功能。小结：使用xshell和华为云服务器比使用wmware方便的多，而且wmw</div>
</li>
<li><a href="/article/1904493844758589440.htm"
title="【C++】继承" target="_blank">【C++】继承</a>
<span class="text-muted">XYN5114</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>目录一、继承的基本语法二、继承方式三、对象模型四、构造和析构的顺序五、同名成员处理六、同名静态成员处理七、多继承语法八、菱形继承问题以及解决方法补充知识：继承是面向对象的三大特性之一一、继承的基本语法class子类（派生类）:继承方式父类（基类）派生类包括：①从基类继承过来（共性）②自己增加的成员（特性）//公共页面类classBasePage{public:voidheader(){cout<<</div>
</li>
<li><a href="/article/1904493214480527360.htm"
title="C++QT复习" target="_blank">C++QT复习</a>
<span class="text-muted">小徐的记事本</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/QT/1.htm">QT</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>1.信号和槽class类名{ Q_OBJECT publicslots: 槽函数 signals: 信号函数};1.1通过SignalsAndSlotEdit进行连接只支持QT类提供的信号和槽函数1.2通过QT组件，右键转到槽要求信号函数是QT类提供，槽函数自定义1.3自定义的信号函数和槽函数emit信号函数名(实参表);需要手动的进行连接(connect)1.4信号和槽函数进行</div>
</li>
<li><a href="/article/1904493213205458944.htm"
title="23种设计模式-代理(Proxy)设计模式" target="_blank">23种设计模式-代理(Proxy)设计模式</a>
<span class="text-muted">程序员汉升</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86%E6%A8%A1%E5%BC%8F/1.htm">代理模式</a><a class="tag" taget="_blank" href="/search/%E7%BB%93%E6%9E%84%E5%9E%8B%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">结构型设计模式</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a>
<div>代理设计模式什么是代理设计模式？代理设计模式的特点代理设计模式的结构代理设计模式的优缺点代理设计模式的Java实现代码总结总结什么是代理设计模式？代理设计模式（ProxyPattern）是一种结构型设计模式，它为其他对象提供一种代理以控制对这个对象的访问。代理模式通过创建一个代理对象，在客户端和目标对象之间起到中介作用，可以在不改变原始类代码的情况下增加额外的功能。使用场景当需要控制对对象的访问时</div>
</li>
<li><a href="/article/1904492834803740672.htm"
title="el-table下的复选框关联勾选" target="_blank">el-table下的复选框关联勾选</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>效果展示：//多选constcheckId=ref([]);constmultipleTable=ref()//手动勾选单选的情况consthandleSelection=(val)=>{if(checkId.value.length>val.length){//取消选中letcheckAll=checkId.value;checkId.value=val;checkAll.forEach((it</div>
</li>
<li><a href="/article/1904492582637989888.htm"
title="AutocadCad 2025新增功能" target="_blank">AutocadCad 2025新增功能</a>
<span class="text-muted">小魚資源大雜燴</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a>
<div>智能块相关功能搜索和转换：借助AutodeskAI，可快速搜索图形中的对象，并将其转换为新定义的块、现有或最近使用的块，以及块库中建议块的实例。对象检测技术预览：同样利用AutodeskAI自动识别要转换为块的对象，提高设计效率，节省清理图形的时间。该功能是技术预览版，会不断发展和改进。放置：能根据当前DWG文件中已插入相同块的位置，以正确的位置和比例自动放置块，减少点击次数，节省时间。替换：通过</div>
</li>
<li><a href="/article/1904491826522419200.htm"
title="如何在 ASP.NET Core 中实现速率限制？" target="_blank">如何在 ASP.NET Core 中实现速率限制？</a>
<span class="text-muted">爷兰</span>
<a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>在ASP.NETCore中实现速率限制（RateLimiting）中间件可以帮助你控制客户端对API的请求频率，防止滥用和过载。速率限制通常用于保护服务器资源，确保服务的稳定性和可用性。ASP.NETCore本身并没有内置的速率限制中间件，但你可以通过自定义中间件或使用第三方库来实现速率限制。以下是实现速率限制的几种常见方法：1.使用自定义中间件实现速率限制你可以通过自定义中间件来实现速率限制。以</div>
</li>
<li><a href="/article/1904491826992181248.htm"
title="牛逼c语言代码,这段c语言代码牛逼在哪？" target="_blank">牛逼c语言代码,这段c语言代码牛逼在哪？</a>
<span class="text-muted">weixin_39576294</span>
<a class="tag" taget="_blank" href="/search/%E7%89%9B%E9%80%BCc%E8%AF%AD%E8%A8%80%E4%BB%A3%E7%A0%81/1.htm">牛逼c语言代码</a>
<div>原标题：这段c语言代码牛逼在哪？有人说C语言是世界上最牛逼的语言，因为操作系统就是用C语言编写的，学好了C才能更好的学习其他编程语言。为此，有人分享了下面一段代码，说是很牛逼的c语言代码，看得W3Cschool小编一脸懵逼。大家来看看，它究竟牛在哪里?#include"stdio.h"main(void){floata;printf("数据排列nn");printf("请输入相应的数据：")；sc</div>
</li>
<li><a href="/article/1904491574348279808.htm"
title="c语言可以直接对硬件操作,c语言可以直接对硬件进行操作吗_后端开发" target="_blank">c语言可以直接对硬件操作,c语言可以直接对硬件进行操作吗_后端开发</a>
<span class="text-muted">龚琳娜</span>
<a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80%E5%8F%AF%E4%BB%A5%E7%9B%B4%E6%8E%A5%E5%AF%B9%E7%A1%AC%E4%BB%B6%E6%93%8D%E4%BD%9C/1.htm">c语言可以直接对硬件操作</a>
<div>关于PHP7.0与PHP5.6下Laravel博客应用性能对比分析详解_后端开发我们使用ab命令(Apache提供的性能测试工具)在该版本中测试Laravel应用(以目前正在讲的使用Laravel开发的博客应用为例)性能，我们模拟10000次请求，100个并发进行压力测试…c语言可以直接对硬件进行操作吗？不能。首先，C语言不能够直接对硬件进行操作。从本质上来说，连汇编语言都不可以。只有机器语言能够</div>
</li>
<li><a href="/article/1904491322132197376.htm"
title="GCC静态库与动态库链接顺序的深坑" target="_blank">GCC静态库与动态库链接顺序的深坑</a>
<span class="text-muted">汪宁宇</span>
<a class="tag" taget="_blank" href="/search/ASM%2FWTL%2FMFC%2FQT/1.htm">ASM/WTL/MFC/QT</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/gcc/1.htm">gcc</a>
<div>有三个工程文件，A为SDL2动态库，B为基于A的静态库，C为基于A和B的主程序EXE，现在发现这个问题：在C程序链接器命令的时候，通常像这种写法-lSDL2-lLibB，此时就会报B报错找不到A中的函数，但是如果交换顺序-lLibB-lSDL2就正常了，这是为何？这是由于链接器的工作方式导致的，主要涉及到静态库和动态库之间的依赖顺序问题。链接器的解析顺序链接器在解析库时是从左到右的顺序工作的。当它</div>
</li>
<li><a href="/article/1904491317803675648.htm"
title="AIGC重塑文化娱乐产业" target="_blank">AIGC重塑文化娱乐产业</a>
<span class="text-muted">AI天才研究院</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97/1.htm">计算</a><a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E4%BC%81%E4%B8%9A%E7%BA%A7%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">AI大模型企业级应用开发实战</a><a class="tag" taget="_blank" href="/search/DeepSeek/1.htm">DeepSeek</a><a class="tag" taget="_blank" href="/search/R1/1.htm">R1</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AEAI%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大数据AI人工智能大模型</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/kotlin/1.htm">kotlin</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/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/%E5%A4%A7%E5%8E%82%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">大厂程序员</a><a class="tag" taget="_blank" href="/search/%E7%A1%85%E5%9F%BA%E8%AE%A1%E7%AE%97/1.htm">硅基计算</a><a class="tag" taget="_blank" href="/search/%E7%A2%B3%E5%9F%BA%E8%AE%A1%E7%AE%97/1.htm">碳基计算</a><a class="tag" taget="_blank" href="/search/%E8%AE%A4%E7%9F%A5%E8%AE%A1%E7%AE%97/1.htm">认知计算</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E7%89%A9%E8%AE%A1%E7%AE%97/1.htm">生物计算</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/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a><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/AIGC/1.htm">AIGC</a><a class="tag" taget="_blank" href="/search/AGI/1.htm">AGI</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">系统架构设计</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%93%B2%E5%AD%A6/1.htm">软件哲学</a><a class="tag" taget="_blank" href="/search/Agent/1.htm">Agent</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E5%AE%9E%E7%8E%B0%E8%B4%A2%E5%AF%8C%E8%87%AA%E7%94%B1/1.htm">程序员实现财富自由</a>
<div>AIGC重塑文化娱乐产业概述与关键词关键词：AIGC、文化娱乐产业、人工智能生成内容、技术变革、实际应用摘要：随着人工智能技术的快速发展，AIGC（人工智能生成内容）正在成为文化娱乐产业的重要变革力量。本文将深入探讨AIGC的基本概念、核心技术、应用场景以及在音乐、影视、文学、游戏和虚拟现实等多个领域的实际应用，分析其对文化娱乐产业带来的深远影响和未来发展趋势。引言近年来，人工智能技术迅猛发展，特</div>
</li>
<li><a href="/article/1904490687991181312.htm"
title="设计模式分享概述" target="_blank">设计模式分享概述</a>
<span class="text-muted">生菜无双</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E5%B9%B2%E8%B4%A7%E5%88%86%E4%BA%AB/1.htm">设计模式干货分享</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a>
<div>设计模式分享概述好代码VS烂代码一些深层原则深入学习设计模式的好处如何评价代码质量的高低？面向对象、设计原则、设计模式、编程规范、重构，包含哪些内容及这五者有何关系？好代码VS烂代码很多人写出烂代码的程序员往往会跟自己找借口——时间紧、任务重等，但是其实写烂代码和好代码花费的时间是差不多的。一些深层原则大道至简：思从深而行从简，其实包括写代码在内的任何事，如果感觉比较甚至越来越复杂、混乱、浆糊等。</div>
</li>
<li><a href="/article/1904490561679716352.htm"
title="C语言概念——C语言到底是什么？" target="_blank">C语言概念——C语言到底是什么？</a>
<span class="text-muted">雨又停了C又行了</span>
<a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>前言C语言是一种通用的高级语言，是有丹尼斯-里奇在贝尔实验室为UNIX操作系统而设计的，编程语言总共分为三种：高级语言、汇编语言、机器语言。一、C语言是什么？C语言是一种面向过程的、抽象化的通用程序设计语言，广泛应用于底层开发，C语言能以简易的方式编译、处理低级存储器。最重要的是C语言的设计目标是在保持代码的简洁性和易读性的同时，提供足够的功能和灵活性。它的设计理念是“尽可能简单，让程序员能够自由</div>
</li>
<li><a href="/article/1904490309442662400.htm"
title="使用Carsim和MATLAB/Simulink进行强化学习的解决办法" target="_blank">使用Carsim和MATLAB/Simulink进行强化学习的解决办法</a>
<span class="text-muted">DAY走玩</span>
<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/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E9%A9%BE%E9%A9%B6/1.htm">自动驾驶</a>
<div>本人之前一直想通过强化学习控制车辆进行自动驾驶，但是一直存在carsim报错或者MATLAB崩溃的现象，后经不断尝试，发现Carsim2022和MATLAB2023b联仿能够正常实现强化学习。附上MATLAB2023b和Carsim2022安装包MATLAB2023b链接：https://pan.baidu.com/s/1sXl0O15U0rDk7bAl66b4uA?pwd=xf9x提取码：xf9</div>
</li>
<li><a href="/article/1904489931670089728.htm"
title="创建WebSocket服务器：TouchSocket框架实践" target="_blank">创建WebSocket服务器：TouchSocket框架实践</a>
<span class="text-muted">若汝棋茗</span>
<a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</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/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a>
<div>这里写目录标题一、概述二、基本配置1.简单创建WebSocket服务2.验证连接3.基于WebApi创建三、接收消息1.插件订阅2.显式调用`ReadAsync`四、发送消息1.发送文本消息2.发送二进制消息3.发送自定义数据帧五、关闭连接六、示例项目一、概述WebSocket是一种基于HTTP协议的升级协议，允许客户端与服务器之间进行全双工通信。在TouchSocket框架中，WebSocket</div>
</li>
<li><a href="/article/1904488420282003456.htm"
title="PyTorch 深度学习实战（8）：Transformer 与机器翻译（基于本地中英文文本文件）" target="_blank">PyTorch 深度学习实战（8）：Transformer 与机器翻译（基于本地中英文文本文件）</a>
<span class="text-muted">进取星辰</span>
<a class="tag" taget="_blank" href="/search/PyTorch/1.htm">PyTorch</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E5%AE%9E%E6%88%98/1.htm">深度学习实战</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/pytorch/1.htm">pytorch</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a>
<div>在上一篇文章中，我们探讨了循环神经网络（RNN）及其在文本分类中的应用。本文将介绍Transformer模型的基本原理，并使用PyTorch和HuggingFace的transformers库实现一个简单的机器翻译模型。我们将基于本地的中英文文本文件进行实战演练。一、Transformer基础Transformer是一种基于自注意力机制（Self-Attention）的神经网络架构，由Vaswan</div>
</li>
<li><a href="/article/1904487915623346176.htm"
title="C++11&QT复习 （三）" target="_blank">C++11&QT复习 （三）</a>
<span class="text-muted">嘤国大力士</span>
<a class="tag" taget="_blank" href="/search/QT_C%2B%2B/1.htm">QT_C++</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>文章目录@[toc]Day5-2文件IO（2025.03.24）1.缓冲区与刷新1.1常见的缓冲刷新方式2.文件读写操作2.1读取文件2.2写入文件2.3追加模式写入2.3完整代码3.文件定位操作4.字符串IO5.配置文件解析示例6.完整代码7.二进制文件操作总结Day5-2文件IO（2025.03.24）1.缓冲区与刷新在C++的标准输入输出流(iostream)中，I/O操作通常会涉及缓冲区，</div>
</li>
<li><a href="/article/1904487536307269632.htm"
title="Spring Boot3 配置文件" target="_blank">Spring Boot3 配置文件</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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>统一配置文件管理SpringBoot工程下，进行统一的配置管理，你想设置的任何参数（端口号、项目根路径、数据库连接信息等等)都集中到一个固定位置和命名的配置文件（`application.properties`或`application.yml`）中！配置文件应该放置在SpringBoot工程的`src/main/resources`目录下。这是因为`src/main/resources`目录是S</div>
</li>
<li><a href="/article/1904487537108381696.htm"
title="二叉树的遍历（代码实现+详细注释）" target="_blank">二叉树的遍历（代码实现+详细注释）</a>
<span class="text-muted">嘤国大力士</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
<div>文章目录层级遍历代码实现的每一步解释初始化循环遍历后序遍历代码实现的每一步解释初始化循环遍历后序遍历（递归实现）递归后序遍历的执行步骤代码实现的每一步解释递归过程示例递归的关键点层级遍历代码实现的每一步解释publicListlevelOrder(){Listlist=newLinkedListqueue1=newMyArrayQueuepostOrder(){Listlist=newLinked</div>
</li>
<li><a href="/article/1904487537569755136.htm"
title="对递归的深度理解及详细示例" target="_blank">对递归的深度理解及详细示例</a>
<span class="text-muted">嘤国大力士</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>文章目录1.**理解递归的基本概念**2.**识别递归的三个关键部分**3.**逐步分析递归函数**分析4.**手动模拟递归调用**5.**可视化递归**6.**调试和打印**7.**从简单的递归问题开始**8.**理解递归与迭代的关系**9.**练习**示例1：递归实现二叉树的后序遍历分析示例2：斐波那契数列分析示例3：字符串反转分析示例4：汉诺塔问题分析示例5：二叉树的最大深度分析示例6：全排</div>
</li>
<li><a href="/article/1904487282962919424.htm"
title="vue3怎么定义计算属性" target="_blank">vue3怎么定义计算属性</a>
<span class="text-muted">fridayCodeFly</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>在Vue3中，你可以使用computed函数来定义计算属性。computed函数来自Vue3的组合式API，它有两种使用方式：只读计算属性和可写计算属性，下面分别介绍这两种方式。只读计算属性只读计算属性是最常见的用法，它接收一个getter函数作为参数，返回一个只读的响应式引用。以下是一个简单的示例：Firstname:{{firstName}}Lastname:{{lastName}}Fulln</div>
</li>
<li><a href="/article/1904487283420098560.htm"
title="设计模式 一、软件设计原则" target="_blank">设计模式 一、软件设计原则</a>
<span class="text-muted">kkkkatoq</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/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>一、理解设计原则1、单一原则1.1如何理解单一职责原则（SRP）单一职责原则（SingleResponsibilityPrinciple，简称SRP）,他要求一个类或模块应该只负责一个特定的功能，这有助于降低类之间的耦合度，提高代码的可读性和可维护性。单一职责原则的定义非常简单，一个类只负责完成一个职责或者功能，也就是说，不要设计大而全的类，要设计粒度小、功能单一的类，换个角度来讲，就是一个类包含</div>
</li>
<li><a href="/article/1904487284082798592.htm"
title="在 QT 中使用 libusb 检测 MAC 上的 USB 设备" target="_blank">在 QT 中使用 libusb 检测 MAC 上的 USB 设备</a>
<span class="text-muted">冰水比水冰</span>
<a class="tag" taget="_blank" href="/search/QT/1.htm">QT</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/Linux%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91/1.htm">Linux应用开发</a><a class="tag" taget="_blank" href="/search/Linux%E5%86%85%E6%A0%B8%E5%AD%A6%E4%B9%A0/1.htm">Linux内核学习</a><a class="tag" taget="_blank" href="/search/api/1.htm">api</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/usb/1.htm">usb</a><a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a>
<div>最近在用QT做一个MAC上的Kindle批注管理软件，遇到的第一个问题就是检测MAC上连接的USB设备的状态。如果是在Cocoa进行开发，会有对应的系统API可供使用，但是由于我是在QT平台进行的开发，所以无形中加大了一点难度。就在这时，我发现了一个库：libusblibusb介绍libusb设计了一系列的外部API为应用程序所调用，通过这些API应用程序可以操作硬件，从libusb的源代码可以看</div>
</li>
<li><a href="/article/1904487192735051776.htm"
title="开发团队质疑产品方案的技术合理性，如何推进" target="_blank">开发团队质疑产品方案的技术合理性，如何推进</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a>
<div>推进被开发团队质疑技术合理性的产品方案的关键方法包括深入分析技术疑虑、建立有效沟通机制、引入第三方专家评审、迭代式验证技术方案以及增强团队的协作与信任。其中，深入分析技术疑虑尤其重要。根据PMI调查显示，超过65%的项目失败归因于沟通不足与需求未达成共识。因此，准确理解开发团队的技术担忧并妥善解决，是推动项目顺利实施的基础。一、深入分析技术疑虑当开发团队质疑产品方案的技术合理性时，应首先认真倾听并</div>
</li>
<li><a href="/article/1904487194031091712.htm"
title="YashanDB双引号" target="_blank">YashanDB双引号</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>双引号是对标识符、密码定义和使用的扩展。使用双引号时，标识符、密码定义将支持特殊字符、数字，并且区分字母大小写。双引号的使用位置（是否可出现在SELECT，FROM和WHERE后）和使用场景规则，以及双引号内字符串的长度限制，由双引号限定的标识符和密码本身决定，与是否加双引号无关。表名、列名、视图名、序列名、同义词、函数名、存储过程名、触发器名以及JOB名等对象名称标识符支持使用双引号。表别名、列</div>
</li>
<li><a href="/article/1904486436460097536.htm"
title="搭建属于自己的社交论坛圈子群体/前端全开源圈子获取源码/行业圈子/聊天圈子多端打包支持上线" target="_blank">搭建属于自己的社交论坛圈子群体/前端全开源圈子获取源码/行业圈子/聊天圈子多端打包支持上线</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%90%8E%E7%AB%AF%E6%95%B0%E6%8D%AE%E5%BA%93%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">前端小程序后端数据库程序员</a>
<div>众所周知，有一个属于自己的圈子，不管是什么行业或者是各种爱好者都可以在圈子里交流讨论自己擅长的领域知识和见解，也能找到志同道合的圈友，还能增长自己的知识，如果你是一个公司的话，也可以向外宣传自己的公司文化，传播自己的产品和知识！那要搭建一个圈子，首先我们要做好做一个小程序或者APP的前期准备，服务器，域名，公司。这些准备好之后，我们需要圈子源码来搭建自己的站点：获取前端源码开源社区与代码托管平台：</div>
</li>
<li><a href="/article/1904486275247828992.htm"
title="探索表情的世界：Java Emoji Converter深度解析与应用推荐" target="_blank">探索表情的世界：Java Emoji Converter深度解析与应用推荐</a>
<span class="text-muted">郦添楠Joey</span>
<div>探索表情的世界：JavaEmojiConverter深度解析与应用推荐java-emoji-converterEmoji转换工具，便于各种类型的客户端生成的Emoji字符串转换成另外一种格式项目地址:https://gitcode.com/gh_mirrors/ja/java-emoji-converter在当今信息爆炸的时代，Emojis已成为我们日常沟通不可或缺的一部分。无论是社交媒体上的轻松</div>
</li>
<li><a href="/article/1904485428371714048.htm"
title="信创国产系统对国产芯片发展的推动作用" target="_blank">信创国产系统对国产芯片发展的推动作用</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
<div>信创产业作为国家信息技术创新发展的重要战略方向，近年来取得了显著的进展。其中，信创国产系统与国产芯片作为产业的核心组成部分，二者相互促进、协同发展。信创国产系统的崛起对国产芯片的发展起到了至关重要的推动作用，不仅为国产芯片提供了广阔的应用空间，还在技术创新、产业生态建设等方面给予了有力支持。提供广阔应用市场信创国产系统的推广应用为国产芯片创造了庞大的市场需求。随着国家对信创产业的重视和支持力度不断</div>
</li>
<li><a href="/article/1904485299841462272.htm"
title="印度股票数据API对接文档" target="_blank">印度股票数据API对接文档</a>
<span class="text-muted"></span>
<div>1.接口概述StockTV提供印度股票市场的实时行情数据接口，包括：印度NSE和BSE交易所的股票实时行情指数数据(Nifty50,SENSEX等)历史K线数据公司基本信息IPO新股信息涨跌排行榜支持HTTPRESTAPI和WebSocket两种接入方式，毫秒级延迟，7×24小时稳定服务。2.获取APIKey使用前需联系StockTV获取APIKey：官网联系方式3.印度股票接口列表3.1获取印度</div>
</li>
<li><a href="/article/1904485301103947776.htm"
title="红宝书第七讲：this绑定与强制类型转换详解（小白指南）" target="_blank">红宝书第七讲：this绑定与强制类型转换详解（小白指南）</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFjavascript/1.htm">前端javascript</a>
<div>红宝书第七讲：this绑定与强制类型转换详解（小白指南）资料取自《JavaScript高级程序设计（第5版）》。查看所有教程：红宝书学习大纲一、this绑定：对话中的主角是谁？简单比喻假设你在餐厅点菜，this相当于当前服务的服务员：不同场景服务员会变：包厢用餐→专属服务员（对象方法）/大堂吧台→公共服务员（全局对象）四大绑定规则默认绑定→指向全局（餐厅大厅服务员）function找服务员(){c</div>
</li>
<li><a href="/article/47.htm"
title="jdk tomcat 环境变量配置" target="_blank">jdk tomcat 环境变量配置</a>
<span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a>
<div>Win7 下如何配置java环境变量
1。准备jdk包，win7系统，tomcat安装包（均上网下载即可）
2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。）
3。分别配置高级环境变量。
电脑-->右击属性-->高级环境变量-->环境变量。
分别配置 :
path
&nbs</div>
</li>
<li><a href="/article/174.htm"
title="Spring调SDK包报java.lang.NoSuchFieldError错误" target="_blank">Spring调SDK包报java.lang.NoSuchFieldError错误</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>
<div> 在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。
org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l</div>
</li>
<li><a href="/article/301.htm"
title="LeetCode[位运算] - #136 数组中的单一数" target="_blank">LeetCode[位运算] - #136 数组中的单一数</a>
<span class="text-muted">Cwind</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a>
<div>原题链接：#136 Single Number
要求：
给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素
注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间
难度：中等
分析：
题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进</div>
</li>
<li><a href="/article/428.htm"
title="qq登陆界面开发" target="_blank">qq登陆界面开发</a>
<span class="text-muted">15700786134</span>
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
<div>今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下：
public class First { public void initul(){ jf=ne</div>
</li>
<li><a href="/article/555.htm"
title="Linux的程序包管理器RPM" target="_blank">Linux的程序包管理器RPM</a>
<span class="text-muted">被触发</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的</div>
</li>
<li><a href="/article/682.htm"
title="socket通信遇到EOFException" target="_blank">socket通信遇到EOFException</a>
<span class="text-muted">肆无忌惮_</span>
<a class="tag" taget="_blank" href="/search/EOFException/1.htm">EOFException</a>
<div>java.io.EOFException
at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281)
at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:</div>
</li>
<li><a href="/article/809.htm"
title="基于spring的web项目定时操作" target="_blank">基于spring的web项目定时操作</a>
<span class="text-muted">知了ing</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>废话不多说，直接上代码，很简单 配置一下项目启动就行
1，web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="h</div>
</li>
<li><a href="/article/936.htm"
title="树形结构的数据库表Schema设计" target="_blank">树形结构的数据库表Schema设计</a>
<span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/schema/1.htm">schema</a>
<div>原文地址：
http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488
程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，</div>
</li>
<li><a href="/article/1063.htm"
title="maven将jar包和源码一起打包到本地仓库" target="_blank">maven将jar包和源码一起打包到本地仓库</a>
<span class="text-muted">alleni123</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository
<project>
...
<build>
<plugins>
<plugin>
<groupI</div>
</li>
<li><a href="/article/1190.htm"
title="java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！" target="_blank">java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！</a>
<span class="text-muted">百合不是茶</span>
<div>类 File
File是指文件和目录路径名的抽象表示形式。
1，何为文件：
标准文件（txt doc mp3...）
目录文件（文件夹）
虚拟内存文件
2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都</div>
</li>
<li><a href="/article/1317.htm"
title="Spring注入有继承关系的类（2）" target="_blank">Spring注入有继承关系的类（2）</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>
<div>被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类
package com.bijian.spring.test4;
public class AClass {
private String a;
private String b;
public String getA() {
retu</div>
</li>
<li><a href="/article/1444.htm"
title="30岁转型期你能否成为成功人士" target="_blank">30岁转型期你能否成为成功人士</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E6%88%90%E9%95%BF/1.htm">成长</a><a class="tag" taget="_blank" href="/search/%E5%8A%B1%E5%BF%97/1.htm">励志</a>
<div> 很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人</div>
</li>
<li><a href="/article/1571.htm"
title="【Velocity四】Velocity与Java互操作" target="_blank">【Velocity四】Velocity与Java互操作</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a>
<div>Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，
POJO
package com.tom.servlets;
public</div>
</li>
<li><a href="/article/1698.htm"
title="【Hive十一】Hive数据倾斜优化" target="_blank">【Hive十一】Hive数据倾斜优化</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
<div>什么是Hive数据倾斜问题
操作：join,group by,count distinct
现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。
原因：key分布不均匀
倾斜度衡量：平均记录数超过50w且</div>
</li>
<li><a href="/article/1825.htm"
title="在nginx中集成lua脚本：添加自定义Http头，封IP等" target="_blank">在nginx中集成lua脚本：添加自定义Http头，封IP等</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+lua+csrf/1.htm">nginx lua csrf</a>
<div>Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com
Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。
location /{</div>
</li>
<li><a href="/article/1952.htm"
title="java-3.求子数组的最大和" target="_blank">java-3.求子数组的最大和</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>package beautyOfCoding;
public class MaxSubArraySum {
/**
* 3.求子数组的最大和
题目描述：
输入一个整形数组，数组里有正数也有负数。
数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。
求所有子数组的和的最大值。要求时间复杂度为O(n)。
例如输入的数组为1, -2, 3, 10, -4,</div>
</li>
<li><a href="/article/2079.htm"
title="Netty源码学习-FileRegion" target="_blank">Netty源码学习-FileRegion</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/netty/1.htm">netty</a>
<div>今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java
可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder：
//pipeline（没有诸如“FileRegionEncoder”的handler）：
public ChannelPipeline ge</div>
</li>
<li><a href="/article/2206.htm"
title="使用ZeroClipboard解决跨浏览器复制到剪贴板的问题" target="_blank">使用ZeroClipboard解决跨浏览器复制到剪贴板的问题</a>
<span class="text-muted">cngolon</span>
<a class="tag" taget="_blank" href="/search/%E8%B7%A8%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">跨浏览器</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E5%88%B6%E5%88%B0%E7%B2%98%E8%B4%B4%E6%9D%BF/1.htm">复制到粘贴板</a><a class="tag" taget="_blank" href="/search/Zero+Clipboard/1.htm">Zero Clipboard</a>
<div>Zero Clipboard的实现原理
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。
Zero Clipboard的安装方法
首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js </div>
</li>
<li><a href="/article/2333.htm"
title="单例模式" target="_blank">单例模式</a>
<span class="text-muted">cuishikuan</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a>
<div>第一种（懒汉，线程不安全）：
public class Singleton { 2 private static Singleton instance; 3 pri</div>
</li>
<li><a href="/article/2460.htm"
title="spring+websocket的使用" target="_blank">spring+websocket的使用</a>
<span class="text-muted">dalan_123</span>
<div>一、spring配置文件
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.or</div>
</li>
<li><a href="/article/2587.htm"
title="细节问题：ZEROFILL的用法范围。" target="_blank">细节问题：ZEROFILL的用法范围。</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div> 1、zerofill把月份中的一位数字比如1，2，3等加前导0
mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL, -> day</div>
</li>
<li><a href="/article/2714.htm"
title="Android开发10——Activity的跳转与传值" target="_blank">Android开发10——Activity的跳转与传值</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a>
<div>Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。
一、Activity跳转
方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)
方法二Intent intent = new Intent();intent.setCla</div>
</li>
<li><a href="/article/2841.htm"
title="jdbc 得到表结构、主键" target="_blank">jdbc 得到表结构、主键</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/jdbc+%E5%BE%97%E5%88%B0%E8%A1%A8%E7%BB%93%E6%9E%84%E3%80%81%E4%B8%BB%E9%94%AE/1.htm">jdbc 得到表结构、主键</a>
<div>转自博客：http://blog.csdn.net/ocean1010/article/details/7266042
假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt</div>
</li>
<li><a href="/article/2968.htm"
title="Android 应用程序开关GPS" target="_blank">Android 应用程序开关GPS</a>
<span class="text-muted">gqdy365</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>要在应用程序中操作GPS开关需要权限：
<uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" />
但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？
1、方法一：将项目放到Android源码中编译；
2、方法二：网上有人说cl</div>
</li>
<li><a href="/article/3095.htm"
title="Windows上调试MapReduce" target="_blank">Windows上调试MapReduce</a>
<span class="text-muted">zhiquanliu</span>
<a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a>
<div>1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b</div>
</li>
<li><a href="/article/3222.htm"
title="如何看待一些知名博客推广软文的行为？" target="_blank">如何看待一些知名博客推广软文的行为？</a>
<span class="text-muted">justjavac</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%AE%A2/1.htm">博客</a>
<div>本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621
互联网上的两种典型心态：
当初求种像条狗，如今撸完嫌人丑
当初搜贴像条犬，如今读完嫌人软
你为啥感觉不舒服呢？
难道非得要作者把自己的劳动成果免费给你用，你才舒服？
就如同 Google 关闭了 Gooled Reader，那是</div>
</li>
<li><a href="/article/3349.htm"
title="sql优化总结" target="_blank">sql优化总结</a>
<span class="text-muted">macroli</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div>为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！
要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。
一、简单的统计语句执行时间
declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id</div>
</li>
<li><a href="/article/3476.htm"
title="Linux Oracle中常遇到的一些问题及命令总结" target="_blank">Linux Oracle中常遇到的一些问题及命令总结</a>
<span class="text-muted">超声波</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>1.linux更改主机名
(1)#hostname oracledb 临时修改主机名
(2) vi /etc/sysconfig/network 修改hostname
(3) vi /etc/hosts 修改IP对应的主机名
2.linux重启oracle实例及监听的各种方法
（注意操作的顺序应该是先监听，后数据库实例）
&nbs</div>
</li>
<li><a href="/article/3603.htm"
title="hive函数大全及使用示例" target="_blank">hive函数大全及使用示例</a>
<span class="text-muted">superlxw1234</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hive%E5%87%BD%E6%95%B0/1.htm">hive函数</a>
<div>
具体说明及示例参 见附件文档。
文档目录：
目录
一、关系运算： 4
1. 等值比较: = 4
2. 不等值比较: <> 4
3. 小于比较: < 4
4. 小于等于比较: <= 4
5. 大于比较: > 5
6. 大于等于比较: >= 5
7. 空值判断: IS NULL 5</div>
</li>
<li><a href="/article/3730.htm"
title="Spring 4.2新特性-使用@Order调整配置类加载顺序" target="_blank">Spring 4.2新特性-使用@Order调整配置类加载顺序</a>
<span class="text-muted">wiselyman</span>
<a class="tag" taget="_blank" href="/search/spring+4/1.htm">spring 4</a>
<div>4.1 @Order
Spring 4.2 利用@Order控制配置类的加载顺序
4.2 演示
两个演示bean
package com.wisely.spring4_2.order;
public class Demo1Service {
}
package com.wisely.spring4_2.order;
public class</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>
