目录
一： 初识HTML
二：常见网页标签
2.1.标题标签 h1-h6
2.2.段落和换行标签
2.3.文本格式化标签
2.4.div和span标签
2.5.图像标签和路径
2.6.超链接标签
2.7.注释和特殊字符
三：表格标签
3.1.表格的基本语法
3.2.表格属性
3.3.表格结构标签
3.4.合并单元格
四：列表标签
4.1.无序列表
4.2.有序列表
4.3.自定义列表
五：表单标签
5.1.表单的组成
5.2.表单域
5.3.表单控件(表单元素)
5.3.1.input 表单元素
5.3.2.label 标签
5.3.3.select 表单元素
5.3.4.textarea 表单元素
六：HTML5 的新特性
6.1.HTML5 新增的语义化标签
6.2.HTML5 新增的 input 类型
6.3.HTML5 新增的表单属性
一： 初识HTML
HTML 全称为 HyperText Markup Language，译为超文本标记语言。
在 VS Code 中，新建 html 文件，输入html:5后，按Tab键或回车后，可以快速生成HTML5的骨架：
Document
1.其中，第一行的声明是HTML5标准
2.lang指定页面的语言类型，一般常见的有两种：
en：定义页面语言为英语 zh-CN：定义页面语言为中文
3.head头标签表示的是页面的配置，其内部的常见标签主要有
、<meta>、<link>等</p>
<ul>
<li><title>：指定整个网页的标题，在浏览器最上方显示。</li>
<li><meta>：提供有关页面的基本信息</li>
<li><link>：定义文档与外部资源的关系。</li>
</ul>
<p></p>
<h1 id="%E4%BA%8C%EF%BC%9A%E5%B8%B8%E8%A7%81%E7%BD%91%E9%A1%B5%E6%A0%87%E7%AD%BE">二：常见网页标签</h1>
<h2 id="2.1.%E6%A0%87%E9%A2%98%E6%A0%87%E7%AD%BE%20%3Ch1%3E%20-%20%3Ch6%3E">2.1.<span style="color:#404040;"><strong>标题标签 h1-h6</strong></span></h2>
<p><span style="color:#333333;">作用：使网页更具有语义化，</span><span style="color:#262626;">并且依据重要性h1-h6递减。 </span></p>
<p><span style="color:#262626;"><strong>特点：</strong></span></p>
<p><span style="color:#262626;">1. 加了标题的文字会变的加粗，字号也会依次变大。</span></p>
<p><span style="color:#262626;">2. 一个标题独占一行。 </span></p>
<div></div>
<h2 id="2.2.%E6%AE%B5%E8%90%BD%E5%92%8C%E6%8D%A2%E8%A1%8C%E6%A0%87%E7%AD%BE">2.2.<span style="color:#404040;"><strong>段落和换行标签</strong></span></h2>
<div> <span style="color:#0d0016;"><strong><p></strong>标签用于定义段落，它可以将整个网页分为若干个段落。</span>
</div>
<div></div>
<div>
<div> <span style="color:#262626;"><strong>特点： </strong></span>
</div>
<div></div>
<div> <span style="color:#262626;">1. 文本在一个段落中会根据浏览器窗口的大小自动换行。 </span>
</div>
<div></div>
<div> <span style="color:#262626;">2. 段落和段落之间保有空隙。 </span>
</div>
<div></div>
</div>
<p><span style="color:#404040;"><strong><br></strong>标签可以使</span><span style="color:#333333;">某段文本强制换行显示</span></p>
<p></p>
<h2 id="2.3.%E6%96%87%E6%9C%AC%E6%A0%BC%E5%BC%8F%E5%8C%96%E6%A0%87%E7%AD%BE">2.3.<span style="color:#404040;"><strong>文本格式化标签 </strong></span></h2>
<p><a href="http://img.e-com-net.com/image/info8/d7c5f8fdba7f4995a0e6ea7d4fe920c1.jpg" target="_blank"><img alt="前端HTML5常用基础知识总结_第1张图片" height="173" src="http://img.e-com-net.com/image/info8/d7c5f8fdba7f4995a0e6ea7d4fe920c1.jpg" width="650" style="border:1px solid black;"></a></p>
<h2 id="2.4.%3Cdiv%3E%20%E5%92%8C%3Cspan%3E%E6%A0%87%E7%AD%BE">2.4.<span style="color:#404040;"><strong>div和span标签</strong></span></h2>
<p><span style="color:#262626;"><div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的。 </span></p>
<div> <span style="color:#262626;"><strong>特点： </strong></span>
</div>
<div></div>
<div> <span style="color:#262626;">1. <strong><div> </strong>标签用来布局，但一行只能放一个<div>。 </span>
</div>
<div></div>
<div> <span style="color:#262626;">2. <strong><span></strong> 标签用来布局，一行上可以多个 <span>。</span>
</div>
<p></p>
<h2 id="2.5.%E5%9B%BE%E5%83%8F%E6%A0%87%E7%AD%BE%E5%92%8C%E8%B7%AF%E5%BE%84">2.5.<span style="color:#404040;"><strong>图像标签和路径</strong></span></h2>
<p> <span style="color:#262626;"><strong><img></strong> 标签用于定义 HTML 页面中的图像</span></p>
<p><span style="color:#000000;">语法格式为：<strong><img src="</strong></span><strong><span style="color:#000000;">图像url" /></span></strong><span style="color:#0d0016;"> <strong>src</strong> 是<img>标签的必须属性，它用于指定图像文件的路径和文件名。</span></p>
<p><span style="color:#262626;">图像标签的其他属性：</span><a href="http://img.e-com-net.com/image/info8/85a060085242476faf138f0edd7ec80b.jpg" target="_blank"><img alt="前端HTML5常用基础知识总结_第2张图片" height="224" src="http://img.e-com-net.com/image/info8/85a060085242476faf138f0edd7ec80b.jpg" width="650" style="border:1px solid black;"></a></p>
<p>其中路径分为<strong>绝对路径</strong>与<strong>相对路径</strong>两种</p>
<div> <span style="color:#0d0016;"><strong>绝对路径：</strong></span> <span style="color:#262626;">是指目录下的绝对位置，直接到达目标所在位置</span>
</div>
<div> <span style="color:#262626;">例如：D:\web\images\a.jpg 或<strong>完整的网络地址</strong></span> https://i0.hdslb.com/bfs/banner/6841e6cc42cd5dacc4f333f79b95cbdf5cc2d58b.png@976w_550h_1c.webp
</div>
<p><span style="color:#0d0016;"><strong>相对路径：</strong>则以引用文件所在位置为参考基础，而建立出的目</span><span style="color:#262626;">录路径 其中上一级路径 <strong> ../</strong></span></p>
<p><span style="color:#262626;"><strong>注意：</strong>图像的</span>宽度和高度一般只设定一个，另一个等比例缩放 单位默认是像素 </p>
<p></p>
<h2 id="2.6.%E8%B6%85%E9%93%BE%E6%8E%A5%E6%A0%87%E7%AD%BE"><span style="color:#262626;"><strong>2.6.</strong></span><span style="color:#404040;"><strong>超链接标签</strong></span></h2>
<p><span style="color:#262626;"><strong><a> </strong>标签用于定义超链接，作用是从一个页面链接到另一个页面。 </span></p>
<div> <span style="color:#000000;">格式为：<strong><a href="</strong></span> <strong><span style="color:#000000;">跳转目标</span><span style="color:#000000;">" target="</span><span style="color:#000000;">目标窗口的弹出方式</span><span style="color:#000000;">"> </span><span style="color:#000000;">文本或图像 </span><span style="color:#000000;"></a></span></strong>
</div>
<div></div>
<div> <span style="color:#000000;">其中<strong>target</strong>用于指定链接页面的打开方式，其中<strong>_self</strong>为默认值，<strong>_blank</strong>为在新窗口中打开</span>
</div>
<div></div>
<div>
下面是常见的 <strong>链接分类：</strong>
</div>
<div></div>
<div>
<div> <span style="color:#262626;"><strong>1.</strong> <strong>外部链接:</strong> 例如 < a href="http:// www.baidu.com "> 百度</a >。 </span>
</div>
<div></div>
<div> <span style="color:#262626;"><strong>2.</strong> <strong>内部链接:</strong>网站内部页面之间的相互链接，例如 < a href="index.html"> 首页 </a >。 </span>
</div>
<div></div>
<div> <span style="color:#262626;"><strong>3. 空链接: </strong>用于没有确定链接目标时，< a href="#"> 首页 </a > 。 </span>
</div>
<div></div>
<div> <span style="color:#262626;"><strong>4. 下载链接:</strong> 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。 </span>
</div>
<div></div>
<div> <span style="color:#262626;"><strong>5. 网页元素链接: </strong>用在网页中的各种网页元素上，如文本、图像、表格、音频、视频等</span>
</div>
<div></div>
<div> <span style="color:#262626;"><strong>6. 锚点链接:</strong> 当点击链接时,可以快速定位到页面中的某个位置。具体步骤如下：</span>
</div>
<div></div>
<div> <span style="color:#262626;"> 1.在链接文本的 href 属性中，设置属性值为 </span> <span style="color:#0d0016;"><strong>#名字</strong></span> <span style="color:#ff0000;"> </span> <span style="color:#262626;">的形式，如<a href="#</span>anchor <span style="color:#262626;">"> 链接 </a> </span>
</div>
<div></div>
<div> <span style="color:#262626;"> 2.找到目标位置标签，里面添加<strong> id 属性 = 刚才的名字</strong> ，如：<h3 id="</span>anchor <span style="color:#262626;">">介绍</h3> </span>
</div>
<div></div>
<div></div>
<h2 id="2.7.%E6%B3%A8%E9%87%8A%E5%92%8C%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6"><span style="color:#262626;">2.7.</span><span style="color:#595959;"><strong>注释和特殊字符</strong></span></h2>
<p><span style="color:#0d0016;">HTML中的注释格式为 <strong><!-- 注释语句 --></strong> 快捷键: ctrl + / </span></p>
<p><span style="color:#262626;">在 HTML 页面中，一些特殊的符号不方便直接使用，此时我们就可以使用下面的字符来替代。 </span></p>
<p><a href="http://img.e-com-net.com/image/info8/b3c25af591d04ba2b6a0ebb263ac463b.jpg" target="_blank"><img alt="前端HTML5常用基础知识总结_第3张图片" height="284" src="http://img.e-com-net.com/image/info8/b3c25af591d04ba2b6a0ebb263ac463b.jpg" width="650" style="border:1px solid black;"></a></p>
<p></p>
<h1 id="%E4%B8%89%EF%BC%9A%E8%A1%A8%E6%A0%BC%E6%A0%87%E7%AD%BE">三：表格标签</h1>
<div> <span style="color:#262626;">表格（<strong>table</strong>）主要</span> <span style="color:#0d0016;">用于显示、展示数据，可读性比较好</span>
</div>
<div></div>
<h2 id="3.1.%E8%A1%A8%E6%A0%BC%E7%9A%84%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95"><span style="color:#0d0016;">3.1.</span><span style="color:#595959;"><strong>表格的基本语法</strong></span></h2>
<p></p>
<div>
<pre><code class="language-html"><table>
<tr>
<td>单元格内的文字</td>
...
</tr>
...
</table></code></pre>
<p></p>
</div>
<div>
<div> <span style="color:#262626;">其中<strong><tr> </tr></strong> 标签用于定义表格中的<strong>行. <td> </td></strong>指表格数据（table data），即数据单元格的内容，用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。 </span>
</div>
<div></div>
<div>
<div>
<pre><code class="language-html"><table>
<tr>
<th>姓名</th>
...
</tr>
...
</table></code></pre>
</div>
<div></div>
<div> <span style="color:#000000;"><strong><th></th>表头单元格标签</strong></span> <span style="color:#262626;">位于表格的第一行或第一列,突出重要性,里面的文本内容加粗居中显示.</span>
</div>
<div></div>
<h2 id="3.2.%E8%A1%A8%E6%A0%BC%E5%B1%9E%E6%80%A7"><span style="color:#262626;">3.2.表格属性</span></h2>
<p><span style="color:#000000;">表格标签这部分属性实际开发不常用，后面主要通过 CSS 来设置</span></p>
<p><a href="http://img.e-com-net.com/image/info8/13fd5b80df564d5f81afdb04343208b9.jpg" target="_blank"><img alt="前端HTML5常用基础知识总结_第4张图片" height="193" src="http://img.e-com-net.com/image/info8/13fd5b80df564d5f81afdb04343208b9.jpg" width="650" style="border:1px solid black;"></a></p>
<h2 id="3.3.%E8%A1%A8%E6%A0%BC%E7%BB%93%E6%9E%84%E6%A0%87%E7%AD%BE%C2%A0">3.3.表格结构标签 </h2>
<div> <span style="color:#262626;">为了更好的表示表格的语义，可以将表格分割成 表格头部和表格主体两大部分。</span>
</div>
<div></div>
<div> <strong><span style="color:#262626;"><thead></thead> </span></strong> <span style="color:#0d0016;">标签 表格的<strong>头部</strong>区域，<thead> 内部必须拥有 <tr> 标签，一般是位于第一行。</span>
</div>
<div> <strong><span style="color:#262626;"><tbody></tbody> </span></strong> <span style="color:#0d0016;">标签 表格的<strong>主体</strong>区域，主要用于放数据本体 。 </span>
</div>
<div></div>
<h2 id="3.4.%E5%90%88%E5%B9%B6%E5%8D%95%E5%85%83%E6%A0%BC"><span style="color:#0d0016;">3.4.合并单元格</span></h2>
<p></p>
<div> <strong><span style="color:#262626;">跨行合并：</span><span style="color:#fe2c24;">rowspan</span><span style="color:#262626;">="合并单元格的个数" 向下合并</span></strong>
</div>
<div></div>
<div> <strong><span style="color:#262626;">跨列合并：</span><span style="color:#fe2c24;">colspan</span><span style="color:#262626;">="合并单元格的个数" 向右合并</span></strong>
</div>
<div></div>
<div></div>
<div></div>
<h1 id="%E5%9B%9B%EF%BC%9A%E5%88%97%E8%A1%A8%E6%A0%87%E7%AD%BE"><strong><span style="color:#262626;">四：列表标签</span></strong></h1>
<p><span style="color:#262626;">表格是用来显示数据的，那么</span><span style="color:#0d0016;"><strong>列表就是用来布局的</strong></span></p>
<p><span style="color:#262626;">根据使用情景不同，列表可以分为三大类：</span><span style="color:#0d0016;"><strong>无序列表（ul）、有序列表（ol）</strong>和<strong>自定义列表(dl)</strong></span></p>
<h2 id="4.1.%E6%97%A0%E5%BA%8F%E5%88%97%E8%A1%A8"><span style="color:#0d0016;"><strong>4.1.无序列表</strong></span></h2>
<p></p>
<div> <strong><span style="color:#0d0016;"><ul> </span></strong> <span style="color:#262626;">标签表示 HTML 页面中项目的无序列表，而列表项使用</span> <strong><span style="color:#0d0016;"> <li></span></strong> <span style="color:#ff0000;"> </span> <span style="color:#262626;">标签定义。 </span>
</div>
<div></div>
<div> <span style="color:#262626;">无序列表的基本语法格式如下： </span>
</div>
<div>
<pre><code class="language-html"><ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
...
</ul>
</code></pre>
<p></p>
</div>
<div>
其中，
</div>
<div>
<div> <span style="color:#262626;">1. 无序列表的各个列表项之间没有顺序级别之分，是并列的。 </span>
</div>
<div> <span style="color:#262626;">2. <ul></ul> 中只能嵌套 <li></li>，直接在 <ul></ul> 标签中输入其他标签或者文字的做法是不被允许的。 </span>
</div>
<div> <span style="color:#262626;">3. <li> 与 </li> 之间相当于一个容器，可以容纳所有元素。 </span>
</div>
<div></div>
<div> <strong><span style="color:#262626;">注意：在css中我们常用 </span><span style="color:#fe2c24;">list-style: none</span> 来去掉li前面的小圆点</strong>
</div>
<div></div>
<h2 id="4.2.%E6%9C%89%E5%BA%8F%E5%88%97%E8%A1%A8"><strong>4.2.有序列表</strong></h2>
<p></p>
<div> <span style="color:#0d0016;"><strong><ol> </strong></span> <span style="color:#262626;">标签用于定义有序列表，列表排序以<strong>数字</strong>来显示，并且使用</span> <strong><span style="color:#0d0016;"> <li></span></strong> <span style="color:#ff0000;"> </span> <span style="color:#262626;">标签来定义列表项</span>
</div>
<div></div>
<div> <span style="color:#262626;">有序列表的基本语法格式如下：</span>
</div>
<div></div>
<div>
<div>
<pre><code class="language-html"><ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
...
</ol></code></pre>
<p></p>
</div>
<div>
<div> <span style="color:#262626;">1. <ol></ol>中只能嵌套<li></li>，直接在<ol></ol>标签中输入其他标签或者文字的是不被允许的。 </span>
</div>
<div> <span style="color:#262626;">2. <li> 与 </li>之间相当于一个容器，可以容纳所有元素。</span>
</div>
<div></div>
<h2 id="4.3.%E8%87%AA%E5%AE%9A%E4%B9%89%E5%88%97%E8%A1%A8"><span style="color:#262626;">4.3.自定义列表</span></h2>
<p><span style="color:#262626;">自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。</span></p>
<div> <span style="color:#0d0016;"><strong><dl> </strong></span> <span style="color:#262626;">标签用于定义描述列表，该标签会与</span> <strong><span style="color:#0d0016;"> <dt></span></strong> <span style="color:#262626;">（定义项目/名字）和 </span> <strong><span style="color:#0d0016;"><dd></span></strong> <span style="color:#262626;">（描述每一个项目/名字）一起使用。 </span>
</div>
<div></div>
<div> <span style="color:#262626;">其基本语法如下：</span>
</div>
<div></div>
<div>
<div>
<pre><code class="language-html"><dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl></code></pre>
<p></p>
</div>
<div>
<div> <span style="color:#262626;">1. <dl></dl> 里面只能包含 <dt> 和 <dd>。 </span>
</div>
<div> <span style="color:#262626;">2. <dt> 和 <dd>个数没有限制，经常是一个<dt> 对应多个<dd>。 </span>
</div>
<div></div>
<div></div>
<h1 id="%E4%BA%94%EF%BC%9A%E8%A1%A8%E5%8D%95%E6%A0%87%E7%AD%BE"><span style="color:#262626;">五：表单标签</span></h1>
<h2 id="5.1.%E8%A1%A8%E5%8D%95%E7%9A%84%E7%BB%84%E6%88%90"><span style="color:#262626;">5.1.表单的组成</span></h2>
<p><span style="color:#262626;">使用表单目的是为了</span><strong><span style="color:#0d0016;">收集用户信息</span></strong></p>
<p><span style="color:#262626;">一个完整的表单通常由</span><span style="color:#0d0016;"><strong>表单域、表单控件（也称为表单元素）</strong>和<strong> 提示信息</strong></span><span style="color:#262626;">3个部分构成</span></p>
<h2 id="5.2.%E8%A1%A8%E5%8D%95%E5%9F%9F"><span style="color:#262626;">5.2.表单域</span></h2>
<p><span style="color:#0d0016;"><strong>表单域<form></strong>是一个包含表单元素的区域,<form> 会把它范围内的表单元素信息提交给服务器.</span></p>
<div> <strong><span style="color:#000000;"><form action=“url</span><span style="color:#000000;">地址</span><span style="color:#000000;">” method=“</span><span style="color:#000000;">提交方式</span><span style="color:#000000;">” name=“</span><span style="color:#000000;">表单域名称</span><span style="color:#000000;">"> </span></strong>
</div>
<div></div>
<div> <strong><span style="color:#000000;"> 各种表单元素控件 </span></strong>
</div>
<div></div>
<div> <strong><span style="color:#000000;"></form> </span></strong>
</div>
<div></div>
<div> <a href="http://img.e-com-net.com/image/info8/5963f0a85f3b4297a913930bfb6bc4ab.jpg" target="_blank"><img alt="前端HTML5常用基础知识总结_第5张图片" height="133" src="http://img.e-com-net.com/image/info8/5963f0a85f3b4297a913930bfb6bc4ab.jpg" width="650" style="border:1px solid black;"></a>
</div>
<div></div>
<h2 id="5.3.%E8%A1%A8%E5%8D%95%E6%8E%A7%E4%BB%B6(%E8%A1%A8%E5%8D%95%E5%85%83%E7%B4%A0)">5.3.<span style="color:#595959;"><strong>表单控件(表单元素)</strong></span></h2>
<p><span style="color:#262626;">在表单域中可以定义各种表单元素，它们允许用户<strong>在表单中输入或者选择的内容控件</strong></span></p>
<p></p>
<h3 id="5.3.1.%3Cinput%3E%20%E8%A1%A8%E5%8D%95%E5%85%83%E7%B4%A0"><span style="color:#262626;"><strong>5.3.1.</strong></span><span style="color:#595959;"><strong>input 表单元素</strong></span></h3>
<p><span style="color:#262626;"><strong><input> </strong>标签包含一个</span><span style="color:#0d0016;"> type</span><span style="color:#ff0000;"> </span><span style="color:#262626;">属性，根据不同的</span><span style="color:#0d0016;"> type</span><span style="color:#ff0000;"> </span><span style="color:#262626;">属性值，输入字段拥有很多种形式</span></p>
<p><strong><span style="color:#000000;"><input type="</span><span style="color:#000000;">属性值" /> </span><span style="color:#0d0016;"> </span></strong></p>
<p><span style="color:#0d0016;"><input> 标签用于收集用户信息 ，<strong>type</strong></span><span style="color:#ff0000;"> </span><span style="color:#262626;">属性的属性值及其描述如下：</span></p>
<p><a href="http://img.e-com-net.com/image/info8/c7f1ab986d4e47cb9d8020b9226fa6d9.jpg" target="_blank"><img alt="前端HTML5常用基础知识总结_第6张图片" height="341" src="http://img.e-com-net.com/image/info8/c7f1ab986d4e47cb9d8020b9226fa6d9.jpg" width="650" style="border:1px solid black;"></a></p>
<div> <span style="color:#262626;">除 type 属性外，<input>标签还有其他很多属性，其常用属性如下： </span>
</div>
<div> <a href="http://img.e-com-net.com/image/info8/0e3be40c50c34b6383be198c95ec64a7.jpg" target="_blank"><img alt="前端HTML5常用基础知识总结_第7张图片" height="166" src="http://img.e-com-net.com/image/info8/0e3be40c50c34b6383be198c95ec64a7.jpg" width="650" style="border:1px solid black;"></a>
</div>
<p> 其中，<strong><span style="color:#0d0016;">单选按钮</span></strong><span style="color:#0d0016;">和</span><strong><span style="color:#0d0016;">复选框要有相同的name值</span></strong></p>
<p></p>
<h3 id="5.3.2.%3Clabel%3E%20%E6%A0%87%E7%AD%BE"><strong><span style="color:#0d0016;">5.3.2.</span></strong><span style="color:#595959;"><strong>label 标签</strong></span></h3>
<p> <span style="color:#0d0016;"><strong><label></strong></span><span style="color:#ff0000;"> </span><span style="color:#262626;">标签为 input 元素定义标注，</span><span style="color:#0d0016;">主要</span><span style="color:#262626;">用于绑定一个表单元素, 当点击<label> 标签内的<strong>文本</strong>时，浏览器就会自动将焦点(光标)转到或者选择对应的<strong>表单元素</strong>上,用来增加用户体验.</span></p>
<div>
<pre><code class="language-html"><label for="male">男</label>
<input type="radio" name="sex" id="male" /></code></pre>
</div>
<div></div>
<div> <span style="color:#0d0016;"><strong>注意：</strong></span> <strong><span style="color:#262626;"><label> 标签的 </span><span style="color:#ff0000;">for 属性</span><span style="color:#262626;">应当与相关元素的 </span><span style="color:#ff0000;">id 属性相同</span></strong>
</div>
<div></div>
<div></div>
<h3 id="5.3.3.%3Cselect%3E%20%E8%A1%A8%E5%8D%95%E5%85%83%E7%B4%A0"><span style="color:#0d0016;"><strong>5.3.3.select 表单元素</strong></span></h3>
<div> <span style="color:#0d0016;"><strong><select></strong>标签控件定义下拉列表</span>
</div>
<div></div>
<div>
<div>
<pre><code class="language-html"><select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select></code></pre>
</div>
<div></div>
<div>
<div> <span style="color:#262626;">1. <select> 中至少包含一对<option> 。 </span>
</div>
<div> <span style="color:#262626;">2. 在<option> 中定义 <strong>selected =“ selected "</strong> 时，当前项即为默认选中项</span>
</div>
<div></div>
<div></div>
<h3 id="5.3.4.%3Ctextarea%3E%20%E8%A1%A8%E5%8D%95%E5%85%83%E7%B4%A0"><span style="color:#262626;">5.3.4.</span><span style="color:#595959;"><strong>textarea 表单元素</strong></span></h3>
</div>
</div>
<p><span style="color:#0d0016;"><strong><textarea> </strong></span><span style="color:#262626;">标签是用于定义多行文本输入的控件，常见于留言板,评论。</span></p>
<p><span style="color:#262626;">语法结构：</span></p>
<div>
<pre><code class="language-html"><textarea rows="3" cols="20">
文本内容
</textarea></code></pre>
<p></p>
</div>
<div> <span style="color:#0d0016;">rows=“显示的行数”，cols=“每行中的字符数” ，<strong>在实际开发中都是用 CSS 来改变大小</strong></span>
</div>
<p></p>
<p></p>
<h1 id="%E5%85%AD%EF%BC%9AHTML5%20%E7%9A%84%E6%96%B0%E7%89%B9%E6%80%A7">六：<span style="color:#595959;"><strong>HTML5 的新特性</strong></span></h1>
<h2 id="6.1.HTML5%20%E6%96%B0%E5%A2%9E%E7%9A%84%E8%AF%AD%E4%B9%89%E5%8C%96%E6%A0%87%E7%AD%BE"><span style="color:#595959;"><strong>6.1.HTML5 新增的语义化标签</strong></span></h2>
<p><span style="color:#262626;">以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的</span></p>
<div> <span style="color:#262626;">这种语义化标准主要是针对</span> <span style="color:#0d0016;"><strong>搜索引擎</strong></span> <span style="color:#262626;">的 并且这些新标签页面中可以使用</span> <strong><span style="color:#0d0016;">多次</span></strong>
</div>
<div></div>
<div> <a href="http://img.e-com-net.com/image/info8/edd613a6be2d4184ad48fef27f8614a6.jpg" target="_blank"><img alt="前端HTML5常用基础知识总结_第8张图片" height="421" src="http://img.e-com-net.com/image/info8/edd613a6be2d4184ad48fef27f8614a6.jpg" width="629" style="border:1px solid black;"></a>
</div>
<p></p>
<div></div>
<ul>
<li><span style="color:#262626;"><header>：头部标签 </span></li>
<li><span style="color:#262626;"><nav>：导航标签 </span></li>
<li><span style="color:#262626;"><article>：内容标签 </span></li>
<li><span style="color:#262626;"><section>：定义文档某个区域 </span></li>
<li><span style="color:#262626;"><aside>：侧边栏标签 </span></li>
<li><span style="color:#262626;"><footer>：尾部标签 </span></li>
</ul>
<p></p>
<h2 id="6.2.HTML5%20%E6%96%B0%E5%A2%9E%E7%9A%84%20input%20%E7%B1%BB%E5%9E%8B"><span style="color:#262626;">6.2.</span><span style="color:#595959;"><strong>HTML5 新增的 input 类型 </strong></span></h2>
<p><a href="http://img.e-com-net.com/image/info8/b38d0900a2ca4602bf912740fe7516b4.jpg" target="_blank"><img alt="前端HTML5常用基础知识总结_第9张图片" height="423" src="http://img.e-com-net.com/image/info8/b38d0900a2ca4602bf912740fe7516b4.jpg" width="650" style="border:1px solid black;"></a></p>
<p></p>
<h2 id="6.3.HTML5%20%E6%96%B0%E5%A2%9E%E7%9A%84%E8%A1%A8%E5%8D%95%E5%B1%9E%E6%80%A7">6.3.<span style="color:#595959;"><strong>HTML5 新增的表单属性</strong></span></h2>
<p><a href="http://img.e-com-net.com/image/info8/45eddac2a75943d58383d4387250f4f2.jpg" target="_blank"><img alt="前端HTML5常用基础知识总结_第10张图片" height="249" src="http://img.e-com-net.com/image/info8/45eddac2a75943d58383d4387250f4f2.jpg" width="650" style="border:1px solid black;"></a></p>
<p></p>
<div> <span style="color:#0d0016;">可以通过以下设置方式修改<strong>placeholder</strong>里面的字体颜色： </span>
</div>
<div>
<pre><code class="language-css">input::placeholder
{
color: pink;
}</code></pre>
<p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1595009814918963200"></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">你可能感兴趣的:(前端开发,前端,html5)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1835509897106649088.htm"
title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a>
<span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div>
</li>
<li><a href="/article/1835498925755297792.htm"
title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
<span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
<div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
</li>
<li><a href="/article/1835497792265613312.htm"
title="【加密社】Solidity 中的事件机制及其应用" target="_blank">【加密社】Solidity 中的事件机制及其应用</a>
<span class="text-muted">加密社</span>
<a class="tag" taget="_blank" href="/search/%E9%97%B2%E4%BE%83/1.htm">闲侃</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%90%88%E7%BA%A6/1.htm">智能合约</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a>
<div>加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件</div>
</li>
<li><a href="/article/1835496149843275776.htm"
title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
<div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
</li>
<li><a href="/article/1835496148601761792.htm"
title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
</li>
<li><a href="/article/1835448238103162880.htm"
title="springboot+vue项目实战一-创建SpringBoot简单项目" target="_blank">springboot+vue项目实战一-创建SpringBoot简单项目</a>
<span class="text-muted">苹果酱0567</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/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>这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一</div>
</li>
<li><a href="/article/1835437775344726016.htm"
title="博客网站制作教程" target="_blank">博客网站制作教程</a>
<span class="text-muted">2401_85194651</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java</div>
</li>
<li><a href="/article/1835428317084348416.htm"
title="最简单将静态网页挂载到服务器上(不用nginx)" target="_blank">最简单将静态网页挂载到服务器上(不用nginx)</a>
<span class="text-muted">全能全知者</span>
<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/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl</div>
</li>
<li><a href="/article/1835427057752961024.htm"
title="补充元象二面" target="_blank">补充元象二面</a>
<span class="text-muted">Redstone Monstrosity</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重</div>
</li>
<li><a href="/article/1835420753252675584.htm"
title="微信小程序开发注意事项" target="_blank">微信小程序开发注意事项</a>
<span class="text-muted">jun778895</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>微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂</div>
</li>
<li><a href="/article/1835411044768509952.htm"
title="字节二面" target="_blank">字节二面</a>
<span class="text-muted">Redstone Monstrosity</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文</div>
</li>
<li><a href="/article/1835398064727224320.htm"
title="前端代码上传文件" target="_blank">前端代码上传文件</a>
<span class="text-muted">余生逆风飞翔</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i</div>
</li>
<li><a href="/article/1835385458356482048.htm"
title="uniapp实现动态标记效果详细步骤【前端开发】" target="_blank">uniapp实现动态标记效果详细步骤【前端开发】</a>
<span class="text-muted">2401_85123349</span>
<a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a>
<div>第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。</div>
</li>
<li><a href="/article/1835373236217540608.htm"
title="360前端星计划-动画可以这么玩" target="_blank">360前端星计划-动画可以这么玩</a>
<span class="text-muted">马小蜗</span>
<div>动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能</div>
</li>
<li><a href="/article/1835372727582683136.htm"
title="h5小游戏定制开发" target="_blank">h5小游戏定制开发</a>
<span class="text-muted">红匣子实力推荐</span>
<div>随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台</div>
</li>
<li><a href="/article/1835368019430305792.htm"
title="Vue + Express实现一个表单提交" target="_blank">Vue + Express实现一个表单提交</a>
<span class="text-muted">九旬大爷的梦</span>
<div>最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo</div>
</li>
<li><a href="/article/1835354447627251712.htm"
title="前端知识点" target="_blank">前端知识点</a>
<span class="text-muted">ZhangTao_zata</span>
<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><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div>
</li>
<li><a href="/article/1835352325032603648.htm"
title="第三十一节:Vue路由:前端路由vs后端路由的了解" target="_blank">第三十一节:Vue路由:前端路由vs后端路由的了解</a>
<span class="text-muted">曹老师</span>
<div>1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访</div>
</li>
<li><a href="/article/1835350917352878080.htm"
title="华雁智科前端面试题" target="_blank">华雁智科前端面试题</a>
<span class="text-muted">因为奋斗超太帅啦</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AF%95%E9%9D%A2%E8%AF%95%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/1.htm">前端笔试面试问题整理</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
<div>1.var变量的提升题目：vara=1functionfun(){console.log(b)varb=2}fun()console.log(a)正确输出结果：undefined、1答错了，给一个大嘴巴子，错误答案输出结果为：2,1此题主要考察var定义的变量，作用域提升的问题，相当于varaa=1functionfun(){varbconsole.log(b)b=2}fun()console.l</div>
</li>
<li><a href="/article/1835350535818014720.htm"
title="如何建设数据中台（五）——数据汇集—打破企业数据孤岛" target="_blank">如何建设数据中台（五）——数据汇集—打破企业数据孤岛</a>
<span class="text-muted">weixin_47088026</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%AE%B0%E5%BD%95%E5%92%8C%E6%80%BB%E7%BB%93/1.htm">学习记录和总结</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E5%8F%B0/1.htm">中台</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E4%B8%AD%E5%8F%B0/1.htm">数据中台</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a>
<div>数据汇集——打破企业数据孤岛要构建企业级数据中台，第一步就是将企业内部各个业务系统的数据实现互通互联，打破数据孤岛，主要通过数据汇聚和交换来实现。企业采集的数据可以是线上采集、线下数据采集、互联网数据采集、内部数据采集等。线上数据采集主要载体分为互联网和移动互联网两种，对应有系统平台、网页、H5、小程序、App等，可以采用前端或后端埋点方式采集数据。线下数据采集主要是通过硬件来采集，例如：WiFi</div>
</li>
<li><a href="/article/1835343473629294592.htm"
title="分布式锁和spring事务管理" target="_blank">分布式锁和spring事务管理</a>
<span class="text-muted">暴躁的鱼</span>
<a class="tag" taget="_blank" href="/search/%E9%94%81%E5%8F%8A%E4%BA%8B%E5%8A%A1/1.htm">锁及事务</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>最近开发一个小程序遇到一个需求需要实现分布式事务管理业务需求用户在使用小程序的过程中可以查看景点，对景点地区或者城市标记是否想去，那么需要统计一个地点被标记的人数，以及记录某个用户对某个地点是否标记为想去，用两个表存储数据，一个地点表记录改地点被标记的次数，一个用户意向表记录某个用户对某个地点是否标记为想去。由于可能有多个用户同时标记一个地点，每个用户在前端点击想去按钮之后，后台接收到请求，从数据</div>
</li>
<li><a href="/article/1835340577596600320.htm"
title="前端CSS面试常见题" target="_blank">前端CSS面试常见题</a>
<span class="text-muted">剑亦未配妥</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子</div>
</li>
<li><a href="/article/1835331376895848448.htm"
title="【JS】前端文件读取FileReader操作总结" target="_blank">【JS】前端文件读取FileReader操作总结</a>
<span class="text-muted">程序员-张师傅</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi</div>
</li>
<li><a href="/article/1835331375377510400.htm"
title="【前端】vue 报错:The template root requires exactly one element" target="_blank">【前端】vue 报错:The template root requires exactly one element</a>
<span class="text-muted">程序员-张师傅</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><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>
<div>【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时，这通常意味着你的Vue组件的模板（template）根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况：模板中有多个并行</div>
</li>
<li><a href="/article/1835302949362954240.htm"
title="从单体到微服务：FastAPI ‘挂载’子应用程序的转变" target="_blank">从单体到微服务：FastAPI ‘挂载’子应用程序的转变</a>
<span class="text-muted">黑金IT</span>
<a class="tag" taget="_blank" href="/search/fastapi/1.htm">fastapi</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/1.htm">微服务</a><a class="tag" taget="_blank" href="/search/fastapi/1.htm">fastapi</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
<div>在现代Web应用开发中，模块化架构是一种常见的设计模式，它有助于将大型应用程序分解为更小、更易于管理的部分。FastAPI，作为一个高性能的PythonWeb框架，提供了强大的支持来实现这种模块化设计。通过“挂载”子应用程序，我们可以为不同的功能区域（如前端接口、管理员接口和用户中心）创建独立的应用程序，并将它们整合到一个主应用程序中。本文将详细介绍如何在FastAPI中使用“挂载”子应用程序的方</div>
</li>
<li><a href="/article/1835296397365178368.htm"
title="创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几" target="_blank">创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几</a>
<span class="text-muted">uthRaman</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
<div>前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=</div>
</li>
<li><a href="/article/1835293121953492992.htm"
title="了解 UNPKG：前端开发者的包管理利器" target="_blank">了解 UNPKG：前端开发者的包管理利器</a>
<span class="text-muted">小于负无穷</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
<div>在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n</div>
</li>
<li><a href="/article/1835291483406692352.htm"
title="前端three.js的Sprite模拟下雪动画效果" target="_blank">前端three.js的Sprite模拟下雪动画效果</a>
<span class="text-muted">qq_35430208</span>
<a class="tag" taget="_blank" href="/search/three.js/1.htm">three.js</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><a class="tag" taget="_blank" href="/search/%E4%B8%89%E7%BB%B4%E5%9C%BA%E6%99%AF%E4%B8%AD%E4%B8%8B%E9%9B%AA%E6%95%88%E6%9E%9C/1.htm">三维场景中下雪效果</a><a class="tag" taget="_blank" href="/search/threejs%E5%AE%9E%E7%8E%B0%E4%B8%8B%E9%9B%AA%E6%95%88%E6%9E%9C/1.htm">threejs实现下雪效果</a>
<div>一、效果如图所示：二、原理同下雨一样三、完整代码：index.jsimport*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js';importmodelfrom'./model.js';//模型对象//场景constscene=newTHREE.Scene();scene.add</div>
</li>
<li><a href="/article/1835243206963458048.htm"
title="系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机" target="_blank">系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机</a>
<span class="text-muted">rabbit_it</span>
<a class="tag" taget="_blank" href="/search/qiankun%E5%AD%A6%E4%B9%A0/1.htm">qiankun学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/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/%E9%98%BF%E9%87%8C%E4%BA%91/1.htm">阿里云</a>
<div>一、引言：为何需要动态加载在现代前端开发中，性能优化始终是一个关键问题。对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。在不同的情节中，我们只需要特定的场景和演员出现，而不需要所有场景和演员一开始就站在舞台上等待。这时，动态加载和按需加载就成为了关键工具——让需要的内容在正确的时机上场，节省性</div>
</li>
<li><a href="/article/1835239047803531264.htm"
title="ODOO不同版本与平台选择" target="_blank">ODOO不同版本与平台选择</a>
<span class="text-muted">chouchengyin2080</span>
<a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>1.10.0vs11.0vs8.0截至2017年底，最新的ODOO发布版为ODOO11.0，但功能上有一定精简（去除财务模块，去除工作流支持），技术上变动较大（代码逐步迁移至Python3，前端框架改写得抽象）。所以如果是从生产使用的角度来讲，ODOO10.0是当前最好选择，因为其更稳定，第三方模块也更多更全面。而如果是ODOO技术爱好从业者，则逐步迁移至ODOO11.0也有必要，因为其底层技术架</div>
</li>
<li><a href="/article/14.htm"
title="Spring4.1新特性——综述" target="_blank">Spring4.1新特性——综述</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a>
<div>目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T</div>
</li>
<li><a href="/article/141.htm"
title="Schema与数据类型优化" target="_blank">Schema与数据类型优化</a>
<span class="text-muted">annan211</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/mysql/1.htm">mysql</a>
<div>
目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。
在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出
很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。
选择优化的数据类型
1 更小的通常更好
更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，</div>
</li>
<li><a href="/article/268.htm"
title="第一节 HTML概要学习" target="_blank">第一节 HTML概要学习</a>
<span class="text-muted">chenke</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>第一节 HTML概要学习
1. 什么是HTML
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。
打开记事本 输入一下内</div>
</li>
<li><a href="/article/395.htm"
title="MyEclipse里部分习惯的更改" target="_blank">MyEclipse里部分习惯的更改</a>
<span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
<div>继续补充中----------------------
1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->
Activation triggers for java的右侧“.”就可以改变常用的快捷键
选中 Text </div>
</li>
<li><a href="/article/522.htm"
title="近一个月的面试总结" target="_blank">近一个月的面试总结</a>
<span class="text-muted">cugfy</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275
前言
打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 </div>
</li>
<li><a href="/article/649.htm"
title="HTML5一个小迷宫游戏" target="_blank">HTML5一个小迷宫游戏</a>
<span class="text-muted">357029540</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div> 通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！
<html>
<head>
<title>创建运行迷宫</title>
<script type="text/javascript"</div>
</li>
<li><a href="/article/776.htm"
title="10步教你上传githib数据" target="_blank">10步教你上传githib数据</a>
<span class="text-muted">张亚雄</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
<div>官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。
操作过程（查看本目录下有哪些文件NO.1）ls
（跳转到子目录NO.2）cd+空格+目录
（继续NO.3）ls
（匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”）
（查看文件</div>
</li>
<li><a href="/article/903.htm"
title="MongoDB常用操作命令大全" target="_blank">MongoDB常用操作命令大全</a>
<span class="text-muted">adminjun</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E5%91%BD%E4%BB%A4/1.htm">操作命令</a>
<div>成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。
一</div>
</li>
<li><a href="/article/1030.htm"
title="bat调用jar包并传入多个参数" target="_blank">bat调用jar包并传入多个参数</a>
<span class="text-muted">aijuans</span>
<div>下面的主程序是通过eclipse写的：
1.在Main函数接收bat文件传递的参数（String[] args）
如： String ip =args[0]; String user=args[1]; &nbs</div>
</li>
<li><a href="/article/1157.htm"
title="Java中对类的主动引用和被动引用" target="_blank">Java中对类的主动引用和被动引用</a>
<span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%BB%E5%8A%A8%E5%BC%95%E7%94%A8/1.htm">主动引用</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E7%B1%BB%E7%9A%84%E5%BC%95%E7%94%A8/1.htm">对类的引用</a><a class="tag" taget="_blank" href="/search/%E8%A2%AB%E5%8A%A8%E5%BC%95%E7%94%A8/1.htm">被动引用</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%88%9D%E5%A7%8B%E5%8C%96/1.htm">类初始化</a>
<div>
在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne</div>
</li>
<li><a href="/article/1284.htm"
title="导出数据库 提示 outfile disabled" target="_blank">导出数据库 提示 outfile disabled</a>
<span class="text-muted">BigBird2012</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>在windows控制台下，登陆mysql，备份数据库：
mysql>mysqldump -u root -p test test > D:\test.sql
使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。
注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报</div>
</li>
<li><a href="/article/1411.htm"
title="Javascript 中的 && 和 ||" target="_blank">Javascript 中的 && 和 ||</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%26%26/1.htm">&&</a><a class="tag" taget="_blank" href="/search/%7C%7C/1.htm">||</a>
<div> 准备两个对象用于下面的讨论
var alice = {
name: "alice",
toString: function () {
return this.name;
}
}
var smith = {
name: "smith",
</div>
</li>
<li><a href="/article/1538.htm"
title="[Zookeeper学习笔记之四]Zookeeper Client Library会话重建" target="_blank">[Zookeeper学习笔记之四]Zookeeper Client Library会话重建</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a>
<div>为了说明问题，先来看个简单的示例代码：
package com.tom.zookeeper.book;
import com.tom.Host;
import org.apache.zookeeper.WatchedEvent;
import org.apache.zookeeper.ZooKeeper;
import org.apache.zookeeper.Wat</div>
</li>
<li><a href="/article/1665.htm"
title="【Scala十一】Scala核心五：case模式匹配" target="_blank">【Scala十一】Scala核心五：case模式匹配</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>package spark.examples.scala.grammars.caseclasses
object CaseClass_Test00 {
def simpleMatch(arg: Any) = arg match {
case v: Int => "This is an Int"
case v: (Int, String)</div>
</li>
<li><a href="/article/1792.htm"
title="运维的一些面试题" target="_blank">运维的一些面试题</a>
<span class="text-muted">yuxianhua</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>1、Linux挂载Winodws共享文件夹
mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass
或
mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win
</div>
</li>
<li><a href="/article/1919.htm"
title="Java lang包-Boolean" target="_blank">Java lang包-Boolean</a>
<span class="text-muted">BrokenDreams</span>
<a class="tag" taget="_blank" href="/search/boolean/1.htm">boolean</a>
<div> Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。
public final class Boolean implements java.io.Serializable,
</div>
</li>
<li><a href="/article/2046.htm"
title="读《研磨设计模式》-代码笔记-命令模式-Command" target="_blank">读《研磨设计模式》-代码笔记-命令模式-Command</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.Collection;
import java.util.List;
/**
* GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装</div>
</li>
<li><a href="/article/2173.htm"
title="matlab下GPU编程笔记" target="_blank">matlab下GPU编程笔记</a>
<span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a>
<div>不多说，直接上代码
gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。
g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU
reset(g) %也可以清空GPU中数据。
a=1;
a=gpuArray(a); %将a从CPU移到GPU中
onGP</div>
</li>
<li><a href="/article/2300.htm"
title="SVN安装过程" target="_blank">SVN安装过程</a>
<span class="text-muted">crabdave</span>
<a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a>
<div>SVN安装过程
subversion-1.6.12
./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/</div>
</li>
<li><a href="/article/2427.htm"
title="sql 行列转换" target="_blank">sql 行列转换</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E5%88%97%E8%BD%AC%E6%8D%A2/1.htm">行列转换</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E8%BD%AC%E5%88%97/1.htm">行转列</a><a class="tag" taget="_blank" href="/search/%E5%88%97%E8%BD%AC%E8%A1%8C/1.htm">列转行</a>
<div>行转列的思想是通过case when 来实现
列转行的思想是通过union all 来实现
下面具体例子：
假设有张学生成绩表(tb)如下:
Name Subject Result
张三 语文 74
张三 数学 83
张三 物理 93
李四 语文 74
李四 数学 84
李四 物理 94
*/
/*
想变成
姓名 &</div>
</li>
<li><a href="/article/2554.htm"
title="MySQL--主从配置" target="_blank">MySQL--主从配置</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div> linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容）
mysql1 : 192.168.100.1 //master mysq</div>
</li>
<li><a href="/article/2681.htm"
title="关于yii 数据库添加新字段之后model类的修改" target="_blank">关于yii 数据库添加新字段之后model类的修改</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Model/1.htm">Model</a>
<div>rules:
array('新字段','safe','on'=>'search')
1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下，
2、array('新字段', 'numerical'),//如果是数字的话
3、array('新字段', 'length', 'max'=>100),//如果是文本
1、2、3适当的最少要加一条，新字段才会被</div>
</li>
<li><a href="/article/2808.htm"
title="sublime text3 中文乱码解决" target="_blank">sublime text3 中文乱码解决</a>
<span class="text-muted">dyy_gusi</span>
<a class="tag" taget="_blank" href="/search/Sublime+Text/1.htm">Sublime Text</a>
<div>sublime text3中文乱码解决
原因：缺少转换为UTF-8的插件
目的：安装ConvertToUTF8插件包
第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码：
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927</div>
</li>
<li><a href="/article/2935.htm"
title="概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM" target="_blank">概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM</a>
<span class="text-muted">geeksun</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
<div>CGI
CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。
CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI
FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不</div>
</li>
<li><a href="/article/3062.htm"
title="Git push 报错 "error: failed to push some refs to " 解决" target="_blank">Git push 报错 "error: failed to push some refs to " 解决</a>
<span class="text-muted">hongtoushizi</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
<div>Git push 报错 "error: failed to push some refs to " .
此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。
由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。
解决方案：
1： git pull
2：</div>
</li>
<li><a href="/article/3189.htm"
title="第四章 Lua模块开发" target="_blank">第四章 Lua模块开发</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a>
<div>在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初</div>
</li>
<li><a href="/article/3316.htm"
title="java.lang.reflect.Proxy" target="_blank">java.lang.reflect.Proxy</a>
<span class="text-muted">liyonghui160com</span>
<div>
1.简介
Proxy 提供用于创建动态代理类和实例的静态方法
（1）动态代理类的属性
代理类是公共的、最终的，而不是抽象的
未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留
代理类扩展 java.lang.reflect.Proxy
代理类会按同一顺序准确地实现其创建时指定的接口</div>
</li>
<li><a href="/article/3443.htm"
title="Java中getResourceAsStream的用法" target="_blank">Java中getResourceAsStream的用法</a>
<span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 2. Class.getClassLoader.get</div>
</li>
<li><a href="/article/3570.htm"
title="spring 包官方下载地址（非maven）" target="_blank">spring 包官方下载地址（非maven）</a>
<span class="text-muted">sinnk</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:
http://repo.springsource.org/libs-release-local/org/springframework/spring/
s</div>
</li>
<li><a href="/article/3697.htm"
title="Oracle学习笔记(7) 开发PLSQL子程序和包" target="_blank">Oracle学习笔记(7) 开发PLSQL子程序和包</a>
<span class="text-muted">vipbooks</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a>
<div> 哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！
这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！
编程时使用的工具是PLSQL</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> 