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/1891653255944007680.htm"
title="前端构建工具——Webpack和Vite的主要区别" target="_blank">前端构建工具——Webpack和Vite的主要区别</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/webpack/1.htm">webpack</a>
<div>目录1.设计理念2.性能表现3.使用场景4.配置复杂度5.生态系统6.性能对比总结7.选择建议1.设计理念Webpack设计理念：Webpack是一个通用的模块打包工具，它将项目中的各种资源（如JavaScript、CSS、图片等）视为模块，并通过loader和plugin进行处理和打包。适用范围：适用于复杂项目，支持高度定制化，适合需要精细控制构建过程的场景。Vite设计理念：Vite（法语“快</div>
</li>
<li><a href="/article/1891644920318455808.htm"
title="学习笔记分享-快速掌握前端-html进阶（利用telnet发送json请求、利用telnet发送multipart请求）" target="_blank">学习笔记分享-快速掌握前端-html进阶（利用telnet发送json请求、利用telnet发送multipart请求）</a>
<span class="text-muted">2301_81243975</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%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>前言图片上面的personal表示只有图片上面的一行语句是解释图片内容的、local表示这个图片所在标题下的所有语句都是解释图片内容的、global表示有多个标题下的所有语句都是解释图片内容的我是一名大二的学生，学了差不多一年java技术栈了，想记录一下自己对知识点的心得，目前还是个小白，期望大佬们可以指出我笔记中的不足之处、对知识点的认知错误、笔记结构的混乱等这些图片内容都是在观看黑马课程时的视</div>
</li>
<li><a href="/article/1891644918196137984.htm"
title="学习笔记分享-数据结构与算法-图-Dijkstra（算法描述、算法实现）" target="_blank">学习笔记分享-数据结构与算法-图-Dijkstra（算法描述、算法实现）</a>
<span class="text-muted">2301_81243975</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>前言图片上面的personal表示只有图片上面的一行语句是解释图片内容的、local表示这个图片所在标题下的所有语句都是解释图片内容的、global表示有多个标题下的所有语句都是解释图片内容的我是一名大二的学生，学了差不多一年java技术栈了，想记录一下自己对知识点的心得，目前还是个小白，期望大佬们可以指出我笔记中的不足之处、对知识点的认知错误、笔记结构的混乱等这些图片内容都是在观看黑马课程时的视</div>
</li>
<li><a href="/article/1891617554108051456.htm"
title="dochub实践-资源参考" target="_blank">dochub实践-资源参考</a>
<span class="text-muted">xiaohangwj</span>
<div>项目开源仓库-gitee开源仓库-github教程文档依赖后端-beego开源仓库入门教程前端-Flat-UI开源仓库样式文档</div>
</li>
<li><a href="/article/1891604026852700160.htm"
title="题解 | #数组中出现次数超过一半的数字#哈希最简单的解法" target="_blank">题解 | #数组中出现次数超过一半的数字#哈希最简单的解法</a>
<span class="text-muted">2301_79125642</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>前端要转测试大佬们，我是软件工程专业的，毕业后又培训了半年前端，现在公司要我转软件测试，初中级都可以，学着麻烦吗？大概得多长时间？转转java凉面一个数组基本有序应该采用哪种排序方法为什么要有线程池，线程太多会怎么样？？阻塞队列与普通队列的区别是？递归与非递归区别是什么？各自的优缺点？递归如何转为非递归题解|#数组中出现次数超过一半的数字#哈希最简单的解法classSolution{public:</div>
</li>
<li><a href="/article/1891595947813695488.htm"
title="C#、ASP、ASP.NET、.NET、ASP.NET CORE区别、ASP.NET Core其概念和特点、ASP.NET Core个人心得体会" target="_blank">C#、ASP、ASP.NET、.NET、ASP.NET CORE区别、ASP.NET Core其概念和特点、ASP.NET Core个人心得体会</a>
<span class="text-muted">手中的风筝664</span>
<a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a>
<div>C#是一种面向对象的编程语言，主要用于开发跨平台的应用程序。它是.NET框架的一部分，并且可以在.NET平台上运行。ASP（ActiveServerPages）是一种用于构建动态Web页面的技术，使用VBScript或JScript作为服务器端脚本语言。它是早期的Microsoft技术，现已逐渐过时。ASP.NET是微软推出的下一代Web应用程序开发技术，它提供了更强大、更高效的功能和工具。ASP</div>
</li>
<li><a href="/article/1891584857507688448.htm"
title="关于前后端分离跨域问题——使用DeepSeek分析查错" target="_blank">关于前后端分离跨域问题——使用DeepSeek分析查错</a>
<span class="text-muted">潮落拾贝</span>
<a class="tag" taget="_blank" href="/search/%E8%A7%A3%E5%86%B3%E8%B7%A8%E5%9F%9F%E9%97%AE%E9%A2%98/1.htm">解决跨域问题</a><a class="tag" taget="_blank" href="/search/%E4%BD%BF%E7%94%A8DeepSeek%E5%8D%8F%E5%8A%A9%E5%BC%80%E5%8F%91/1.htm">使用DeepSeek协助开发</a>
<div>我前端使用antdesignvuepro框架，后端使用kratos框架开发。因为之前也解决过跨域问题，正常是在后端的http请求中加入中间件，设置跨域需要通过的字段即可，代码如下所示：funcNewHTTPServer(c*conf.Server,s*conf.Secret,rolesm*service.RolesManageService,tracertrace.TracerProvider,l</div>
</li>
<li><a href="/article/1891582336714207232.htm"
title="python股票分析系统部署操作过程及代码实现" target="_blank">python股票分析系统部署操作过程及代码实现</a>
<span class="text-muted">大懒猫软件</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/plotly/1.htm">plotly</a><a class="tag" taget="_blank" href="/search/api/1.htm">api</a><a class="tag" taget="_blank" href="/search/restful/1.htm">restful</a>
<div>部署一个股票分析系统涉及多个步骤，包括后端服务、前端界面和实时数据更新。以下是一个详细的部署过程，涵盖从代码编写到服务器部署的完整步骤。1.系统架构概述后端：使用Flask提供RESTfulAPI和数据处理服务。前端：使用PlotlyDash构建动态界面，实时显示股票价格走势。数据源：从金融数据API（如AlphaVantage、YahooFinance）获取实时数据。2.系统开发步骤2.1安装必</div>
</li>
<li><a href="/article/1891563911170289664.htm"
title="uniapp uni-icons组件自定义图标" target="_blank">uniapp uni-icons组件自定义图标</a>
<span class="text-muted">xcLeigh</span>
<a class="tag" taget="_blank" href="/search/uniapp%E6%8A%80%E6%9C%AF%E7%82%B9%E8%A7%A3%E6%9E%90/1.htm">uniapp技术点解析</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>文章目录1️⃣uni-icons组件1.1引用位置1.2FontEditor简介1.2FontEditor使用结束语优质源码分享uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。1️⃣uni-icons组件1.1引用位置1.2FontEditor简介Fo</div>
</li>
<li><a href="/article/1891532477491638272.htm"
title="【最新】沃德协会管理系统源码+uniapp前端+环境教程" target="_blank">【最新】沃德协会管理系统源码+uniapp前端+环境教程</a>
<span class="text-muted">kaui52066</span>
<a class="tag" taget="_blank" href="/search/kaui52066%E7%B2%BE%E5%93%81%E6%BA%90%E7%A0%81/1.htm">kaui52066精品源码</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a>
<div>一.系统介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的商协会系统，新一代数字化商协会运营管理系统，以“智慧化会员体系、智敏化内容运营、智能化活动构建”三大板块为基点，实施功能全场景覆盖，一站式解决商协会需求壁垒，有效快速建立自有数字化管理体系、提升组织管理效能、增强会员粘性、沟通连接市场，真正做到为构建有影响力的现代化智慧型组织赋能。二.测试环境系统环境：CentOS、运行环</div>
</li>
<li><a href="/article/1891506595242766336.htm"
title="用AI提升电商平台的客户体验：从个性化推荐到智能客服" target="_blank">用AI提升电商平台的客户体验：从个性化推荐到智能客服</a>
<span class="text-muted">Echo_Wish</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E6%B2%BF%E6%8A%80%E6%9C%AF/1.htm">前沿技术</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>用AI提升电商平台的客户体验：从个性化推荐到智能客服随着电商行业的竞争日益激烈，如何在海量商品中脱颖而出，吸引和保持客户的关注，成为平台生存和发展的关键。而在这场竞争中，人工智能（AI）正在发挥着越来越重要的作用。AI不仅可以优化电商平台的后台操作，还能在前端提供更为个性化、智能化的客户体验，让消费者感受到前所未有的便捷与高效。本文将从个性化推荐、智能客服、智能搜索等方面，详细探讨如何通过AI技术</div>
</li>
<li><a href="/article/1891501925036257280.htm"
title="HTML、Vue和PHP文件的区别与联系" target="_blank">HTML、Vue和PHP文件的区别与联系</a>
<span class="text-muted">生信天地</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a>
<div>一、核心区别类型性质执行环境功能特点.html静态标记语言浏览器直接解析定义页面结构和内容，无逻辑处理能力.vue前端框架组件文件浏览器/构建工具整合HTML模板+JS逻辑+CSS样式，支持动态数据绑定和组件化开发.php服务器端脚本语言文件Web服务器执行动态生成HTML内容，支持数据库操作和业务逻辑处理二、联系与协作PHP与HTMLPHP文件通过标签嵌入HTML，服务器执行PHP代码后输出纯H</div>
</li>
<li><a href="/article/1891490057295032320.htm"
title="阿里云视频点播，基于thinkphp8上传视频" target="_blank">阿里云视频点播，基于thinkphp8上传视频</a>
<span class="text-muted">quweiie</span>
<a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E4%BA%91/1.htm">阿里云</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a>
<div>前端参考官方示例(jQuery版)阿里云JavaScript上传SDKDemo(使用jquery).container{width:1200px;margin:0auto;}.input-control{margin:5px0;}.input-controllabel{font-size:14px;color:#333;width:30%;text-align:right;display:inli</div>
</li>
<li><a href="/article/1891475667967602688.htm"
title="从零开始：Django + MySQL + Vue 打造在线Demo下载平台" target="_blank">从零开始：Django + MySQL + Vue 打造在线Demo下载平台</a>
<span class="text-muted">阮懿同</span>
<div>从零开始：Django+MySQL+Vue打造在线Demo下载平台【下载地址】DjangoMySQLVue从零开始打造在线Demo下载平台Django+MySQL+Vue从零开始打造在线Demo下载平台本仓库提供了一套完整的前后端实战项目源码，带你全面学习和掌握在Django后端框架和Vue前端框架下，如何协作开发并部署一个功能完备的在线Demo下载网站项目地址:https://gitcode.c</div>
</li>
<li><a href="/article/1891464067789418496.htm"
title="干货：DeepSeek+SpringAI实现流式对话！" target="_blank">干货：DeepSeek+SpringAI实现流式对话！</a>
<span class="text-muted">液态不合群</span>
<a class="tag" taget="_blank" href="/search/deepseek/1.htm">deepseek</a>
<div>前面一篇文章我们实现了《炸裂：SpringAI内置DeepSeek啦！》，但是大模型的响应速度通常是很慢的，为了避免用户用户能够耐心等待输出的结果，我们通常会使用流式输出一点点将结果输出给用户。那么问题来了，想要实现流式结果输出，后端和前端要如何配合？后端要使用什么技术实现流式输出呢？接下来本文给出具体的实现代码，先看最终实现效果：解决方案在SpringBoot中实现流式输出可以使用Sse（Ser</div>
</li>
<li><a href="/article/1891447419208527872.htm"
title="html如何使多张图片滑动不卡顿,Web端大量图片同时加载卡顿问题的优化方案" target="_blank">html如何使多张图片滑动不卡顿,Web端大量图片同时加载卡顿问题的优化方案</a>
<span class="text-muted">kisserkook</span>
<div>案例由于业务的需要，需求方需要实现一个大量图片同时加载的需求。在实现这个需求的过程中，可能会遇到很多的坑，这里小编也总结了一些优化方案，我们可以一起来看看。具体场景在描述如何解决问题，我们现在先来申明，问题是什么？需求的主要内容是在某个页面显示1~1000张，200~500k大小的图。好消息是这些图片来源于本地硬盘而非网络。(否则这个问题就要变成优化网络....)踩坑历程由于不是纯前端的项目，笔者</div>
</li>
<li><a href="/article/1891444013068775424.htm"
title="计算机学习建议" target="_blank">计算机学习建议</a>
<span class="text-muted">qincjun</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>对于现代得计算机开发者而言；最快的是要见到成效；这是一个功利性的社会；对于99%的人来说，先保证自己可以在社会上活下去才是最重要的；而不是追求梦想；一、职业Web前端：HTML、CSS、JavaScript、Vue3框架、React框架等；客户端：C#后端：(C语言、C++)或者Java数据库：MySQL之类的数据库操作；算法工程师：算法相关书籍；架构师：Linux相关；并做过前后端请一定要想好去</div>
</li>
<li><a href="/article/1891433917383241728.htm"
title="RK3588+昇腾AI｜40TOPS算力AI盒子设计方案" target="_blank">RK3588+昇腾AI｜40TOPS算力AI盒子设计方案</a>
<span class="text-muted">ARM+FPGA+AI工业主板定制专家</span>
<a class="tag" taget="_blank" href="/search/AI%E7%9B%92%E5%AD%90/1.htm">AI盒子</a><a class="tag" taget="_blank" href="/search/%E7%91%9E%E8%8A%AF%E5%BE%AE/1.htm">瑞芯微</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>综合视频智能AI分析系统介绍以计算机视觉技术为基础，AI赋能千行百业，依托人工智能视觉分析技术以及强大的“端+边”算力支撑，实时分析烟火，入侵等事件，同时结合云上预警业务平台，实现事件发现、预警、处置全流程闭环。设计架构系统架构视频智能识别系统自下而上分为“感知层、网络层、支撑层、应用层”四层，系统逻辑架构如下图所示：感知层对接前端感知设备，如视频监控、NVR、和其他物联感知设备，对重要通道和场所</div>
</li>
<li><a href="/article/1891431396069666816.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/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a>
<div>前端优化是提升网页性能、提升用户体验和降低服务器负担的重要手段。可以从多个角度入手，以下是一些常见的优化方向和方案：1.性能优化减少请求数量：尽量减少页面加载时发起的HTTP请求，例如使用合并文件（CSS和JS）、减少图片的请求。使用懒加载（LazyLoading）：对于图片、视频或组件，可以采用懒加载的方式，只有当用户需要时才加载。代码拆分（CodeSplitting）：使用Webpack或类似</div>
</li>
<li><a href="/article/1891431016753590272.htm"
title="用vue3写一个好看的wiki前端页面" target="_blank">用vue3写一个好看的wiki前端页面</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/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>以下是一个使用Vue3+ElementPlus实现的Wiki风格前端页面示例，包含现代设计、响应式布局和常用功能：TechWiki开发文档快速开始API参考部署指南数据分析数据规范可视化指南{{currentDoc.title}}草稿import{ref,reactive,computed}from'vue'import{marked}from'marked'importDOMPurifyfrom</div>
</li>
<li><a href="/article/1891419025662078976.htm"
title="swagger使用指引" target="_blank">swagger使用指引</a>
<span class="text-muted">MA_Y_</span>
<a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a>
<div>1.swagger介绍在前后端分离开发中通常由后端程序员设计接口，完成后需要编写接口文档，最后将文档交给前端工程师，前端工程师参考文档进行开发。可以通过一些工具快速生成接口文档，本项目通过Swagger生成接口在线文档。什么是Swagger？OpenAPI规范（OpenAPISpecification简称OAS）是Linux基金会的一个项目，试图通过定义一种用来描述API格式或API定义的语言，来</div>
</li>
<li><a href="/article/1891418268934139904.htm"
title="前端面试题常考汇总1" target="_blank">前端面试题常考汇总1</a>
<span class="text-muted">RayFars</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>JS部分1.解释JavaScript中的闭包，并举例说明其应用场景闭包是指函数能够记住并访问它的词法作用域，即使这个函数在词法作用域之外执行。应用场景：数据隐藏：通过闭包，可以创建私有变量，只通过特定的函数来访问和修改这些变量。回调函数和事件处理：闭包常用于设置回调函数，因为回调函数需要访问其外部函数的变量。functioncreateCounter(){letcount=0;returnfunc</div>
</li>
<li><a href="/article/1891407802275000320.htm"
title="前端知识速记--css篇：CSS3中的常见动画及实现方式" target="_blank">前端知识速记--css篇：CSS3中的常见动画及实现方式</a>
<span class="text-muted">无限大.</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E9%80%9F%E8%AE%B0/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/css3/1.htm">css3</a>
<div>前端知识速记–css篇：CSS3中的常见动画及实现方式常见的CSS3动画1.过渡(Transitions)过渡是一种非常简单的动画效果，允许你在元素的状态变更时平滑过渡到新状态。语法格式：transition:propertydurationtiming-functiondelay;property：指定要过渡的CSS属性，例如background-color。duration：过渡的持续时间，例</div>
</li>
<li><a href="/article/1891360490878201856.htm"
title="本地部署model scope魔搭大模型流程" target="_blank">本地部署model scope魔搭大模型流程</a>
<span class="text-muted">CQller</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/jupyter/1.htm">jupyter</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a>
<div>一、安装python二、安装Gradio三、添加镜像加速四、运行字符串倒叙五、运行绘图六、安装常用软件包和库七、我目前使用的软件包和库简介八、文字生成图片AI模型九、文字回复AI模型一、安装python可参考安装步骤：python学习笔记-python安装与环境变量配置_python环境变量-CSDN博客二、安装Gradio在cmd执行以下命令。Gradio封装了功能丰富的前端用户界面，一会儿用来</div>
</li>
<li><a href="/article/1891353060706414592.htm"
title="springboot项目配置https" target="_blank">springboot项目配置https</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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/jar/1.htm">jar</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
<div>1，必须去服务商购买一个ssl证书。2，以我想的是这个域名的8080端口当前端，8070当后端，3，前端配置简单直接去下载nginx证书把里面的key和证书粘到对应位置即可（用宝塔简单）4.springboot后端服务（下载Tomcat证书）按照这个方法https://blog.csdn.net/baidu_37302589/article/details/100692957配置端口配置成我需要的</div>
</li>
<li><a href="/article/1891350284202995712.htm"
title="java web 项目中封装的下拉列表小组件：实现下拉列表使用者前后端0行代码 ..." target="_blank">java web 项目中封装的下拉列表小组件：实现下拉列表使用者前后端0行代码 ...</a>
<span class="text-muted">weixin_34383618</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a>
<div>导读：主要从4个方面来阐述，1：背景；2：思路；3：代码实现；4：使用一：封装背景像easyui之类的纯前端组件，也有下拉列表组件，但是使用的时候，每个下拉列表，要配一个URL,以及设置URL反回来的值和select的text，和value的对应关系，这有2个问题：一使用者必须知道URL，二，如果页面有10个下拉表表，要请求后台10次，肯定影响性能，而我想要的是使用者只要申明用哪个数据字典就行了，</div>
</li>
<li><a href="/article/1891345743520788480.htm"
title="《深入浅出LLM基础篇》（三）：大模型结构分类" target="_blank">《深入浅出LLM基础篇》（三）：大模型结构分类</a>
<span class="text-muted">GoAI</span>
<a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%85%A5%E6%B5%85%E5%87%BALLM/1.htm">深入浅出LLM</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%85%A5%E6%B5%85%E5%87%BAAI/1.htm">深入浅出AI</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86NLP/1.htm">自然语言处理NLP</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a>
<div>AI学习星球推荐：GoAI的学习社区知识星球是一个致力于提供《机器学习|深度学习|CV|NLP|大模型|多模态|AIGC》各个最新AI方向综述、论文等成体系的学习资料，配有全面而有深度的专栏内容，包括不限于前沿论文解读、资料共享、行业最新动态以、实践教程、求职相关（简历撰写技巧、面经资料与心得）多方面综合学习平台，强烈推荐AI小白及AI爱好者学习，性价比非常高！加入星球➡️点击链接✨专栏介</div>
</li>
<li><a href="/article/1891325943818022912.htm"
title="前端面试题2（vue3）" target="_blank">前端面试题2（vue3）</a>
<span class="text-muted">GIS-CL</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前端面试题</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>1.Vue3中的CompositionAPI是什么？与OptionsAPI的区别是什么？答案：CompositionAPI是Vue3引入的一种新的编程模型，它允许开发者以更灵活和模块化的方式组织代码。与传统的OptionsAPI相比，CompositionAPI通过setup()函数集中管理组件的状态和行为，使得逻辑复用和代码组织变得更加容易。OptionsAPI：在Vue2中广泛使用，通过dat</div>
</li>
<li><a href="/article/1891322918294581248.htm"
title="如何构建高效的 Vue 3 前端项目结构" target="_blank">如何构建高效的 Vue 3 前端项目结构</a>
<span class="text-muted">东锋1.3</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.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>
<div>假如你正在深入开发一个Vue项目，起初一切感觉顺畅简单。但随着应用的增长，你的文件夹开始泛滥，组件变得混乱，寻找文件就像大海捞针。听起来熟悉吗？其实你并不孤单。一个有组织的文件结构是可扩展、可维护和高效前端开发的支柱。但关键问题是：没有一种放之四海而皆准的结构。完美的设置取决于你的项目规模、复杂性和团队动态。那么，如何开始呢？如何平衡简单性和可扩展性？在这篇文章中，我将分解Vue3项目的最优文件结</div>
</li>
<li><a href="/article/1891322538965921792.htm"
title="Cursor前端开发提示词分享" target="_blank">Cursor前端开发提示词分享</a>
<span class="text-muted">前端程序猿i</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>点击设置将提示词复制黏贴进输入框里即可Alwaysrespondin中文DONOTGIVEMEHIGHLEVELSTUFF,IFIASKFORFIXOREXPLANATION,IWANTACTUALCODEOREXPLANATION!!!IDON'TWANT"Here'showyoucanblablabla"-Youareaseniorfrontendengineer.-Ifcommandsnee</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>