菜菜要要努力

前端基础知识

一、脚本script

定义：脚本简单地说就是一条条的文字命令，这些文字命令是可以看到的，脚本程序在执行时，是由系统的一个解释器，将其一条条的翻译成机器可识别的指令，并按程序顺序执行

作用：可以由应用程序临时调用并执行，各类脚本被广泛地应用于网页设计中，因为脚本不仅可以减小网页的规模和提高网页浏览速度，而且可以丰富网页的表现，如动画，声音

例子：点击网页上的Email地址时，能自动调用Outlook Express或Foxmail这类邮箱软件，就是通过脚本功能来实现的。（点击哪里跳转哪里）

二、元信息meta

元信息是关于信息的信息，用于描述信息的结构、语义、用途和用法等。元信息允许服务器提供所发送数据的信息

三、HTML 标签

HTML 文档和 HTML 元素是通过 HTML 标签进行标记的

HTML 标签由开始标签和结束标签组成

开始标签是被括号包围的元素名

结束标签是被括号包围的斜杠和元素名

某些 HTML 元素没有结束标签，比如

1、Head

元素是所有头部元素的容器。内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。

以下标签都可以添加到 head 部分：</span><span style="color:#FF0000;">、</span><span style="color:#FF0000;"><base></span><span style="color:#FF0000;">、</span><span style="color:#FF0000;"><link></span><span style="color:#FF0000;">、</span><span style="color:#FF0000;"><meta></span><span style="color:#FF0000;">、</span><span style="color:#FF0000;"><script> </span><span style="color:#FF0000;">以及</span><span style="color:#FF0000;"> <style></span><span style="color:#FF0000;">。</span></p> <h5 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;">1）HTML <title> 元素 </span></h5> <p style="margin-left:0;text-align:justify;"><title> 标签定义文档的标题。</p> <h5 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;">2）HTML <base> 元素 </span></h5> <p style="margin-left:0;text-align:justify;"><base> 标签为页面上的所有链接规定默认地址或默认目标（target）：</p> <pre><code class="language-html"><base href="http://www.runnob.com/image" target="clock"></code></pre> <h5 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;">3）HTML <link> 元素 </span></h5> <p style="margin-left:0;text-align:justify;"><link> 标签定义文档与外部资源之间的关系。</p> <pre><code class="language-html"><link rel="stylesheet" type="text/css" href="mystyle.css"></code></pre> <h5 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;">4）HTML <style> 元素</span> </h5> <p style="margin-left:0;text-align:justify;"><style> 标签用于为 HTML 文档定义样式信息。</p> <pre><code class="language-html"><style type="text/css"> p{ font-size:24px; color:blue; text-indent:2em; } </style> </code></pre> <h5 style="background-color:transparent;margin-left:0px;text-align:left;"><span style="color:#0d0016;">5）HTML<font> </span></h5> <p style="margin-left:0;text-align:left;">规定文本的字体、字体尺寸、字体颜色。</p> <h5 style="margin-left:0px;text-align:left;"><span style="color:#0d0016;">6）HTML <script> 元素 </span></h5> <p style="margin-left:0;text-align:left;"><script>标签用于加载脚本文件</p> <h5 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;">7）HTML<style>元素</span></h5> <p style="margin-left:0;text-align:justify;"><span style="color:#0070c0;"><meta charset="UTF-8"> </span> </p> <p style="margin-left:0;text-align:justify;">charset 属性规定 HTML 文档的字符编码。</p> <p style="margin-left:0;text-align:justify;">常用的值：UTF-8 - Unicode 字符编码 ISO-8859-1 - 拉丁字母表的字符编码 </p> <p> </p> <pre><code class="language-html"><meta http-equiv="参数" content="参数变量值" /></code></pre> <p style="margin-left:0;text-align:justify;"><span style="color:#000000;">http-equiv属性主要有以下几种参数：</span></p> <pre><code class="language-html"><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /></code></pre> <blockquote> <p style="margin-left:0cm;"><span style="background-color:#FFFFFF;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">content-Type(</span></span><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">显示字符集的设定)<br> 说明：设定页面使用的字符集。<br> 用法：＜meta http-equiv=“content-Type” content="text/html; charset=gb2312"＞</span></span></span></p> </blockquote> <pre><code class="language-html"><meta http-equiv="Cache-Control" content="no-cache"/></code></pre> <blockquote> <p style="margin-left:0cm;"><span style="background-color:#FFFFFF;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">清除缓存（再访问这个网站要重新下载！）</span></span></span></p> <p style="margin-left:0cm;"><span style="background-color:#FFFFFF;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">Cache-Control</span></span><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">头域<br> Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下<br> Public指示响应可被任何缓存区缓存<br> Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效<br> no-cache指示请求或响应消息不能缓存<br> no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。<br> max-age指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应<br> min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应<br> max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。</span></span></span></p> </blockquote> <pre><code class="language-html"><meta http-equiv="Expires" content="0"/></code></pre> <blockquote> <p style="margin-left:0cm;"><span style="background-color:#FFFFFF;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">设定网页的到期时间</span></span></span></p> </blockquote> <pre><code class="language-html"><meta http-equiv="Pragma" content="no-cache"/></code></pre> <blockquote> <p style="margin-left:0cm;"><span style="background-color:#FFFFFF;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出</span></span></span></p> </blockquote> <pre><code class="language-html">＜meta http-equiv="Refresh" content="2 URL=http://www.NET.cn/"＞</code></pre> <blockquote> <p style="margin-left:0cm;"><span style="background-color:#FFFFFF;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">Refresh(</span></span><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">刷新)<br> 说明：自动刷新并指向新页面。</span></span></span></p> </blockquote> <pre><code class="language-html"><meta http-equiv="Cache-Control" content="no-store"/></code></pre> <blockquote> <p style="margin-left:0cm;"><span style="background-color:#FFFFFF;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">强制缓存在任何情况下都不要保留任何副本</span></span></span></p> </blockquote> <pre><code class="language-html"><meta http-equiv="Pics-label" contect=""></code></pre> <blockquote> <p style="margin-left:0cm;"><span style="background-color:#FFFFFF;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">Pics-label(</span></span><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">网页等级评定)</span></span></span></p> </blockquote> <pre><code class="language-html"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"></code></pre> <blockquote> <p style="margin-left:0cm;"><span style="background-color:#FFFFFF;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">关键字,给搜索引擎用的</span></span></span></p> </blockquote> <p style="margin-left:0cm;"><a href="http://img.e-com-net.com/image/info8/b45344db96864c8a934869fae04db2ab.jpg" target="_blank"><img alt="前端基础知识_第1张图片" height="631" src="http://img.e-com-net.com/image/info8/b45344db96864c8a934869fae04db2ab.jpg" width="650" style="border:1px solid black;"></a></p> <h3 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#fdfcf8;">2、Body</span></span></h3> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#fdfcf8;">1）HTML </span><span style="background-color:#fdfcf8;">标题（Heading）</span></span></h4> <p style="margin-left:0;text-align:justify;"><span style="background-color:#fdfcf8;"><span style="color:#000000;">通过 <h1> - <h6> 等标签进行定义的。</span></span></p> <pre><code class="language-html"><h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p></code></pre> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;">2）HTML 链接</span></h4> <p style="margin-left:0;text-align:justify;">通过 <a> 标签进行定义的。</p> <pre><code class="language-html"><a href="http://www.w3school.com.cn">This is a link</a> </code></pre> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;">3）HTML 图像</span></h4> <p style="margin-left:0;text-align:justify;">通过 <img> 标签进行定义的。</p> <pre><code class="language-html"><img src="w3school.jpg" width="104" height="142" /></code></pre> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;">4）HTML 段落</span></h4> <p style="margin-left:0;text-align:justify;">是通过 <p> 标签进行定义的。</p> <pre><code class="language-html"><p>这是段落。</p> </code></pre> <p> </p> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;">5）HTML<body>标签</span></h4> <p style="margin-left:0;text-align:justify;"><span style="color:#0d0016;">alink 规定文档中活动链接（active link）的的颜色。</span></p> <p style="margin-left:0;text-align:justify;"><span style="color:#0d0016;">background + 图片地址规定文档的背景图像。</span></p> <p style="margin-left:0;text-align:justify;"><span style="color:#fe2c24;">为了不重复要这样 </span></p> <p style="margin-left:0;text-align:justify;"><span style="color:#fe2c24;">background-image:url(图片地址);</span></p> <p style="margin-left:0;text-align:justify;"><span style="color:#fe2c24;">绝对路径要 /</span></p> <p style="margin-left:0;text-align:justify;"><span style="color:#fe2c24;">相对路径要 \</span></p> <p style="margin-left:0;text-align:justify;"><span style="color:#1a439c;">bgcolor + 颜色 </span><span style="color:#0000FF;"> </span>规定文档的背景颜色。</p> <pre><code class="language-html"><body bgcolor="yellow"></code></pre> <p style="margin-left:0;text-align:justify;"><span style="color:#2f5496;">link </span>规定文档中未访问链接的默认颜色。</p> <p style="margin-left:0;text-align:justify;"><span style="color:#2f5496;">text </span>规定文档中所有文本的颜色。</p> <p style="margin-left:0;text-align:justify;"><span style="color:#2f5496;">vlink </span>规定文档中已被访问链接的颜色。</p> <p style="margin-left:0;text-align:justify;"><img alt="" height="19" src="http://img.e-com-net.com/image/info8/b29314da5710457cac6c51d1493a1425.jpg" width="650"></p> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/85f45573d0284a61a4c68f97110d7a5f.jpg" target="_blank"><img alt="前端基础知识_第2张图片" height="163" src="http://img.e-com-net.com/image/info8/85f45573d0284a61a4c68f97110d7a5f.jpg" width="650" style="border:1px solid black;"></a></p> <h4 style="margin-left:0px;text-align:left;"><span style="color:#0d0016;">6）HTML <br> 标签</span></h4> <p style="margin-left:0;text-align:justify;">换行。</p> <p style="margin-left:0;text-align:justify;"><span style="background-color:#fdfcf8;"><span style="color:#2e74b5;"><br> </span></span><span style="background-color:#fdfcf8;"><span style="color:#2e74b5;">标签是空标签</span></span><span style="background-color:#fdfcf8;"><span style="color:#000000;">（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。</span></span></p> <h4 style="background-color:transparent;margin-left:0px;text-align:left;"><span style="color:#0d0016;">7）HTML <form> 标签</span></h4> <p style="margin-left:0;text-align:left;"><form> 标签用于为用户输入创建 HTML 表单。</p> <p style="margin-left:0;text-align:left;">表单能够包含 <span style="color:#2e74b5;">input </span><span style="color:#2e74b5;">元素</span>，比如文本字段、复选框、单选框、提交按钮等等。</p> <p style="margin-left:0;text-align:left;">表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。</p> <p style="margin-left:0;text-align:left;">表单用于向服务器传输数据。</p> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/9d286cce8eb8438e81f33091fb503acb.jpg" target="_blank"><img alt="前端基础知识_第3张图片" height="400" src="http://img.e-com-net.com/image/info8/9d286cce8eb8438e81f33091fb503acb.jpg" width="650" style="border:1px solid black;"></a></p> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/5eef7836d9804026ae73e710dae47351.jpg" target="_blank"><img alt="前端基础知识_第4张图片" height="236" src="http://img.e-com-net.com/image/info8/5eef7836d9804026ae73e710dae47351.jpg" width="650" style="border:1px solid black;"></a></p> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;">8）HTML <ul> 标签</span></h4> <p style="margin-left:0;text-align:justify;"><ul> 标签定义无序列表。</p> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/af422759ed984ae98642e91c2c4c9b38.jpg" target="_blank"><img alt="前端基础知识_第5张图片" height="198" src="http://img.e-com-net.com/image/info8/af422759ed984ae98642e91c2c4c9b38.jpg" width="308" style="border:1px solid black;"></a></p> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/a605be99603243f1a1dcc089b8944c05.jpg" target="_blank"><img alt="前端基础知识_第6张图片" height="192" src="http://img.e-com-net.com/image/info8/a605be99603243f1a1dcc089b8944c05.jpg" width="174" style="border:1px solid black;"></a></p> <p style="margin-left:0;text-align:left;"><strong><span style="color:#FF0000;">在标签里加入额外信息，进行修饰</span></strong></p> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/b6564d4e6b6848c48665defebce920ce.jpg" target="_blank"><img alt="" height="90" src="http://img.e-com-net.com/image/info8/b6564d4e6b6848c48665defebce920ce.jpg" width="650"></a></p> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/3bbd956990eb4ded8c23aae709d3e6c1.jpg" target="_blank"><img alt="" height="89" src="http://img.e-com-net.com/image/info8/3bbd956990eb4ded8c23aae709d3e6c1.jpg" width="650"></a></p> <p style="margin-left:0;text-align:justify;"><strong><span style="color:#FF0000;">修饰的内容（插入到段落里）</span></strong></p> <ol> <li style="text-align:justify;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">语法：</span></span><code><span style="background-color:#FFFF00;"><span style="color:#c7254e;"><align=</span></span></code><code><span style="background-color:#FFFF00;"><span style="color:#c7254e;">对齐方式></span></span></code><br><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">align</span></span><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">属性需要设置在标题标记的后面。常见的对齐方式的取值由left，center，right。</span></span></li> </ol> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;">9）<span style="background-color:#FFFFFF;">HTML< font ></span><span style="background-color:#FFFFFF;">标记</span></span></h4> <p style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">用来控制字体、字号和颜色等属性</span></span><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">：</span></span></p> <p style="margin-left:0;text-align:justify;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">设置的字体效果必须在浏览器中安装相应的字体后才可以正确浏览</span></span></p> <pre><code class="language-html"><font family=”字体样式”>......</font></code></pre> <p style="margin-left:0;text-align:justify;"> <span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">size</span></span><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">属性用来设置字体的大小，它有绝对和相对两种方式。从1到7的整数，代表字体大小的绝对字号。从-4到+4的整数，字体相对于3号放大和缩小字号。</span></span></p> <pre><code class="language-html"><font size=”文字字号”>......</font></code></pre> <p style="margin-left:0;text-align:justify;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">通过不同的颜色表现不同的文字效果</span></span></p> <pre><code class="language-html"><font color=”字体颜色”>......</font></code></pre> <h4 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">10）加粗文字</span></span></h4> <pre><code class="language-html"><b>加粗的文字</b> <strong>加粗的文字</strong></code></pre> <p style="margin-left:0;text-align:justify;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">在< b >和< /b >之间的文字或在< strong >和< /strong >之间的文字，在浏览器中都会以粗体字体显示。该元素的首尾部分都是必须的，如果没有结尾标记，则浏览器会认为从< b>开始的所有字体都是粗体</span></span></p> <ol> <li> <h4 style="background-color:transparent;margin-left:0cm;"><span style="background-color:#FFFFFF;"><span style="color:#0d0016;">11）<span style="background-color:#FFFFFF;">斜体标记i、em、cite</span></span></span></h4> </li> </ol> <pre><code class="language-html"><i>斜体文字</i> <em>斜体文字</em> <cite>斜体文字</cite></code></pre> <p> </p> <h4 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">12）上标标记sup和下标标记sub</span></span></h4> <pre><code class="language-html"><sup>上标的内容</sup></code></pre> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;">13）<span style="background-color:#FFFFFF;">大字号标记big和小字号标记small</span></span></h4> <pre><code class="language-html"><big>大字号内容</big> <small>小字号内容</small></code></pre> <p style="margin-left:0;text-align:justify;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">Big</span></span><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">标记用来增大文本中字号的大小，它所包含的文字都会在原来的字号上增加一级。如果由多个< big >元素作用于同一个文本，则字号会被逐级增大</span></span></p> <h4 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;">14）<span style="background-color:#FFFFFF;">下划线标记</span></span></h4> <pre><code class="language-html"><u>下划线的内容</u></code></pre> <h4 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;">15）<span style="background-color:#FFFFFF;">插入空格</span></span></h4> <pre><code class="language-html"> </code></pre> <h4 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">16）</span><span style="background-color:#FFFFFF;">插入特殊符号</span></span></h4> <p style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="background-color:#FFFFFF;"><span style="color:#4d4d4d;">一般情况下，特殊符号的代码由<span style="background-color:#FFFF00;">前缀“&”、字符名称和后缀“；”</span>组成。使用方法与空格符号类似</span></span></p> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">17）</span><span style="background-color:#FFFFFF;">给字体加下划线及颜色以及所在字体颜色</span></span></h4> <pre><code class="language-html"><span style="border-bottom:1px soild下划线颜色;line-height:30px" > <font color="字体颜色">字体</font> </span></code></pre> <h4 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">18）设置警告消息框</span></span></h4> <pre><code class="language-html"> <script> window.onload = function(){ alert("文本内容"); } </script></code></pre> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;">19）<span style="background-color:#FFFFFF;">style</span><span style="background-color:#FFFFFF;">标签里面的属性</span></span></h4> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/b61f42a239bc46118e94d2fdf866d4b0.jpg" target="_blank"><img alt="" height="98" src="http://img.e-com-net.com/image/info8/b61f42a239bc46118e94d2fdf866d4b0.jpg" width="650"></a></p> <p style="margin-left:0;text-align:justify;"><span style="background-color:#FFFFFF;"><span style="color:#FF0000;">在里面对其</span></span><span style="background-color:#FFFFFF;"><span style="color:#FF0000;">h</span></span><span style="background-color:#FFFFFF;"><span style="color:#FF0000;">、</span></span><span style="background-color:#FFFFFF;"><span style="color:#FF0000;">p</span></span><span style="background-color:#FFFFFF;"><span style="color:#FF0000;">进行设置以方便对下面的</span></span><span style="background-color:#FFFFFF;"><span style="color:#FF0000;">body</span></span><span style="background-color:#FFFFFF;"><span style="color:#FF0000;">标签进行设置</span></span></p> <h4 style="margin-left:0px;text-align:left;">20）div标签</h4> <p style="text-align:left;"><span style="color:#FF0000;">将文档中的一个部分会显示为特定颜色</span></p> <p style="margin-left:0;text-align:left;"><div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。<span style="color:#FF0000;">可以通过 <div> 的 class 或 id 应用额外的样式</span>。</p> <p style="margin-left:0;text-align:left;"><span style="color:#FF0000;">不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。</span></p> <p style="margin-left:0;text-align:left;">class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。</p> <p style="margin-left:0;text-align:left;"><span style="color:#c45911;">要在body用的话 id=“”在head的div前加# class=“”在head的div前加.</span></p> <p style="margin-left:0;text-align:left;"></p> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/48e42612b21a4f6dab75f42da8ef8eb9.jpg" target="_blank"><img alt="前端基础知识_第7张图片" height="205" src="http://img.e-com-net.com/image/info8/48e42612b21a4f6dab75f42da8ef8eb9.jpg" width="650" style="border:1px solid black;"></a></p> <p style="margin-left:0;text-align:justify;">21）缩进</p> <p style="margin-left:0;text-align:justify;"><span style="background-color:#FFFFFF;"><span style="color:#000000;">text-indent</span></span></p> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/54a5ca11372e47b9bb6735e203a6a822.jpg" target="_blank"><img alt="" height="95" src="http://img.e-com-net.com/image/info8/54a5ca11372e47b9bb6735e203a6a822.jpg" width="239"></a></p> <h4 style="background-color:transparent;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">21）Font - size</span></span></h4> <p style="margin-left:0;text-align:justify;"><span style="background-color:#FFFFFF;"><span style="color:#000000;">表示字体大小</span></span></p> <h4 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">22）设置边界</span></span></h4> <p style="margin-left:0;text-align:justify;"><span style="background-color:#FFFFFF;"><span style="color:#000000;">左边距 leftmargin</span></span></p> <p style="margin-left:0;text-align:justify;"><span style="color:#333333;">上边距 topmargin</span></p> <p style="margin-left:0;text-align:justify;"><strong><span style="color:#FF0000;">可直接写出margin：0 auto 0 10px 代表了上0 右自动下0 左10</span></strong></p> <h4 style="text-align:justify;"><span style="color:#0d0016;"><strong>23）注释</strong></span></h4> <p style="margin-left:0;text-align:justify;"><strong><span style="color:#FF0000;"><comment></span></strong><strong>标签用于在HTML源代码中插入注释。浏览器在呈现网页时将忽略注释。你可以用注释来解释你的代码，以便日后读懂并修改代码。</strong></p> <p style="margin-left:0;text-align:justify;"><strong>相当于<span style="color:#FF0000;"><! --.........-- ></span></strong></p> <h4 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">24）强调</span></span></h4> <pre><code class="language-html"><strong></strong></code></pre> <h4 style="margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><strong><span style="background-color:#FFFFFF;">25）设置边框</span></strong></span></h4> <pre><code class="language-html">border:1px solid #cccfff 代表粗细为1px、实线、颜色为#cccfff</code></pre> <h4 style="background-color:transparent;margin-left:0px;text-align:justify;"><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">26）拼音在字上面注释</span></span></h4> <pre><code class="language-html">软<rt>ruan</rt>件<rt>jian</rt>工<rt>gong</rt>程<rt>cheng</rt></ruby></code></pre> <ol> <li style="text-align:justify;"> <h4><span style="color:#0d0016;"><span style="background-color:#FFFFFF;">27）<ol></span><span style="background-color:#FFFFFF;">有序列表</span></span></h4> </li> </ol> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/886ee35eed3e4e4b964257b305f70639.jpg" target="_blank"><img alt="前端基础知识_第8张图片" height="292" src="http://img.e-com-net.com/image/info8/886ee35eed3e4e4b964257b305f70639.jpg" width="650" style="border:1px solid black;"></a></p> <h4 style="margin-left:0px;text-align:left;"><span style="color:#0d0016;">28）<dl>定义列表</span></h4> <p style="margin-left:0;text-align:left;"><a href="http://img.e-com-net.com/image/info8/4b5112fdc9c34f33ac62aa0aebf9f40e.jpg" target="_blank"><img alt="前端基础知识_第9张图片" height="201" src="http://img.e-com-net.com/image/info8/4b5112fdc9c34f33ac62aa0aebf9f40e.jpg" width="650" style="border:1px solid black;"></a></p> <p style="margin-left:0;text-align:justify;"></p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1745813014587654144"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端,html)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1902699520030994432.htm" title="前端面经分享（25/03/18）" target="_blank">前端面经分享（25/03/18）</a> <span class="text-muted">CreatorRay</span> <a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/%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/%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><a class="tag" taget="_blank" href="/search/react/1.htm">react</a> <div>北京一家做边缘云服务提供商公司，技术一面，15k-20k，要求3-5年上家公司的项目为什么会选择MQTT进行通信React常用Hook为什么React不能在条件语句里用Hook前端常见的优化策略React如何捕获子组件的错误React给节点加key会有什么效果最近俩家公司都用WebSocket做了什么HTTP各个版本的区别跨域的常见解决方案前端常见布局WebSocket和SSE的区别A页面滚动到一</div> </li> <li><a href="/article/1902696998495121408.htm" title="智慧物流数字管理系统设计案例分析" target="_blank">智慧物流数字管理系统设计案例分析</a> <span class="text-muted">UI设计开发服务商</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a> <div>你好，宝子们！艾斯视觉团队在此，我们专注于UI设计和前端开发领域10年有余。非常高兴能与您分享我们的经验和见解。如果您觉得有所帮助，请给予我们支持和关注，并随时私信我们，共同探讨进步！谢谢您的鼓励！随着科技的飞速发展，数字化已经成为现代物流业的重要发展趋势。智慧物流数字管理系统旨在通过先进的技术手段，实现物流信息的实时共享、智能分析和优化决策，从而提高物流效率、降低成本并提升客户满意度。本文将以一</div> </li> <li><a href="/article/1902695734495473664.htm" title="前端面经真题解析10-字节/抖音电商/前端/超详细记录" target="_blank">前端面经真题解析10-字节/抖音电商/前端/超详细记录</a> <span class="text-muted">浪里个浪zxf</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> <div>文章目录1.自我介绍2.介绍下自己的项目3.看你项目里面用了axios,说下请求拦截和响应拦截怎么做？4.说下项目里面前后端交互过程及设计？5.怎么处理切换分页请求数据的，优化手段？6.说下你爬取别人网站数据的时候，别人如果设置了拦截，你的解决方案是？7.你说下http请求的refer字段？**Origin字段：****Referer字段：****Host字段****区别：**8.看你做了路由懒加</div> </li> <li><a href="/article/1902695229501272064.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%B1%82%E8%81%8C%E6%8B%9B%E8%81%98/1.htm">求职招聘</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>网易网易雷火是国内一流且最有创新力的游戏研发团队，是网易杭州的第一个游戏工作室。雷火开创性的打造了《逆水寒》、《永劫无间》、《倩女幽魂》、《全明星街球派对》等一众爆款游戏；并在二次元、FPS、主机游戏等方向上持续探索，《代号：无限大》等在研项目收到玩家广泛关注。与此同时，我们与全球合作伙伴一起共同构建开放、协同、共荣共生的产业生态，致力于让中国游戏走出去，让世界听见雷火声音。雷火还拥有国内专业从事</div> </li> <li><a href="/article/1902694722653188096.htm" title="【万字总结】前端全方位性能优化指南（四）——虚拟DOM批处理、文档碎片池、重排规避" target="_blank">【万字总结】前端全方位性能优化指南（四）——虚拟DOM批处理、文档碎片池、重排规避</a> <span class="text-muted">庸俗今天不摸鱼</span> <a class="tag" taget="_blank" href="/search/Web%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E5%90%88%E9%9B%86/1.htm">Web性能优化合集</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>前言在浏览器宇宙中，DOM操作如同「时空裂缝」——一次不当的节点更新可能引发连锁重排，吞噬整条渲染流水线的性能。本章直面这一核心矛盾，以原子级操作合并、节点记忆重组、排版禁忌破解为三重武器，重构DOM更新的物理法则。通过虚拟DOM的批处理引擎将千次操作坍缩为单次提交，借助文档碎片池实现90%节点的跨时空复用，再以transform替代top等20项反重排铁律，我们将彻底终结「JavaScript线</div> </li> <li><a href="/article/1902694091133612032.htm" title="前端面经分享（25/03/19）" target="_blank">前端面经分享（25/03/19）</a> <span class="text-muted">CreatorRay</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><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>北京一家做协同办公软件出海的公司，技术一面，20k-40k，要求3-5年详细聊了一下上家公司的项目上家公司的项目是不做了吗，离职原因是什么，你觉得公司的这个产品怎么样在做AI类的业务时，作为前端感觉跟常规业务有什么区别详细聊了一下上上家公司的项目细节讲一下项目里用编辑器做了什么事遇到过什么难解决的问题项目里提供的UI自动化的功能是怎么做的聊了一下写博客的事情有没有了解过浏览器底层的东西最近在研究或</div> </li> <li><a href="/article/1902682115355504640.htm" title="常用的pdf技术有哪些？--笔记" target="_blank">常用的pdf技术有哪些？--笔记</a> <span class="text-muted">我不是彭于晏灬</span> <a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>常用的pdf技术有哪些？1.iTextPDF：iText是著名的开放项目，是用于生成PDF文档的一个java类库。通过iText不仅可以生成PDF或rtf的文档，而且可以将XML、Html文件转化为PDF文件。Openoffice：openoffice是开源软件且能在windows和linux平台下运行，可以灵活的将word或者Excel转化为PDF文档。JasperReport：是一个强大、灵活</div> </li> <li><a href="/article/1902676816485740544.htm" title="【VSCode】VSCode常用快捷键" target="_blank">【VSCode】VSCode常用快捷键</a> <span class="text-muted">Ctrl Z.</span> <a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a> <div>！+回车键快速创建html骨架Ctrl+/单行注释（取消）快捷键Alt+Shift+A块注释（取消）快捷键Ctrl+加号代码放大（适合浏览器）Ctrl+减号代码缩小（适合浏览器）Ctrl+Shift+K删除当前行Ctrl+H替换查询下一个/上一个：F3/Shift+F3选中所有出现在查询中的：Alt+EnterCtrl+D匹配当前选中的词汇或者行，再次选中-可操作Shift+Alt+F格式化代码F</div> </li> <li><a href="/article/1902674423505285120.htm" title="【VSCode】VSCode常用插件" target="_blank">【VSCode】VSCode常用插件</a> <span class="text-muted">Ctrl Z.</span> <a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a> <div>Chinese(Simplified)(简体中文)LanguagePackforVisualStudioCode：简体中文支持插件HTML/CSS/JavaScriptSnippets：支持HTML/CSS/JavaScript快速匹配输入HTMLSnippets：这个插件提供了一系列HTML代码片段，通过简单的缩写就可以快速生成常用的HTML结构。例如，输入!并按下Tab键，就可以快速生成一个完</div> </li> <li><a href="/article/1902664210089832448.htm" title="浏览器开发者工具深度调试指南：从入门到高阶技巧" target="_blank">浏览器开发者工具深度调试指南：从入门到高阶技巧</a> <span class="text-muted">109702008</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>浏览器开发者工具（DevTools）是现代前端工程师的"瑞士军刀"，本文将系统解析其核心功能与实战技巧，助您掌握高效调试的终极奥义。一、基础操作与核心功能1.1工具启动方式快捷键：F12（Win/Linux）|Cmd+Opt+I（Mac）右键菜单：网页任意位置右键→检查（Inspect）移动端调试：启用设备模式（Ctrl+Shift+M）1.2核心面板全景图面板名称核心功能快捷键切换Element</div> </li> <li><a href="/article/1902659669063692288.htm" title="《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅" target="_blank">《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅</a> <span class="text-muted">JJCTO袁龙</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>文章标题《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅在前端开发的浪潮中，React.js已经成为开发者们不可或缺的利器。它以其高效、灵活的特性，成为构建现代Web应用的首选框架之一。然而，随着项目复杂度的增加，如何更好地管理状态、优化性能、提升代码可维护性，成为每个开发者必须面对的挑战。幸运的是，我最近出版的《React开发实践：掌握Redux与Hooks应用》这</div> </li> <li><a href="/article/1902659037737054208.htm" title="Webpack常见面试题总结" target="_blank">Webpack常见面试题总结</a> <span class="text-muted">xiangzhihong8</span> <a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/Native/1.htm">Native</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><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>一、谈谈你对Webpack的理解1.1背景Webpack的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。在早期的前端项目中，我们通过文件划分的形式来实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的JS文件中。约定每个文件是一个独立的模块，然后再将这些js文件引入到页面，一个script标签对应一个模块，然后再调用模块化的成员。比如：但这种模块化开发的弊端也十分</div> </li> <li><a href="/article/1902656013656453120.htm" title="最完整的webpack Dll打包与采坑总结" target="_blank">最完整的webpack Dll打包与采坑总结</a> <span class="text-muted">仰望星空的代码</span> <a class="tag" taget="_blank" href="/search/Vue.js%E8%B8%A9%E5%9D%91%E8%AE%B0/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/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/dll%E6%89%93%E5%8C%85/1.htm">dll打包</a><a class="tag" taget="_blank" href="/search/%E6%89%93%E5%8C%85%E4%BC%98%E5%8C%96/1.htm">打包优化</a> <div>webpack已经成为前端主流的项目打包工具，对于前端开发必不可少。在前端项目依赖第三方库过多，项目比较大文件比较多时，webpack打包的速度也会被拖成蜗牛，是时候优化一下webapck的打包速度了。在优化打包速度方面有不少方法方式，其中一个比较重要的方式是DllPlugin。DllPlugin把第三方库打包成动态链接库（动态链接库：windows系统中库文件概念，这里是借用了这一概念。），Dl</div> </li> <li><a href="/article/1902654375545860096.htm" title="echarts柱状图区间滚动" target="_blank">echarts柱状图区间滚动</a> <span class="text-muted">没有天赋的搬砖者</span> <a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</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>constxData=['00:00','01:00','02:00','03:00','04:00','05:00','06:00'];constbarData=[5,20,36,10,10,20];option={tooltip:{show:true,trigger:'axis',confine:true,formatter(item){consthtml=`${xData[item[0].d</div> </li> <li><a href="/article/1902653238423908352.htm" title="Java WebSocket与项目页面（通常是HTML + JavaScript）之间建立连接并传输数据" target="_blank">Java WebSocket与项目页面（通常是HTML + JavaScript）之间建立连接并传输数据</a> <span class="text-muted">hh_fine</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>JavaWebSocket与项目页面（通常是HTML+JavaScript）之间建立连接并传输数据1.创建JavaWebSocket服务器：使用JavaWebSocketAPI创建一个WebSocket服务器端点。2.在HTML页面中使用JavaScript连接WebSocket：通过JavaScript的WebSocketAPI与JavaWebSocket服务器建立连接。3.双向数据传输：实现服</div> </li> <li><a href="/article/1902646431789936640.htm" title="前端开发：Webpack的使用总结" target="_blank">前端开发：Webpack的使用总结</a> <span class="text-muted">三掌柜666</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E6%B1%87%E6%80%BB/1.htm">web前端知识汇总</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</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>前言在前端开发过程中，尤其是现在前端框架的频繁使用的当下，作为前端开发者想必对于Webpack并不陌生，尤其是在使用Vue框架做前端开发的时候，打包时候必用Webpack。还有就是在前端求职面试的时候，Webpack相关的知识点也是面试官必定考察的，那么本篇博文就来分享一下关于Webpack使用相关的知识点，记录下来，方便后期查阅使用。Webpack概念Webpack其实是一个前端资源加载/打包工</div> </li> <li><a href="/article/1902636857032765440.htm" title="什么时候用到jupyter notebook的NBConvert" target="_blank">什么时候用到jupyter notebook的NBConvert</a> <span class="text-muted">老光私享</span> <a class="tag" taget="_blank" href="/search/jupyter/1.htm">jupyter</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>JupyterNotebook的NBConvert功能是用来将JupyterNotebook文件转换为其他格式的工具。通常情况下，我们会用到NBConvert功能来将JupyterNotebook文件转换为HTML、LaTeX、PDF或其他文本格式。这样可以方便地将JupyterNotebook分享给他人，或者将其用于报告、文章、文档或其他写作目的。要使用NBConvert功能，需要在命令行中运行</div> </li> <li><a href="/article/1902636729777582080.htm" title="【css酷炫效果】纯CSS实现球形阴影效果" target="_blank">【css酷炫效果】纯CSS实现球形阴影效果</a> <span class="text-muted">冰夏之夜影</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>【css酷炫效果】纯CSS实现球形阴影效果缘创作背景html结构css样式完整代码基础版进阶版(动态版)效果图想直接拿走的老板，链接放在这里：上传后更新缘创作随缘，不定时更新。创作背景刚看到csdn出活动了，赶时间，直接上代码，令人丧气的是：活动的领域有要求，不是发够就行，瞬间意志消沉。html结构css样式.button{background-image:url('a.gif');border-</div> </li> <li><a href="/article/1902636351883374592.htm" title="UNI-APP+VUE3+VITE+VSCode开发经验及填坑记录（持续更新ING）" target="_blank">UNI-APP+VUE3+VITE+VSCode开发经验及填坑记录（持续更新ING）</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/%E9%A1%B9%E7%9B%AE%E5%AE%9E%E8%B7%B5/1.htm">项目实践</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div>uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。快速开发模板unibest：最好的uniapp开发框架，由uniapp+Vue3+Ts+Vite5+UnoCss+VSCode(可选webstorm)+uni插件+wot-ui（</div> </li> <li><a href="/article/1902635596015267840.htm" title="sql与html" target="_blank">sql与html</a> <span class="text-muted">就很对</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>sql与htmlsqlite3sqlsql_callbacksql_dicthtmlhtml01ser02sersql_workhtml_ser03.htmlwebser06ser012.html011.html013.html015.html03.html04.html05.html06.htmlsqlite3sql//sqlite3_open//sqlite3_exec//sqlite3_cl</div> </li> <li><a href="/article/1902625250974167040.htm" title="详细介绍 Jupyter nbconvert 工具及其用法：如何将 Notebook 转换为 Python 脚本" target="_blank">详细介绍 Jupyter nbconvert 工具及其用法：如何将 Notebook 转换为 Python 脚本</a> <span class="text-muted">源代码杀手</span> <a class="tag" taget="_blank" href="/search/python%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7/1.htm">python使用技巧</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/jupyter/1.htm">jupyter</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div>nbconvert是Jupyter提供的一个非常强大的工具，允许用户将JupyterNotebook文件（.ipynb）转换成多种格式，包括Python脚本（.py）、HTML、PDF、LaTeX等。你可以通过命令行来运行nbconvert，也可以在JupyterNotebook中通过一些自定义的设置来实现转换。安装nbconvert通常情况下，nbconvert会随Jupyter一起安装，因此不</div> </li> <li><a href="/article/1902619196961910784.htm" title="【Spring AI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心交互函数及RAG知识库构建" target="_blank">【Spring AI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心交互函数及RAG知识库构建</a> <span class="text-muted">un_fired</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</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/java/1.htm">java</a> <div>系列文章目录【SpringAI】基于专属知识库的RAG智能问答小程序开发——完整项目（含完整前端+后端代码）【SpringAI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心ChatClient对象相关构造函数【SpringAI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心交互函数及RAG知识库构建文章目录系列文章目录前言1.Service层知识库构建与检索函数详</div> </li> <li><a href="/article/1902613138394640384.htm" title="个人AI助手的未来：Yi AI开源系统助力快速搭建" target="_blank">个人AI助手的未来：Yi AI开源系统助力快速搭建</a> <span class="text-muted">耶耶Norsea</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E6%9D%82%E7%83%A9/1.htm">网络杂烩</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a> <div>摘要YiAI推出了一站式个人AI助手平台解决方案，助力用户快速搭建专属AI助手。该平台采用全套开源系统，涵盖前端应用、后台管理及小程序功能，并基于MIT协议开放使用。同时，平台集成了本地RAG方案，利用Milvus与Weaviate向量数据库支持本地部署，为用户提供高效、灵活的数据处理能力。关键词个人AI助手,快速搭建,开源系统,本地RAG,向量数据库一、YiAI开源系统概述1.1个人AI助手的发</div> </li> <li><a href="/article/1902610360431603712.htm" title="HTML：ul标签的作用" target="_blank">HTML：ul标签的作用</a> <span class="text-muted">凭君语未可</span> <a class="tag" taget="_blank" href="/search/Web%E5%BC%80%E5%8F%91/1.htm">Web开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>ul标签解释解释举例效果分析``标签支持的属性1.`type`举例：效果：分析2.`class`举例：效果：分析解释在HTML中，标签表示无序列表（UnorderedList）。它用于创建一个项目列表，其中列表项通常以圆形、方形或none的图标（也称为列表项标记）进行标记。每个列表项都是使用（listitem）标签创建的。举例123效果分析在上面的例子中，我们创建了一个包含三个项目的无序列表，这些</div> </li> <li><a href="/article/1902599516868112384.htm" title="2025React岗位前端面试题180道及其答案解析,看完稳了,万字长文,持续更新...." target="_blank">2025React岗位前端面试题180道及其答案解析,看完稳了,万字长文,持续更新....</a> <span class="text-muted">祈澈菇凉</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.什么是React？它的主要特点是什么？答案解析：React是一个用于构建用户界面的JavaScript库，主要用于构建单页应用。其主要特点包括：组件化：React应用由多个可重用的组件组成，便于管理和维护。虚拟DOM：React使用虚拟DOM提高性能，通过最小化实际DOM操作来优化渲染过程。单向数据流：数据在组件之间以单向流动的方式传递，简化了数据管理和调试。声明式编程：React允许开发者以</div> </li> <li><a href="/article/1902598381671346176.htm" title="Ubuntu 22.05编译OpenWrt 23.05实战" target="_blank">Ubuntu 22.05编译OpenWrt 23.05实战</a> <span class="text-muted">诺依阁</span> <a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>本篇文章原文地址:https://blog.nuoyis.net/posts/9990.html哔哩哔哩视频教程:https://www.bilibili.com/video/BV1rnsCe1ErV博主基本插件版本推荐编译配置:16核心20G内存150G硬盘用于存储数据包以及编译包等前情提要1.需要准备能访问到外网域名的加速器(自己斟酌)2.准备一个安装好的ubuntu虚拟机(或者直接使用海外服</div> </li> <li><a href="/article/1902594848398045184.htm" title="Python前端开发" target="_blank">Python前端开发</a> <span class="text-muted">PITSU</span> <a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>Python前端开发1.前端三剑客（HTML，CSS和JavaScript）1.1HTML1.1.1HTML简介HyperTextMark-upLanguage,指的是超文本标记语言；html是开发网页的语言；html中的标签大多数都是成对出现的,格式:1.1.2HTML结构第一行是文档声明部分HTML：分为页头，页身和页脚。标签大部分是成对出现1.1.3第一行文档声明部分HTML在vscode中</div> </li> <li><a href="/article/1902593208039305216.htm" title="初识HTML中的div块元素—零基础自学网页制作" target="_blank">初识HTML中的div块元素—零基础自学网页制作</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/web%E5%BC%80%E5%8F%91/1.htm">web开发</a> <div>块元素基础属性讲解元素是个有故事的元素，这个元素很早就出现在html超文本标记语言中，它设计之初就是为了解决网页页面布局的需求。但是遗憾的是它出生后一直怀才不遇。在我还上初中的时候，智能手机还没有出现，更没有平板电脑等移动设备。上网是通过摆在桌子上的计算机来完成的。那时，大街小巷上有好多网吧。那时，马云刚刚辞去工作准备创业。那时，发送邮件的操作都会出现在计算机课程中。那时，对页面还没有现在的跨平台</div> </li> <li><a href="/article/1902581729210724352.htm" title="FastAPI测试策略：参数解析单元测试" target="_blank">FastAPI测试策略：参数解析单元测试</a> <span class="text-muted">qcidyu</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/1.htm">文章归档</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8%E4%BC%A0%E6%92%AD%E9%AA%8C%E8%AF%81/1.htm">异常传播验证</a><a class="tag" taget="_blank" href="/search/%E4%BE%9D%E8%B5%96%E6%B3%A8%E5%85%A5%E6%B5%8B%E8%AF%95/1.htm">依赖注入测试</a><a class="tag" taget="_blank" href="/search/%E8%AF%B7%E6%B1%82%E6%A8%A1%E6%8B%9F%E6%8A%80%E6%9C%AF/1.htm">请求模拟技术</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E8%A6%86%E7%9B%96%E7%8E%87%E4%BC%98%E5%8C%96/1.htm">测试覆盖率优化</a><a class="tag" taget="_blank" href="/search/Pydantic%E9%AA%8C%E8%AF%81%E6%B5%8B%E8%AF%95/1.htm">Pydantic验证测试</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95%E7%AD%96%E7%95%A5/1.htm">单元测试策略</a><a class="tag" taget="_blank" href="/search/%E5%8F%82%E6%95%B0%E8%A7%A3%E6%9E%90%E6%B5%8B%E8%AF%95/1.htm">参数解析测试</a> <div>扫描二维码关注或者微信搜一搜：编程智域前端至全栈交流与成长探索数千个预构建的AI应用，开启你的下一个伟大创意第一章：核心测试方法论1.1三层测试体系架构#第一层：模型级测试deftest_user_model_validation():withpytest.raises(ValidationError):User(age=-5)#第二层：依赖项测试deftest_auth_dependency()</div> </li> <li><a href="/article/1902578448728125440.htm" title="【前端网络深潜行者】信息化人员必备知识&面试宝典：TCP连接中断，客户端突然“玩失踪”怎么办？" target="_blank">【前端网络深潜行者】信息化人员必备知识&面试宝典：TCP连接中断，客户端突然“玩失踪”怎么办？</a> <span class="text-muted">DTcode7</span> <a class="tag" taget="_blank" href="/search/IT%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E7%9B%B8%E5%85%B3/1.htm">IT信息技术相关</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8C%96%E6%8A%80%E8%83%BD%E9%9D%A2%E8%AF%95%E5%AE%9D%E5%85%B8/1.htm">信息化技能面试宝典</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</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%89%8D%E7%AB%AF%E4%B8%89%E5%A4%A7%E6%A0%B8%E5%BF%83/1.htm">前端三大核心</a><a class="tag" taget="_blank" href="/search/JS/1.htm">JS</a> <div>【前端网络深潜行者】信息化人员必备知识&面试宝典：TCP连接中断，客户端突然“玩失踪”怎么办？TCP的忠诚卫士：保活与重传保活机制（Keepalive）超时重传与超时前端策略：优雅的应对与重连案例一：心跳检测案例二：断线重连逻辑安全与性能考量实战经验之谈排错思路结语与探讨在网络通信的迷宫中，TCP/IP协议犹如稳固的桥梁，承载着数据的往来。然而，当客户端这个“信使”突然玩起了失踪”，我们如何确保这</div> </li> <li><a href="/article/88.htm" title="ztree设置禁用节点" target="_blank">ztree设置禁用节点</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/ztree/1.htm">ztree</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/setDisabledNode/1.htm">setDisabledNode</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>ztree设置禁用节点的时候注意，当使用ajax后台请求数据,必须要设置为同步获取数据，否者会获取不到节点对象，导致设置禁用没有效果。 $(function(){ showTree(); setDisabledNode(); }); </div> </li> <li><a href="/article/215.htm" title="JVM patch by Taobao" target="_blank">JVM patch by Taobao</a> <span class="text-muted">bookjovi</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a> <div>在网上无意中看到淘宝提交的hotspot patch，共四个，有意思，记录一下。 7050685：jsdbproc64.sh has a typo in the package name 7058036：FieldsAllocationStyle=2 does not work in 32-bit VM 7060619：C1 should respect inline and</div> </li> <li><a href="/article/342.htm" title="将session存储到数据库中" target="_blank">将session存储到数据库中</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/session/1.htm">session</a> <div>CREATE TABLE sessions ( id CHAR(32) NOT NULL, data TEXT, last_accessed TIMESTAMP NOT NULL, PRIMARY KEY (id) ); <?php /** * Created by PhpStorm. * User: michaeldu * Date</div> </li> <li><a href="/article/469.htm" title="Vector" target="_blank">Vector</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/vector/1.htm">vector</a> <div>public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) { for (int i = 0; i < cart.size(); i++) { if (cart.get(i).getId().equals(id)) { cart.remove(i); </div> </li> <li><a href="/article/596.htm" title="各连接池配置参数比较" target="_blank">各连接池配置参数比较</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/%E8%BF%9E%E6%8E%A5%E6%B1%A0/1.htm">连接池</a> <div> 排版真心费劲，大家凑合看下吧，见谅~ Druid DBCP C3P0 Proxool 数据库用户名称 Username Username User 数据库密码 Password Password Password 驱动名</div> </li> <li><a href="/article/723.htm" title="[简单]mybatis insert语句添加动态字段" target="_blank">[简单]mybatis insert语句添加动态字段</a> <span class="text-muted">53873039oycg</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div> mysql数据库,id自增,配置如下： <insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id" parameterType=&</div> </li> <li><a href="/article/850.htm" title="struts2拦截器配置" target="_blank">struts2拦截器配置</a> <span class="text-muted">云端月影</span> <a class="tag" taget="_blank" href="/search/struts2%E6%8B%A6%E6%88%AA%E5%99%A8/1.htm">struts2拦截器</a> <div>struts2拦截器interceptor的三种配置方法方法1. 普通配置法 <struts> <package name="struts2" extends="struts-default"> &</div> </li> <li><a href="/article/977.htm" title="IE中页面不居中，火狐谷歌等正常" target="_blank">IE中页面不居中，火狐谷歌等正常</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/IE%E4%B8%AD%E9%A1%B5%E9%9D%A2%E4%B8%8D%E5%B1%85%E4%B8%AD/1.htm">IE中页面不居中</a> <div>问题是首页在火狐、谷歌、所有IE中正常显示，列表页的页面在火狐谷歌中正常，在IE6、7、8中都不中，觉得可能那个地方设置的让IE系列都不认识，仔细查看后发现，列表页中没写HTML模板部分没有添加DTD定义，就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3</div> </li> <li><a href="/article/1104.htm" title="String,int,Integer,char 几个类型常见转换" target="_blank">String,int,Integer,char 几个类型常见转换</a> <span class="text-muted">antonyup_2006</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a> <div>如何将字串 String 转换成整数 int? int i = Integer.valueOf(my_str).intValue(); int i=Integer.parseInt(str); 如何将字串 String 转换成Integer ? Integer integer=Integer.valueOf(str); 如何将整数 int 转换成字串 String ? 1.</div> </li> <li><a href="/article/1231.htm" title="PL/SQL的游标类型" target="_blank">PL/SQL的游标类型</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E6%98%BE%E7%A4%BA%E6%B8%B8%E6%A0%87%28%E9%9D%99%E6%80%81%E6%B8%B8%E6%A0%87%29/1.htm">显示游标(静态游标)</a><a class="tag" taget="_blank" href="/search/%E9%9A%90%E5%BC%8F%E6%B8%B8%E6%A0%87/1.htm">隐式游标</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%A0%87%E7%9A%84%E6%9B%B4%E6%96%B0%E5%92%8C%E5%88%A0%E9%99%A4/1.htm">游标的更新和删除</a><a class="tag" taget="_blank" href="/search/%25rowtype/1.htm">%rowtype</a><a class="tag" taget="_blank" href="/search/ref%E6%B8%B8%E6%A0%87%28%E5%8A%A8%E6%80%81%E6%B8%B8%E6%A0%87%29/1.htm">ref游标(动态游标)</a> <div>游标是oracle中的一个结果集,用于存放查询的结果; PL/SQL中游标的声明; 1,声明游标 2,打开游标(默认是关闭的); 3,提取数据 4,关闭游标注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标隐式游标:主要是对DML数据的操作隐</div> </li> <li><a href="/article/1358.htm" title="JUnit4中@AfterClass @BeforeClass @after @before的区别对比" target="_blank">JUnit4中@AfterClass @BeforeClass @after @before的区别对比</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JUnit4/1.htm">JUnit4</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>一.基础知识 JUnit4使用Java5中的注解（annotation），以下是JUnit4常用的几个annotation： @Before：初始化方法对于每一个测试方法都要执行一次（注意与BeforeClass区别，后者是对于所有方法执行一次）@After：释放资源对于每一个测试方法都要执行一次（注意与AfterClass区别，后者是对于所有方法执行一次</div> </li> <li><a href="/article/1485.htm" title="精通Oracle10编程SQL(12)开发包" target="_blank">精通Oracle10编程SQL(12)开发包</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>/* *开发包 *包用于逻辑组合相关的PL/SQL类型（例如TABLE类型和RECORD类型）、PL/SQL项（例如游标和游标变量）和PL/SQL子程序（例如过程和函数） */ --包用于逻辑组合相关的PL/SQL类型、项和子程序，它由包规范和包体两部分组成 --建立包规范：包规范实际是包与应用程序之间的接口，它用于定义包的公用组件，包括常量、变量、游标、过程和函数等 --在包规</div> </li> <li><a href="/article/1612.htm" title="【EhCache二】ehcache.xml配置详解" target="_blank">【EhCache二】ehcache.xml配置详解</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/ehcache.xml/1.htm">ehcache.xml</a> <div>在ehcache官网上找了多次，终于找到ehcache.xml配置元素和属性的含义说明文档了，这个文档包含在ehcache.xml的注释中！ ehcache.xml ： http://ehcache.org/ehcache.xml ehcache.xsd ： http://ehcache.org/ehcache.xsd ehcache配置文件的根元素是ehcahe ehcac</div> </li> <li><a href="/article/1739.htm" title="java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL" target="_blank">java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL</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/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>今天学习spring+cxf的时候遇到一个问题：在web.xml中配置了spring的上下文监听器： <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> 随后启动</div> </li> <li><a href="/article/1866.htm" title="angular.element" target="_blank">angular.element</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a><a class="tag" taget="_blank" href="/search/angular.element/1.htm">angular.element</a> <div>angular.element 描述: 包裹着一部分DOM element或者是HTML字符串，把它作为一个jQuery元素来处理。（类似于jQuery的选择器啦）如果jQuery被引入了，则angular.element就可以看作是jQuery选择器，选择的对象可以使用jQuery的函数；如果jQuery不可用，angular.e</div> </li> <li><a href="/article/1993.htm" title="java-给定两个已排序序列，找出共同的元素。" target="_blank">java-给定两个已排序序列，找出共同的元素。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class CommonItemInTwoSortedArray { /** * 题目：给定两个已排序序列，找出共同的元素。 * 1.定义两个指针分别指向序列的开始。 * 如果指向的两个元素</div> </li> <li><a href="/article/2120.htm" title="sftp 异常，有遇到的吗？求解" target="_blank">sftp 异常，有遇到的吗？求解</a> <span class="text-muted">Chen.H</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jcraft/1.htm">jcraft</a><a class="tag" taget="_blank" href="/search/auth/1.htm">auth</a><a class="tag" taget="_blank" href="/search/jsch/1.htm">jsch</a><a class="tag" taget="_blank" href="/search/jschexception/1.htm">jschexception</a> <div>com.jcraft.jsch.JSchException: Auth cancel at com.jcraft.jsch.Session.connect(Session.java:460) at com.jcraft.jsch.Session.connect(Session.java:154) at cn.vivame.util.ftp.SftpServerAccess.connec</div> </li> <li><a href="/article/2247.htm" title="[生物智能与人工智能]神经元中的电化学结构代表什么?" target="_blank">[生物智能与人工智能]神经元中的电化学结构代表什么?</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div> 我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色.... 我们可以尝试一下...在某些神经</div> </li> <li><a href="/article/2374.htm" title="通过LAC和CID获取经纬度信息" target="_blank">通过LAC和CID获取经纬度信息</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/lac/1.htm">lac</a><a class="tag" taget="_blank" href="/search/cid/1.htm">cid</a> <div>方法1：用浏览器打开http://www.minigps.net/cellsearch.html，然后输入lac和cid信息(mcc和mnc可以填0)，如果数据正确就可以获得相应的经纬度方法2：发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&</div> </li> <li><a href="/article/2501.htm" title="JAVA的困难分析" target="_blank">JAVA的困难分析</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>前段时间转了一篇SQL的文章（http://datamachine.iteye.com/blog/1971896），文章不复杂，但思想深刻，就顺便思考了一下java的不足，当砖头丢出来，希望引点和田玉。 -----------------------------------------------------------------------------------------</div> </li> <li><a href="/article/2628.htm" title="小学5年级英语单词背诵第二课" target="_blank">小学5年级英语单词背诵第二课</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>money 钱 paper 纸 speak 讲，说 tell 告诉 remember 记得，想起 knock 敲，击，打 question 问题 number 数字，号码 learn 学会，学习 street 街道 carry 搬运，携带 send 发送，邮寄，发射 must 必须 light 灯，光线，轻的 front </div> </li> <li><a href="/article/2755.htm" title="linux下面没有tree命令" target="_blank">linux下面没有tree命令</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>centos p安装 yum -y install tree mac os安装 brew install tree 首先来看tree的用法 tree 中文解释：tree 功能说明：以树状图列出目录的内容。语　　法：tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式</div> </li> <li><a href="/article/2882.htm" title="Map迭代方式，Map迭代，Map循环" target="_blank">Map迭代方式，Map迭代，Map循环</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/Map%E5%BE%AA%E7%8E%AF/1.htm">Map循环</a><a class="tag" taget="_blank" href="/search/Map%E8%BF%AD%E4%BB%A3/1.htm">Map迭代</a><a class="tag" taget="_blank" href="/search/Map%E8%BF%AD%E4%BB%A3%E6%96%B9%E5%BC%8F/1.htm">Map迭代方式</a> <div>Map迭代方式，Map迭代，Map循环 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年</div> </li> <li><a href="/article/3009.htm" title="Spring Cache注解+Redis" target="_blank">Spring Cache注解+Redis</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>Spring3.1 Cache注解依赖jar包：  <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redis</artifactId> </div> </li> <li><a href="/article/3136.htm" title="Guava中针对集合的 filter和过滤功能" target="_blank">Guava中针对集合的 filter和过滤功能</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/filter/1.htm">filter</a> <div>在guava库中，自带了过滤器(filter)的功能，可以用来对collection 进行过滤，先看例子： @Test public void whenFilterWithIterables_thenFiltered() { List<String> names = Lists.newArrayList("John"</div> </li> <li><a href="/article/3263.htm" title="学习编程那点事" target="_blank">学习编程那点事</a> <span class="text-muted">lampcy</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去</div> </li> <li><a href="/article/3390.htm" title="架构师之流处理---------bytebuffer的mark,limit和flip" target="_blank">架构师之流处理---------bytebuffer的mark,limit和flip</a> <span class="text-muted">nannan408</span> <a class="tag" taget="_blank" href="/search/ByteBuffer/1.htm">ByteBuffer</a> <div>1.前言。如题，limit其实就是可以读取的字节长度的意思，flip是清空的意思，mark是标记的意思。 2.例子. 例子代码: String str = "helloWorld"; ByteBuffer buff = ByteBuffer.wrap(str.getBytes()); Sy</div> </li> <li><a href="/article/3517.htm" title="org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1" target="_blank">org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1</a> <span class="text-muted">Everyday都不同</span> <a class="tag" taget="_blank" href="/search/%24/1.htm">$</a><a class="tag" taget="_blank" href="/search/%E8%BD%AC%E4%B9%89/1.htm">转义</a><a class="tag" taget="_blank" href="/search/el%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">el表达式</a> <div>最近在做Highcharts的过程中，在写js时，出现了以下异常：严重: Servlet.service() for servlet jsp threw exception org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, </div> </li> <li><a href="/article/3644.htm" title="用Java实现发送邮件到163" target="_blank">用Java实现发送邮件到163</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/java%E5%AE%9E%E7%8E%B0/1.htm">java实现</a> <div>/* 在java版经常看到有人问如何用javamail发送邮件？如何接收邮件？如何访问多个文件夹等。问题零散，而历史的回复早已经淹没在问题的海洋之中。本人之前所做过一个java项目，其中包含有WebMail功能，当初为用java实现而对javamail摸索了一段时间，总算有点收获。看到论坛中的经常有此方面的问题，因此把我的一些经验帖出来，希望对大家有些帮助。此篇仅介绍用</div> </li> <li><a href="/article/3771.htm" title="探索实体类存在的真正意义" target="_blank">探索实体类存在的真正意义</a> <span class="text-muted">java小叶檀</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a> <div>一. 实体类简述实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口，在程序中仅作为数据容器用来持久化存储数据用的 POJO（Plain Old Java Objects）简单的Java对象它的一般格式就是 public class A{ private String id; public Str</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>