HTML知识点详细汇总
目录
第一章 HTML基础知识
1、HTML简介
2、HTML的标记组成
3、HTML基本结构
第二章 文字与图像
1、设置文字字体、大小与颜色
2、设置正文的标题
3、设置段落
4、强制换行与不换行
5、字体标记
6、文字对齐
7、列表
8、其它方式修饰文本
9、图像
10、移动的字体和图片
第三章 超级链接
1、基本概念
2、文字链接
3、链接的注释title 属性
4、图片链接
5、锚点链接
6、邮箱地址链接mailto
7、图像映射
第四章 表单
1、创建表单
2、文本框和密码框
3、单选框和复选框
4、下拉列表和文本域
5、按钮
6、图像域与文件域
7、隐藏表单
第五章 表格
1、表格的基本语法
2、跨多行、多列表元
3、设置表格大小
4、设置表格背景
5、设置单元格边距
6、表格对齐
第六章 框架
1、框架基本语法
2、框架分栏
3、框架的常用属性
4、框架链接
第七章 网页多媒体
1、插入网页多媒体
2、设置自动播放
3、设置循环播放
5、设置面板大小
6、对齐方式
第一章 HTML基础知识
1、HTML简介
HTML(Hypertext Markup Language)，超文本标记语言，HTML 利用各种标记来标识文档的结 构以及标识超链接的信息。它是从SGML(Standard Generalized Markup Language，标准通用标识 语言)中的一个子集演变而来的。
2、HTML的标记组成
HTML 用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“<>”括起来，而且是成 对出现的，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。如
、等1) 单标记：有些标记能完整的表达标记里的意思，只须在尖括号中输入标记名即可，这类标记叫 单标记。XHTML中要求单标记也必须闭合，即在标记“>”前添加斜杠。常见的单标记如
、
等。
2) 双标记：双标记有头有尾，且前面的标记与后面的标记保持一致，但在后面的标记前有斜线， 语法形如：<标记>内容。例如：
段落
3) XHTML要求所有标记均为小写，且所有标记属性必须添加双引号
4) 标记对不能交叉
3、HTML基本结构
网页标题
1) 标记对不能放在<body>标记对中，同理，其它表示内容的标记也不能放在<head>标 记对中
2) <html></html>表示 HTML 语言，在<html></html>里面包含头部(<head></head>)和 内容体(<body></body>)。
3) HTML注释表示为<!--注释内容-->
就拿<html></html>举例吧：
<html> 是一个网页的开头部分
</html> 是一个网页的结尾部分 其中斜杠（/）表示结束</code></pre>
<p> </p>
<h2 id="%E7%AC%AC%E4%BA%8C%E7%AB%A0%20%E6%96%87%E5%AD%97%E4%B8%8E%E5%9B%BE%E5%83%8F">第二章 文字与图像</h2>
<h3 id="1%E3%80%81%E8%AE%BE%E7%BD%AE%E6%96%87%E5%AD%97%E5%AD%97%E4%BD%93%E3%80%81%E5%A4%A7%E5%B0%8F%E4%B8%8E%E9%A2%9C%E8%89%B2">1、设置文字字体、大小与颜色</h3>
<pre class="has"><code class="language-html">语法：<font face=”宋体” size=”1” color=”red”>文字</font></code></pre>
<p><strong>1)</strong> 设置文字的字体、大小、颜色需要使用<font>标签<strong>2)</strong> Face属性设置文字字体，多种字体用逗号隔开<strong>3)</strong> Size 属性设置文字大小<strong>4)</strong> Color 属性设置文字颜色，参数值可以是RGB颜色值，如#000000，也可以用颜色的单词表示，如 red</p>
<h3 id="2%E3%80%81%E8%AE%BE%E7%BD%AE%E6%AD%A3%E6%96%87%E7%9A%84%E6%A0%87%E9%A2%98">2、设置正文的标题</h3>
<pre class="has"><code class="language-html">语法：<h#>主题文字</h#>，其中“#”代表数字 1-6 中的任意一个，从数字 1 到数字 6，标题大小排列由大到小(数字越大，标题字号就越小)。</code></pre>
<h3 id="3%E3%80%81%E8%AE%BE%E7%BD%AE%E6%AE%B5%E8%90%BD">3、设置段落</h3>
<pre class="has"><code class="language-html">语法：<p>这里表示段落</p></code></pre>
<h3 id="4%E3%80%81%E5%BC%BA%E5%88%B6%E6%8D%A2%E8%A1%8C%E4%B8%8E%E4%B8%8D%E6%8D%A2%E8%A1%8C">4、强制换行与不换行</h3>
<pre class="has"><code class="language-html">1) 强制换行：<br />
2) 强制不换行：<nobr /></code></pre>
<h3 id="5%E3%80%81%E5%AD%97%E4%BD%93%E6%A0%87%E8%AE%B0">5、字体标记</h3>
<p><strong>1) 物理字体</strong></p>
<pre class="has"><code class="language-html"><b>…</b> 设置成粗体 <i>…</i> 设置成斜体
<u>…</u> 增加下划线 <s>…</s> 增加删除线
<sup>…</sup> 设置成上标字体 <sub>…</sub> 设置成下标字体
<tt>…</tt> 设置成打字机字体
</code></pre>
<p><strong>2) 逻辑字体</strong></p>
<pre class="has"><code class="language-html"><em>…</em> 强调文字 <strong>…</strong> 字体加重
<code>…</code> 显示编程代码 <samp>…</samp> 显示救命文字
<kbd>…</kbd> 显示键盘按键文字 <small>…</small> 缩小文字
<big>…</big> 放大文字
</code></pre>
<h3 id="6%E3%80%81%E6%96%87%E5%AD%97%E5%AF%B9%E9%BD%90">6、文字对齐</h3>
<pre class="has"><code class="language-html">1) 文字对齐使用标签的align 属性，例如：<palign=”#”>对齐文字</p>，其中“#”代码表示方位，
可选择”left”(向左)、”right”(向右)、”center”(居中)。
Align 属性可用于<p>、<div>、<table>、<td>等标签。
2) 居中对齐可使用<center>标签，例如：<center>居中文字</center></code></pre>
<h3 id="7%E3%80%81%E5%88%97%E8%A1%A8">7、列表</h3>
<p><strong>1) 无序列表</strong></p>
<pre class="has"><code class="language-html"><ul type=”#”>
<li>表项一</li>
<li>表项二</li>
</ul></code></pre>
<p>Type=”#”取值可为 disc(默认，实心黑点)、square(实心黑方块)、circle(空心圆)</p>
<p><strong>2) 有序列表</strong></p>
<pre class="has"><code class="language-html"><ol type=”#”>
<li>表项一</li>
<li>表项二</li>
</ol></code></pre>
<p>Type=”#”取值可为 A、a、I、i、1等</p>
<p><strong>3) 定义列表</strong></p>
<pre class="has"><code class="language-html"><dl>
<dt>项目</dt>
<dd>描述一</dd>
<dd>描述二</dd>
</dl></code></pre>
<p><dt>标签定义了定义列表中的项目，<dd>标签在定义列表中定义条目的定义部分，可以理解为对定义条目进行特征描述。</p>
<p><strong>4) 无序列表、有序列表、定义列表间可以相互嵌套，但一定要注意嵌套时不能交叉</strong></p>
<h3 id="8%E3%80%81%E5%85%B6%E5%AE%83%E6%96%B9%E5%BC%8F%E4%BF%AE%E9%A5%B0%E6%96%87%E6%9C%AC">8、其它方式修饰文本</h3>
<p><strong>1)</strong> 欲格式化文本：<pre>…</pre><strong>2)</strong> 代码样式斜体字渲染：<var>…</var><strong>3)</strong> 表示它所包含的文本对某个参考文献的引用：<cite>…</cite></p>
<h3 id="9%E3%80%81%E5%9B%BE%E5%83%8F">9、图像</h3>
<pre class="has"><code class="language-html">1) 插入图像基本语法：<img src=”#” />，其中#代表图像的 URL路径，示例：<img src=”
c.jpg” />
2) 图像无法显示时的提示信息，使用 alt 属性，如：<img src=”c.jpg” alt=”风景” />
3) 图像的大小：<img src=”c.jpg” width=”400px” height=”300px” />，width 属性
定义图像的宽度，height 属性定义图像的高度
4) 图像和文字对齐：<img src=”c.jpg” align=”top” />，align属性的取值为 top(顶部)、
middle(中间)、bottom(默认，底部)
5) 图像的边框：<imgsrc=”c.jpg” border=”0” />，border 设置为 0时表示图像不显示边
框，否则设置成需要的边框大小</code></pre>
<h3 id="10%E3%80%81%E7%A7%BB%E5%8A%A8%E7%9A%84%E5%AD%97%E4%BD%93%E5%92%8C%E5%9B%BE%E7%89%87">10、移动的字体和图片</h3>
<pre class="has"><code class="language-html">1) 移动基本语法：<marquee>移动文字或图片</marquee>，默认是向左循环移动，移动范围在其父对象的有效区域内。
2) 文本移动的方向：<marquee direction=”#”>…</marquee>，其中#可以选择 left、 right、up、down
3) 文本的滚动循环：<marquee behavior=”#”>…</marquee>，其中#可以选择 scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。
4) 如果设置文本来回移动，还可以设置循环次数：<marquee loop=”#”>…</marquee>，其中#为代表循环的次数。
5) 文本的移动速度：<marquee scrollamount=”#”>…</marquee>，其中#设置移动的速度，取正整数。数值越大，速度越快。
6) 移动对象的延时：<marquee scrolldelay=”1000”>我走一走，停一停</marquee>，scrolldelay 以时间为单位，用毫秒表示。
7) 移动的区域和背景：<marquee width=”100” height=”100” bgcolor=”pink”>…</marquee></code></pre>
<h2 id="%E7%AC%AC%E4%B8%89%E7%AB%A0%20%E8%B6%85%E7%BA%A7%E9%93%BE%E6%8E%A5">第三章 超级链接</h2>
<h3 id="1%E3%80%81%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5">1、基本概念</h3>
<p><strong>1) 统 一 资 源 定 位 器 (URL)</strong> ： 每 一 个 网 页 的 唯 一 地 址 ， 一 个 URL 构 成 为 protocol://machinename[:port]/directory/filename。其中 protocol 是访问协议，如 http、 https、ftp 等，machinename 是存放资源的主机 IP 地址，通常以域名的形式出现，port 是 服务器使用的端口，directory 和filename 是资源的路径和文件名。 <strong>2) 绝对路径：</strong>HTML绝对路径指带有域名文件的完整路径 3) 文档相对路径：当前文档与在的位置与其他文件或文件夹的关系。用../表示源文件所在目录的 上一级目录。 4) 站点根目录相对路径：提供从站点的根文件夹到文档的路径。站点根目录相对路径以”/”开始， 表示站点根文件夹。</p>
<h3 id="2%E3%80%81%E6%96%87%E5%AD%97%E9%93%BE%E6%8E%A5">2、文字链接</h3>
<pre class="has"><code class="language-html">语法：<a href=”URL” target=”target”>链接文字</a> </code></pre>
<p><strong>1)</strong> href属性表示链接跳转地址 <strong>2)</strong> target 属性定义链接网页的打开方式，其值可以为<em>blank(新窗口)、</em>parent(父框架)、<em>self(当 前窗口)、</em>top(清除所有被包含的框架并将文档载入整个浏览器窗口)</p>
<h3 id="3%E3%80%81%E9%93%BE%E6%8E%A5%E7%9A%84%E6%B3%A8%E9%87%8Atitle%20%E5%B1%9E%E6%80%A7">3、链接的注释title 属性</h3>
<pre class="has"><code class="language-html"><a href=”URL” title=”注释信息”>链接文字</a> </code></pre>
<h3 id="4%E3%80%81%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5">4、图片链接</h3>
<pre class="has"><code class="language-html"><a href=”URL”><img src=”c.jpg”></a>将链接文字改成插入图像即可 </code></pre>
<h3 id="5%E3%80%81%E9%94%9A%E7%82%B9%E9%93%BE%E6%8E%A5">5、锚点链接</h3>
<pre class="has"><code class="language-html">定义锚点：<a name=”锚点”></a>
链接锚点：<a href=”#锚点”>链接文字</a></code></pre>
<h3 id="6%E3%80%81%E9%82%AE%E7%AE%B1%E5%9C%B0%E5%9D%80%E9%93%BE%E6%8E%A5mailto">6、邮箱地址链接mailto</h3>
<pre class="has"><code class="language-html"><a href=”mailto:邮箱地址”>链接文字</a> </code></pre>
<h3 id="7%E3%80%81%E5%9B%BE%E5%83%8F%E6%98%A0%E5%B0%84">7、图像映射</h3>
<pre class="has"><code class="language-html"><img src=”1.jpg” usemap=”#map” />
<map name=”map”>
<area shape=”rect” href=”1.html” coords=”140,20,280,60”>
<area shape=”poly” href=”2.html” coords=”100,100,180,50,200,140”>
<area shape=”circle” href=”3.html” coords=”80,100,60”>
</map> </code></pre>
<p><strong>1）</strong>图像映射实现单击同一图像中的不同位置，出现不同的链接，有矩形、圆形和多边形，分别 用rect、circle、poly表示。<strong>2）</strong>图像映射有分为两步：<br> 在图像标签中使用usemap属性，其值为#号加上map标签的名称，即map标签的name 属性（如#map）。<br><strong> 定义<map>标签</strong>，并使用 name 属性命名，方便其它地方调用。然后用<area>标签定 义图片上的热区形状(shape 属性)、位置(coords属性)及链接地址(href 属性)。</p>
<h2 id="%E7%AC%AC%E5%9B%9B%E7%AB%A0%20%E8%A1%A8%E5%8D%95">第四章 表单</h2>
<h3 id="1%E3%80%81%E5%88%9B%E5%BB%BA%E8%A1%A8%E5%8D%95">1、创建表单</h3>
<pre class="has"><code class="language-html">语法：<form name=”form” action=”url” method=”post”></form>
表单对象常用的属性
action <from action=”xxx”> 表单提交的目的地址
method <form method=”xxx”> 表单提交方式
name <form name=”xxx”> 表单名称
</code></pre>
<p>Form 中的name 属性给 form 表单命名，action 属性表示表单提交后发送的URL地址，发送的方 式用 method 属性表示，可选择的参数有Get 和Post。Get 传输量比较小，Post 传输量比较大。</p>
<h3 id="2%E3%80%81%E6%96%87%E6%9C%AC%E6%A1%86%E5%92%8C%E5%AF%86%E7%A0%81%E6%A1%86">2、文本框和密码框</h3>
<pre class="has"><code class="language-html">1) 文本框：<input type=”text” name=”text” size=”6” maxlength=”6” value=” 文字” disabled=”disabled” readonly=”readonly” />
说明：name 属性给文本框命名，size 属性设置文本框的显示大小，maxlength属性设置文本 框最大可接受的字符数，value 属性设置文本框默认显示值，disabled 属性设置文本框是否可 用，readonly 属性设置文本框是否只读。
2) 密码框：<input type=”password” />
密码框的属性除了 type 设置成 password，与文本框不一致外，其它属性与文本框一致。</code></pre>
<h3 id="3%E3%80%81%E5%8D%95%E9%80%89%E6%A1%86%E5%92%8C%E5%A4%8D%E9%80%89%E6%A1%86">3、单选框和复选框</h3>
<pre class="has"><code class="language-html">1) 单选框：<input type=”radio” name=”radio” checked=”checked” value=”v” />
说明：设置 checked属性表示单选框被选中
2) 复选框：<input type=”checkbox” name=”ck” checked=”checked” value=”v” /> </code></pre>
<h3 id="4%E3%80%81%E4%B8%8B%E6%8B%89%E5%88%97%E8%A1%A8%E5%92%8C%E6%96%87%E6%9C%AC%E5%9F%9F">4、下拉列表和文本域</h3>
<p><strong>1) 下拉列表： </strong></p>
<pre class="has"><code class="language-html"><select name=”select” size=”2” multiple=” multiple”>
<option value=”1” selected=”selected”>列表项一</option>
<option value=”2”>列表项二</option>
</select> </code></pre>
<p><strong>说明：</strong>select 标签的size 属性表示下拉列表的可见选项数，默认为1，multiple 属性规定可以 选择多个选项。Option 标签的 selected标签表示当前选被默认选中，即在1个可见选项数时 下拉列表显示此值。</p>
<p><strong>2) 文本域 </strong></p>
<pre class="has"><code class="language-html"><textarea name=”ta” rows=”10” cols=”5”>文本内容</textarea> </code></pre>
<p><strong>说明：</strong>textarea 标签的 rows 属性表示文本区内的可见行数，cols 属性表示文本区内的可见宽 度。</p>
<h3 id="5%E3%80%81%E6%8C%89%E9%92%AE">5、按钮</h3>
<pre class="has"><code class="language-html">1) 普通按钮：<input type=”button” name=”bt” value=”按钮” /> <button name=”bt”>普通按钮</button>
2) 提交按钮：<input type=”submit” name=”sm” value=”提交” />
3) 重置按钮：<input type=”reset” name=”rs” value=”重置” /> </code></pre>
<h3 id="6%E3%80%81%E5%9B%BE%E5%83%8F%E5%9F%9F%E4%B8%8E%E6%96%87%E4%BB%B6%E5%9F%9F">6、图像域与文件域</h3>
<pre class="has"><code class="language-html">1) 图像域：<input type=”image” name=”image” src=”c.jpg” alt=”描述” />
2) 文件域：<input type=”file” name=”file” />定义输入字段和浏览按钮，用于文件上传</code></pre>
<h3 id="7%E3%80%81%E9%9A%90%E8%97%8F%E8%A1%A8%E5%8D%95">7、隐藏表单</h3>
<pre class="has"><code class="language-html"><input type=”hidden” name=”hi” value=”v” />隐藏表单用于在浏览器与服务器之间 传递一些必要的参数或选项，而这些参数或选项不需要显示在页面中。 </code></pre>
<h2 id="%E7%AC%AC%E4%BA%94%E7%AB%A0%20%E8%A1%A8%E6%A0%BC">第五章 表格</h2>
<h3 id="1%E3%80%81%E8%A1%A8%E6%A0%BC%E7%9A%84%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95">1、表格的基本语法</h3>
<pre class="has"><code class="language-html"><table width=”100” border=”1” height=”100”>
<caption>表格标题</caption>
<tr><th>表头一</th><th>表头二</th></tr>
<tr><td>单元格一</td><td>单元格二</td></tr>
<tr><td cols=”2”>表尾</td></tr>
</table></code></pre>
<p> 在HTML中创建表格使用<table>标签对，可对其设置宽度、高度、边框、背景等。<br> <caption>标签为整个表格的标题，它不占用表格行，是位于表格外的一个对整个表格进行说明的大标题，可以使用 align 属性设置标题相对于表格的位置，值为 left、right、top、bottom。<br> 使用tr 定义表格行，然后用 th或td定义表格单元格。<br> 可以使用 thead 定义表头，tbody 定义表格主体，tfoot 定义表尾，只需要把相应的行（tr和td都需要）放置在标记对中即可。</p>
<h3 id="2%E3%80%81%E8%B7%A8%E5%A4%9A%E8%A1%8C%E3%80%81%E5%A4%9A%E5%88%97%E8%A1%A8%E5%85%83">2、跨多行、多列表元</h3>
<p><strong>1) 跨多行表元</strong></p>
<pre class="has"><code class="language-html"><td rowspan=”3”>…</td></code></pre>
<p> 跨多行表元语法是在th 和td上加 rowspan表示，rowspan后面的值是数字，数字表示跨多少行表元。</p>
<p><strong>2) 跨多列表元</strong></p>
<p> 跨多列表元与跨多行表元一样，也是放在th和 td上，表示在一行中跨多少列表元，语法是用colspan 表示。</p>
<h3 id="3%E3%80%81%E8%AE%BE%E7%BD%AE%E8%A1%A8%E6%A0%BC%E5%A4%A7%E5%B0%8F">3、设置表格大小</h3>
<p>1) 设置表格宽度和高度</p>
<pre class="has"><code class="language-html"><table width=”100” height=”100”>…</table></code></pre>
<p> 表格宽度用 width属性定义，表格高度用 height 属性定义，其取值可以为像素值或百分比。</p>
<p><strong>2) 设置表格边框</strong></p>
<pre class="has"><code class="language-html"><table border=”1”>…</table></code></pre>
<p> 表格边框使用 table 标记的 border 属性定义，其后面的值是宽度值，表示对象的边框宽度，数值越大，宽度越大。</p>
<h3 id="4%E3%80%81%E8%AE%BE%E7%BD%AE%E8%A1%A8%E6%A0%BC%E8%83%8C%E6%99%AF">4、设置表格背景</h3>
<p><strong>1) 设置整个表格背景</strong></p>
<pre class="has"><code class="language-html"><table bgcolor=”#ff0000”>…</table></code></pre>
<p> 设置整个表格的背景是定义<table>标签的 bgcolor 属性，其值可为颜色名、十六进制颜色值或者 rgb代码的背景颜色。</p>
<p><strong>2) 设置表格中单元格的背景</strong></p>
<pre class="has"><code class="language-html"><td bgcolor=”#ff0000”>…</td></code></pre>
<p> 设置单元格的背景颜色只需在 td 和 th 标签上定义 bgcolor 属性，如果设置某一行的背景颜色，也可以在 tr 标签中定义bgcolor 属性。</p>
<h3 id="5%E3%80%81%E8%AE%BE%E7%BD%AE%E5%8D%95%E5%85%83%E6%A0%BC%E8%BE%B9%E8%B7%9D">5、设置单元格边距</h3>
<p><strong>1) 设置单元格与内容之间的距离</strong></p>
<pre class="has"><code class="language-html"><td cellpadding=”10”>…</td></code></pre>
<p> 设置单元格与内容之间的距离只需在 td和 th标签上定义cellpadding属性，其值为像素值。</p>
<p><strong>2) 设置两个单元格之间的距离</strong></p>
<pre class="has"><code class="language-html"><td cellspacing=”10”>…</td></code></pre>
<p> 定义两个单元格之间的空白在 td和th 标签上使用cellspacing属性，其值同样为像素值。</p>
<h3 id="6%E3%80%81%E8%A1%A8%E6%A0%BC%E5%AF%B9%E9%BD%90">6、表格对齐</h3>
<p><strong>1）表格内文字对齐</strong></p>
<pre class="has"><code class="language-html"><tr align=#>…</tr>
<td align=#>…</td></code></pre>
<p> 文字对齐使用align 属性定义，取值可为 left、center、right。 在表格内，文字对齐有在tr、th、td中对齐，在 tr 设置对齐方式后，tr 内的th 和td都按设置的要求对齐，同理在多行中可以设置不同的tr 对齐方式， th 和td都可以设置其里面的文字或图片的对齐。</p>
<p><strong>2）表格在网页中对齐</strong></p>
<pre class="has"><code class="language-html"><table align=#>…</table></code></pre>
<p> 表格在网页中的对齐是在<table></table>标记对中使用 align属性定义。</p>
<h2 id="%E7%AC%AC%E5%85%AD%E7%AB%A0%20%E6%A1%86%E6%9E%B6">第六章 框架</h2>
<h3 id="1%E3%80%81%E6%A1%86%E6%9E%B6%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95">1、框架基本语法</h3>
<pre class="has"><code class="language-html"><frameset cols=”50%,50%”>
<frame scr=”1.html” />
<frame src=”2.html” />
</frameset>
框架的基本语法是由<frameset></frameset>标记对表示，标记对放在<head></head>标记对后面，使用了框架，就不再需要使用<body></body>标记对，即<frameset>与<body>标记对不能同时出现在一个页面中。
<frame>标记对表示在框架内载入什么文件，用src属性指定。</code></pre>
<h3 id="2%E3%80%81%E6%A1%86%E6%9E%B6%E5%88%86%E6%A0%8F">2、框架分栏</h3>
<p><strong>2) 垂直分栏</strong></p>
<pre class="has"><code class="language-html"><frameset cols=”50%,*”>…</frameset>
垂直分栏是在<frameset>中使用 cols 属性表示，后面的数字表示列宽，可用数值、百分比和通配符*（只能用于最后一个数字）表示</code></pre>
<p><strong>3) 水平分栏</strong></p>
<pre class="has"><code class="language-html"><frameset rows=”50%,*”>…</frameset>
水平分栏是在<frameset>中使用rows 属性表示，注意一个框架不能同时出现垂直分栏和水平分栏，即 cols 和 rows 不能同时出现，如果想又有垂直分栏又有水平分栏，可以使用框架嵌套实现</code></pre>
<h3 id="3%E3%80%81%E6%A1%86%E6%9E%B6%E7%9A%84%E5%B8%B8%E7%94%A8%E5%B1%9E%E6%80%A7">3、框架的常用属性</h3>
<p><strong>1）设置不可调节框架大小</strong></p>
<pre class="has"><code class="language-html"><frameset noresize=”noresize”>…</frameset>
默认框架大小是可以调节的，如果不需要用户去对框架窗口进行大小调节，必须设置框架的noresize 属性</code></pre>
<p><strong>2）浏览器不支持框架</strong></p>
<pre class="has"><code class="language-html"><noframes>对不起，您的浏览器不支持框架！</noframes>
<noframes>标记对用在<frameset>标记对之外，当浏览器不支持<frameset>标记时，将不显示框架内容，而是显示<noframes>标记对中的内容。</code></pre>
<p><strong>3）设置框架边框</strong></p>
<pre class="has"><code class="language-html"><frameset frameborder=# border=#>
框架的边框设置可由 frameborder属性来完成，默认有边框，它有两种表示方法，英语表示法：yes(有边框)、no(无边框)，数字表示法：1(有边框)、0(无边框)
当设置了框架的边框时，可用 border属性来设置边框的宽度</code></pre>
<p><strong>4）设置滚动条</strong></p>
<pre class="has"><code class="language-html"><frame src=”1.html” scrolling=”no” />
设置滚动条是在<frame>标签里，用 scrolling属性，可取值 auto(默认，自动)、yes(有滚动条)、no(无滚动条)</code></pre>
<h3 id="4%E3%80%81%E6%A1%86%E6%9E%B6%E9%93%BE%E6%8E%A5">4、框架链接</h3>
<p><strong>1）导航框架</strong></p>
<pre class="has"><code class="language-html"><frameset cols=”20%,*”>
<frame src=”导航框架链接.html” />
<frame src=”main.html” name=”myFrame” />
</frameset>
<a href=”1.html” target=”myFrame”>导航框架链接</a>
导航框架链接是在网页框架的<frame>中加入 name 属性，表示该<frame>的名称，然后通过用<a>标记的链接，并用target 等于<frame>的名称，那所得到的链接地址网页会显示在该<frame>中</code></pre>
<p><strong>2）内联框架（浮动框架）</strong></p>
<pre class="has"><code class="language-java"><iframe src=”1.html” width=”400” height=”300”></iframe>
内联框架存在于<body></body>的单个HTML文件中，可以链接其他网页并显示它，即在一个页面中嵌入一个框架窗口来显示另一个页面的内容。
浮动框架用<iframe></iframe>标记对或<iframe />表示，可以用 width 和 height 属性设置其大小。</code></pre>
<h2 id="%E7%AC%AC%E4%B8%83%E7%AB%A0%20%E7%BD%91%E9%A1%B5%E5%A4%9A%E5%AA%92%E4%BD%93">第七章 网页多媒体</h2>
<h3 id="1%E3%80%81%E6%8F%92%E5%85%A5%E7%BD%91%E9%A1%B5%E5%A4%9A%E5%AA%92%E4%BD%93">1、插入网页多媒体</h3>
<pre class="has"><code class="language-html">基本语法：<embed src=”1.mp3” />，src指定插入网页的多媒体路径</code></pre>
<h3 id="2%E3%80%81%E8%AE%BE%E7%BD%AE%E8%87%AA%E5%8A%A8%E6%92%AD%E6%94%BE">2、设置自动播放</h3>
<pre class="has"><code class="language-html"><embed src=”1.mp3” autostart=”true” /></code></pre>
<p>Autostart 表示自动播放，可取值true(默认值，自动播放)、false(不自动播放)</p>
<h3 id="3%E3%80%81%E8%AE%BE%E7%BD%AE%E5%BE%AA%E7%8E%AF%E6%92%AD%E6%94%BE">3、设置循环播放</h3>
<pre class="has"><code class="language-html"><embed src=”1.mp3” loop=”true” /></code></pre>
<p>Loop 属性用来设置多媒体文件的循环播放，可取值 true(无限次数)、 false(不循环播放)、 <数值>(规定循环的次数)</p>
<h3 id="5%E3%80%81%E8%AE%BE%E7%BD%AE%E9%9D%A2%E6%9D%BF%E5%A4%A7%E5%B0%8F">5、设置面板大小</h3>
<pre class="has"><code class="language-html"><embed src=”1.mp3” width=”400” height=”300” /></code></pre>
<h3 id="6%E3%80%81%E5%AF%B9%E9%BD%90%E6%96%B9%E5%BC%8F">6、对齐方式</h3>
<pre class="has"><code class="language-html"><embed src=”1.mp3” align=”left” /></code></pre>
<p>Align属性可以设置多媒体控制面板的对齐方式，取值为：</p>
<p> Center：控制面板居中<br> Left：控制面板居左<br> Right：控制面板居右<br> Top：控制面板的顶部与当前行中的最高对象的顶部对齐<br> Bottom:控制面板的底部与当前行中的对象的基线对齐<br> Baseline：控制面板的底部与文本的基线对齐<br> Texttop：控制面板的顶部与当前行中的最高的文字顶部对齐<br> Middle：控制面板的中间与当前行的基线对齐<br> Absmiddle：控制面板的中间与当前文本或对象的中间对齐<br> Absbottom：控制面板的底部与文字的底部对齐</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1187210510911774720"></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">你可能感兴趣的:(前端心得)</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/1835465261096988672.htm"
title="如何在心上用功？" target="_blank">如何在心上用功？</a>
<span class="text-muted">余超林AIA财富管家</span>
<div>思考：如何在心上用功？学习心得：心-道-德-事的理解心-道-德-事这四部曲，本质上就是一个人的思维智慧的四个层面：事是最底层，这是所有人在这个社会谋求生存的基础，一个人能够把事情彻底做好，保质保量的完成，才会有真正的结果，但是这个层面要获得真正成功很困难，因为会做事的人很多，最终会出现恶性竞争；德是第三层，如果说整个社会做事的竞争激烈程度为100%，那么上升到德上的竞争激烈程度降低为80%，德是一</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/1835427005861031936.htm"
title="2022-05-22光印随思60学习要与现实打通" target="_blank">2022-05-22光印随思60学习要与现实打通</a>
<span class="text-muted">无名之米8</span>
<div>20220522光印随思60学习要与现实打通今天在匆忙中完成了新网师课程的第七次预习作业。每次完成预习作业的过程都是一次艰难的学习，先要学习相关的文本和文件，了解作业需要的理论知识，之后需要把理论知识运用于实际工作和生活中。这也是学习的真正价值所在。在很多时候，会有这样的感觉，读了很多书为什么没有啥长进？现在回想应该就是，当只有阅读和感受，没有把阅读心得转化为文字，没有把阅读的知识运用到实际的场景</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/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/1835353737779048448.htm"
title="2021-10-22" target="_blank">2021-10-22</a>
<span class="text-muted">c6a82911a6e5</span>
<div>致良知线上正心班学习第11天时间：2021年10月21日姓名：李克聪地区：山东淄博志愿：修己度人，自省利他｜当｜下｜即｜未｜来｜【自省利他致良知】今日功课1、读原文✔：2分2、准时交功课✔：2分3、日行一善✔：2分4、每日自省✔：2分（1）时刻保持恩悲敬（2）不抱怨，不说谎5、读书践行心得✔:2分菩萨为因，凡夫为果，因上努力，成果必达。自然的规律是天道，人和自然的规律是一样的。我们平时经常讲做人做</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/56.htm"
title="多线程编程之存钱与取钱" target="_blank">多线程编程之存钱与取钱</a>
<span class="text-muted">周凡杨</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E9%92%B1/1.htm">存钱</a><a class="tag" taget="_blank" href="/search/%E5%8F%96%E9%92%B1/1.htm">取钱</a>
<div>
生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时 通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。
问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是</div>
</li>
<li><a href="/article/183.htm"
title="java中数组与List相互转换的方法" target="_blank">java中数组与List相互转换的方法</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a>
<div>1.List转换成为数组。（这里的List是实体是ArrayList)
调用ArrayList的toArray方法。
toArray
public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分</div>
</li>
<li><a href="/article/310.htm"
title="Shell 流程控制" target="_blank">Shell 流程控制</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/%E6%B5%81%E7%A8%8B%E6%8E%A7%E5%88%B6/1.htm">流程控制</a><a class="tag" taget="_blank" href="/search/if+else/1.htm">if else</a><a class="tag" taget="_blank" href="/search/while/1.htm">while</a><a class="tag" taget="_blank" href="/search/case/1.htm">case</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a>
<div>Shell 流程控制
和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)：
<?php
if(isset($_GET["q"])){
search(q);}else{// 不做任何事情}
在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样 if else if
if 语句语</div>
</li>
<li><a href="/article/437.htm"
title="Linux服务器新手操作之二" target="_blank">Linux服务器新手操作之二</a>
<span class="text-muted">周凡杨</span>
<a class="tag" taget="_blank" href="/search/Linux+%E7%AE%80%E5%8D%95+%E6%93%8D%E4%BD%9C/1.htm">Linux 简单 操作</a>
<div>1.利用关键字搜寻Man Pages man -k keyword 其中-k 是选项，keyword是要搜寻的关键字 如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令 [haself@HA5-DZ26 ~]$ man -k </div>
</li>
<li><a href="/article/564.htm"
title="socket聊天室之服务器搭建" target="_blank">socket聊天室之服务器搭建</a>
<span class="text-muted">朱辉辉33</span>
<a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a>
<div>因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。
我们先写客户端的线程。
public class ChatSocket extends Thread{
Socket socket;
public ChatSocket(Socket socket){
this.sock</div>
</li>
<li><a href="/article/691.htm"
title="利用finereport建设保险公司决策分析系统的思路和方法" target="_blank">利用finereport建设保险公司决策分析系统的思路和方法</a>
<span class="text-muted">老A不折腾</span>
<a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D%E4%BF%9D%E9%99%A9/1.htm">金融保险</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E6%9E%90%E7%B3%BB%E7%BB%9F/1.htm">分析系统</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E7%B3%BB%E7%BB%9F/1.htm">报表系统</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91/1.htm">项目开发</a>
<div>决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。
项目背景介绍
通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过</div>
</li>
<li><a href="/article/818.htm"
title="始终要页面在ifream的最顶层" target="_blank">始终要页面在ifream的最顶层</a>
<span class="text-muted">林鹤霄</span>
<div>index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。
index.jsp--->主要是加了颜色的那一句
<html>
<iframe name="top" ></iframe>
<ifram</div>
</li>
<li><a href="/article/945.htm"
title="MySQL binlog恢复数据" target="_blank">MySQL binlog恢复数据</a>
<span class="text-muted">aigo</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>1，先确保my.ini已经配置了binlog：
# binlog
log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log
log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index
log_error = D:/mysql-5.6.21-win</div>
</li>
<li><a href="/article/1072.htm"
title="OCX打成CBA包并实现自动安装与自动升级" target="_blank">OCX打成CBA包并实现自动安装与自动升级</a>
<span class="text-muted">alxw4616</span>
<a class="tag" taget="_blank" href="/search/ocx/1.htm">ocx</a><a class="tag" taget="_blank" href="/search/cab/1.htm">cab</a>
<div>近来手上有个项目,需要使用ocx控件
(ocx是什么?
http://baike.baidu.com/view/393671.htm)
在生产过程中我遇到了如下问题.
1. 如何让 ocx 自动安装?
a) 如何签名?
b) 如何打包?
c) 如何安装到指定目录?
2.</div>
</li>
<li><a href="/article/1199.htm"
title="Hashmap队列和PriorityQueue队列的应用" target="_blank">Hashmap队列和PriorityQueue队列的应用</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/Hashmap%E9%98%9F%E5%88%97/1.htm">Hashmap队列</a><a class="tag" taget="_blank" href="/search/PriorityQueue%E9%98%9F%E5%88%97/1.htm">PriorityQueue队列</a>
<div>
HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,
HashMap是K,v键 ,值
put()添加元素
//下面试HashMap去掉重复的
package com.hashMapandPriorityQueue;
import java.util.H</div>
</li>
<li><a href="/article/1326.htm"
title="JDK1.5 returnvalue实例" target="_blank">JDK1.5 returnvalue实例</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/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/returnvalue/1.htm">returnvalue</a>
<div>Callable接口：
返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。
Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。
ExecutorService接口方</div>
</li>
<li><a href="/article/1453.htm"
title="angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效" target="_blank">angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效</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/AngularJS/1.htm">AngularJS</a>
<div> 在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！
</div>
</li>
<li><a href="/article/1580.htm"
title="【Java范型二】Java范型详解之extend限定范型参数的类型" target="_blank">【Java范型二】Java范型详解之extend限定范型参数的类型</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/extend/1.htm">extend</a>
<div>在第一篇中，定义范型类时，使用如下的方式：
public class Generics<M, S, N> {
//M,S,N是范型参数
}
这种方式定义的范型类有两个基本的问题：
1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri</div>
</li>
<li><a href="/article/1707.htm"
title="【HBase十三】HBase知识点总结" target="_blank">【HBase十三】HBase知识点总结</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a>
<div>1. 数据从MemStore flush到磁盘的触发条件有哪些？
a.显式调用flush，比如flush 'mytable'
b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？
1个Region由若干个Store组成</div>
</li>
<li><a href="/article/1834.htm"
title="服务器被DDOS攻击防御的SHELL脚本" target="_blank">服务器被DDOS攻击防御的SHELL脚本</a>
<span class="text-muted">ronin47</span>
<div>mkdir /root/bin
vi /root/bin/dropip.sh
#!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a</div>
</li>
<li><a href="/article/1961.htm"
title="java程序员生存手册-craps 游戏-一个简单的游戏" target="_blank">java程序员生存手册-craps 游戏-一个简单的游戏</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
import java.util.Random;
public class CrapsGame {
/**
*
*一个简单的赌*博游戏，游戏规则如下：
*玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜，
*如果点数和为2、3或12，则玩家输，
*如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点</div>
</li>
<li><a href="/article/2088.htm"
title="TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决" target="_blank">TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决</a>
<span class="text-muted">开窍的石头</span>
<a class="tag" taget="_blank" href="/search/JAVA_HOME/1.htm">JAVA_HOME</a>
<div>当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错;
报错如下：
The JAVA_HOME environment variable is not defined correctly
This environment variable is needed to run this program
NB: JAVA_HOME shou</div>
</li>
<li><a href="/article/2215.htm"
title="[操作系统内核]操作系统与互联网" target="_blank">[操作系统内核]操作系统与互联网</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a>
<div>
我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法
操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发</div>
</li>
<li><a href="/article/2342.htm"
title="富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11" target="_blank">富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11</a>
<span class="text-muted">cuityang</span>
<a class="tag" taget="_blank" href="/search/%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A1%86/1.htm">富文本框</a>
<div><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>知识库内容编辑</tit</div>
</li>
<li><a href="/article/2469.htm"
title="Property null not found" target="_blank">Property null not found</a>
<span class="text-muted">darrenzhu</span>
<a class="tag" taget="_blank" href="/search/datagrid/1.htm">datagrid</a><a class="tag" taget="_blank" href="/search/Flex/1.htm">Flex</a><a class="tag" taget="_blank" href="/search/Advanced/1.htm">Advanced</a><a class="tag" taget="_blank" href="/search/propery+null/1.htm">propery null</a>
<div>When you got error message like "Property null not found ***", try to fix it by the following way:
1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov</div>
</li>
<li><a href="/article/2596.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><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/1.htm">函数</a><a class="tag" taget="_blank" href="/search/%E6%9B%BF%E6%8D%A2/1.htm">替换</a>
<div>需求：需要将数据表中一个字段的值里面的所有的 . 替换成 _
原来的数据是 site.title site.keywords ....
替换后要为 site_title site_keywords
使用的SQL语句如下：
updat</div>
</li>
<li><a href="/article/2723.htm"
title="mac上终端起动MySQL的方法" target="_blank">mac上终端起动MySQL的方法</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a>
<div>首先去官网下载: http://www.mysql.com/downloads/
我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql
这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴.
打开终端,输入:
1</div>
</li>
<li><a href="/article/2850.htm"
title="Gson使用一（Gson）" target="_blank">Gson使用一（Gson）</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/gson/1.htm">gson</a>
<div>转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述
从结构上看Json，所有的数据（data）最终都可以分解成三种类型：
第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。
第二种类型是序列（sequence），又叫做数组（array）</div>
</li>
<li><a href="/article/2977.htm"
title="android点滴4" target="_blank">android点滴4</a>
<span class="text-muted">gundumw100</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>Android 47个小知识
http://www.open-open.com/lib/view/open1422676091314.html
Android实用代码七段（一）
http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html
http://www.cnblogs.com/over140/arch</div>
</li>
<li><a href="/article/3104.htm"
title="JavaWeb之JSP基本语法" target="_blank">JavaWeb之JSP基本语法</a>
<span class="text-muted">ihuning</span>
<a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a>
<div>
目录
JSP模版元素
JSP表达式
JSP脚本片断
EL表达式
JSP注释
特殊字符序列的转义处理
如何查找JSP页面中的错误
JSP模版元素
JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP</div>
</li>
<li><a href="/article/3231.htm"
title="App Extension编程指南（iOS8/OS X v10.10）中文版" target="_blank">App Extension编程指南（iOS8/OS X v10.10）中文版</a>
<span class="text-muted">啸笑天</span>
<a class="tag" taget="_blank" href="/search/ext/1.htm">ext</a>
<div>
当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分</div>
</li>
<li><a href="/article/3358.htm"
title="SQLServer实现无限级树结构" target="_blank">SQLServer实现无限级树结构</a>
<span class="text-muted">macroli</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/SQL+Server/1.htm">SQL Server</a>
<div>
表结构如下：
数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1
创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去
create procedure test
as
begin
decla</div>
</li>
<li><a href="/article/3485.htm"
title="Css居中div，Css居中img，Css居中文本，Css垂直居中div" target="_blank">Css居中div，Css居中img，Css居中文本，Css垂直居中div</a>
<span class="text-muted">qiaolevip</span>
<a class="tag" taget="_blank" href="/search/%E4%BC%97%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">众观千象</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>/**********Css居中Div**********/
div.center {
width: 100px;
margin: 0 auto;
}
/**********Css居中img**********/
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
</div>
</li>
<li><a href="/article/3612.htm"
title="Oracle 常用操作(实用)" target="_blank">Oracle 常用操作(实用)</a>
<span class="text-muted">吃猫的鱼</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>
SQL>select text from all_source where owner=user and name=upper('&plsql_name');
SQL>select * from user_ind_columns where index_name=upper('&index_name'); 将表记录恢复到指定时间段以前</div>
</li>
<li><a href="/article/3739.htm"
title="iOS中使用RSA对数据进行加密解密" target="_blank">iOS中使用RSA对数据进行加密解密</a>
<span class="text-muted">witcheryne</span>
<a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/rsa/1.htm">rsa</a><a class="tag" taget="_blank" href="/search/iPhone/1.htm">iPhone</a><a class="tag" taget="_blank" href="/search/objective+c/1.htm">objective c</a>
<div>
RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名.
本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境
mac os
openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装.
Java 8
RSA基本原理
RS</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>