菜菜要要努力

前端基础知识

一、脚本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/1899301955566628864.htm" title="Garfish 源码解析 —— 一个微应用是如何被挂载的" target="_blank">Garfish 源码解析 —— 一个微应用是如何被挂载的</a> <span class="text-muted">moonrailgun</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%B7%A5%E7%A8%8B%E5%8C%96/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/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>背景Garfish是字节跳动webinfra团队推出的一款微前端框架包含构建微前端系统时所需要的基本能力，任意前端框架均可使用。接入简单，可轻松将多个前端应用组合成内聚的单个产品因为当前对Garfish的解读极少，而微前端又是现代前端领域相当重要的一环，因此写下本文，同时也是对学习源码的一个总结本文基于garfish#0d4cc0c82269bce8422b0e9105b7fe88c2efe42a</div> </li> <li><a href="/article/1899301829213220864.htm" title="Vue3 基础教程：从入门到实践 (保姆级教学)" target="_blank">Vue3 基础教程：从入门到实践 (保姆级教学)</a> <span class="text-muted">前段技术人</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>一、Vue3简介Vue.js是一款用于构建用户界面的JavaScript框架，而Vue3作为其最新的主要版本，带来了诸多令人瞩目的改进与新特性，使其在前端开发领域备受青睐。（一）Vue3的优势性能提升：Vue3重写了虚拟DOM算法，显著提高了挂载、更新和渲染的速度。在处理大型列表或频繁数据更新的场景时，Vue3的表现更为出色，能够为用户带来更流畅的交互体验。例如，一个包含大量商品信息的电商产品列表</div> </li> <li><a href="/article/1899300566526390272.htm" title="SpringBoot + vue 管理系统" target="_blank">SpringBoot + vue 管理系统</a> <span class="text-muted">m0_51274464</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>SpringBoot+vue管理系统文章目录SpringBoot+vue管理系统1、成品效果展示2、项目准备3、项目开发3.1、部门管理3.1.1、前端核心代码3.1.2、后端代码实现3.2、员工管理3.2.1、前端核心代码3.2.2、后端代码实现3.3、班级管理3.3.1、前端核心代码3.3.2、后端代码实现3.4、学生管理3.4.1、前端核心代码3.4.2、后端代码实现3.5、数据统计3.5.</div> </li> <li><a href="/article/1899299809274163200.htm" title="web前端高级JavaScript - 闭包的应用及循环事件绑定的N中解决办法" target="_blank">web前端高级JavaScript - 闭包的应用及循环事件绑定的N中解决办法</a> <span class="text-muted">一笑程序猴</span> <a class="tag" taget="_blank" href="/search/WEB%E5%89%8D%E7%AB%AF%E9%AB%98%E7%BA%A7%E6%95%99%E7%A8%8B/1.htm">WEB前端高级教程</a><a class="tag" taget="_blank" href="/search/%E9%97%AD%E5%8C%85%E5%BA%94%E7%94%A8/1.htm">闭包应用</a><a class="tag" taget="_blank" href="/search/%E5%BE%AA%E7%8E%AF%E4%BA%8B%E4%BB%B6%E7%BB%91%E5%AE%9A/1.htm">循环事件绑定</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E7%B4%A2%E5%BC%95/1.htm">自定义索引</a> <div>闭包在循环事件绑定中的应用场景描述：在页面上有3个button按钮，当点击每个按钮时输出当前按钮的索引值，要求用循环来绑定每个按钮的事件，看下面的代码。button1button2button3varbuttons=document.querySelectorAll('button');for(vari=0;i<buttons.length;i++){buttons[i].onclick=func</div> </li> <li><a href="/article/1899294639756734464.htm" title="【＜一＞炼丹初探：JavaWeb 的起源与基础】之 JavaWeb 项目的部署：从开发环境到生产环境" target="_blank">【＜一＞炼丹初探：JavaWeb 的起源与基础】之 JavaWeb 项目的部署：从开发环境到生产环境</a> <span class="text-muted">Foyo Designer</span> <a class="tag" taget="_blank" href="/search/firefox/1.htm">firefox</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%94%B9%E8%A1%8C%E5%AD%A6it/1.htm">改行学it</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a> <div>点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、开发环境：写代码的“温床”在</div> </li> <li><a href="/article/1899272198774910976.htm" title="自助洗车小程序开发方案详解" target="_blank">自助洗车小程序开发方案详解</a> <span class="text-muted">ALLSectorSorft</span> <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/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</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/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a> <div>自助洗车小程序开发设计详细扩写一、系统架构设计（一）技术栈选型1.前端：微信小程序（原生开发）：直接基于微信官方提供的开发框架，能充分利用微信的原生能力，如小程序的启动速度快、与微信生态的无缝衔接等。开发过程中可使用微信开发者工具进行代码编写、调试和预览，通过WXML（类似HTML）、WXSS（类似CSS）和JavaScript构建用户界面和交互逻辑。例如利用微信原生的组件库，快速搭建出美观且符合</div> </li> <li><a href="/article/1899265639848144896.htm" title="MySQL自动建立集合自动分片_1.mongodb初步使用总结" target="_blank">MySQL自动建立集合自动分片_1.mongodb初步使用总结</a> <span class="text-muted">海上行走的狮子</span> <a class="tag" taget="_blank" href="/search/MySQL%E8%87%AA%E5%8A%A8%E5%BB%BA%E7%AB%8B%E9%9B%86%E5%90%88%E8%87%AA%E5%8A%A8%E5%88%86%E7%89%87/1.htm">MySQL自动建立集合自动分片</a> <div>mongoDB2.6使用总结一、准备工作下载java驱动包驱动包下载地址：http://www.doczj.com/doc/3305bc20960590c69ec376c0.html/artifact/org.mongodb/mongo-java-drivermongoDB下载：http://www.doczj.com/doc/3305bc20960590c69ec376c0.html/在线api</div> </li> <li><a href="/article/1899253285739622400.htm" title="Spring Cloud Alibaba微服务架构实战教程—17分布式缓存下Redis设计" target="_blank">Spring Cloud Alibaba微服务架构实战教程—17分布式缓存下Redis设计</a> <span class="text-muted">江湖一点雨</span> <a class="tag" taget="_blank" href="/search/%E6%9C%80%E6%96%B0SpringCloud/1.htm">最新SpringCloud</a><a class="tag" taget="_blank" href="/search/Alibaba%E5%AE%9E%E6%88%98%E5%BC%80%E5%8F%91/1.htm">Alibaba实战开发</a><a class="tag" taget="_blank" href="/search/redis%E7%BC%93%E5%AD%98%E8%AE%BE%E8%AE%A1/1.htm">redis缓存设计</a><a class="tag" taget="_blank" href="/search/springcloud/1.htm">springcloud</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1%E5%AE%9E%E6%88%98/1.htm">微服务实战</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/alibaba/1.htm">alibaba</a><a class="tag" taget="_blank" href="/search/java%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">java开发实战</a> <div>前言大多数的文章，开头就是告诉你使用redis做缓存，怎么怎么样，而本系列，不打算采用这样无趣的写法，这和直接搬运有什么区别？笔者力求读者能得到更大程度的系统学习，会从为什么使用缓存来给大家进行学习。问问大家，当系统的执行速度慢怎么办？对于更新速度不是很快的站点，可以采用静态化来避免过多的数据查询。通常前端使用Freemaker或Velocity、thymeleaf等模板引擎来实现页面的静态化。对</div> </li> <li><a href="/article/1899245347633426432.htm" title="前端开发使用的安卓模拟器_【译】移动开发中的仿真器与模拟器" target="_blank">前端开发使用的安卓模拟器_【译】移动开发中的仿真器与模拟器</a> <span class="text-muted">weixin_39976748</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E4%BD%BF%E7%94%A8%E7%9A%84/1.htm">前端开发使用的</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%8D%93%E6%A8%A1%E6%8B%9F%E5%99%A8/1.htm">安卓模拟器</a> <div>译者注：本文主要涉及到两个概念：Emulator和Simulator。通常我们在工作中可能统统习惯称为“模拟器”，但实际上二者有所不同。为了分清概念，本文将Emulator译作“仿真器”，Simulator译作“模拟器”。听起来可能略拗口，如产生生理或心理不适，敬请谅解。仿真器(Emulator)，又称仿真程序，在软件工程中指可以使计算机或者其他多媒体平台(掌上电脑，手机)能够运行其他平台上的程序</div> </li> <li><a href="/article/1899239668143157248.htm" title="three.js 鼠标点击获取模型对象" target="_blank">three.js 鼠标点击获取模型对象</a> <span class="text-muted">lucky_zouzou</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>three.js创建模型后，想要实现点击模型获取模型对象触发相应事件。可以使用它提供的APITHREE.Raycaster()https://threejs.org/docs/index.html?q=Raycaster#api/en/core/Raycaster//监听点击事件window.addEventListener('click',(event)=>{event.preventDefau</div> </li> <li><a href="/article/1899237506642145280.htm" title="Apipost一站式API工具评测：整合Postman+Swagger+JMeter三大功能，打造全流程开发解决方案" target="_blank">Apipost一站式API工具评测：整合Postman+Swagger+JMeter三大功能，打造全流程开发解决方案</a> <span class="text-muted"></span> <div>作为一名Java开发者，始终追求开发过程的高效性。使用IntelliJIDEA编写代码只是开始。一般来说，代码完成后，我们会切换到Postman进行API调试。在确保API表现符合预期后，我们会使用Swagger为前端团队生成文档。最后，再使用JMeter进行性能和负载测试，以确保API工作流顺畅且自动化。Apipost=Postman+Swagger+JMeter然而，这种多工具的方法存在诸多挑</div> </li> <li><a href="/article/1899228193169141760.htm" title="前端的架构设计与演化实例" target="_blank">前端的架构设计与演化实例</a> <span class="text-muted">weixin_30677073</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>前言本文介绍我在实际的前端项目中的架构设计，展示因为需求变化而导致架构变化的过程。全文分为三个阶段，分别对应三次需求的变化，给出了对应的架构设计。在第一个阶段中，我使用面向过程设计；在第二个阶段和在第三个阶段中，我使用面向对象设计。本文内容策略依赖项第一个阶段需求架构设计项目示例代码序列图重构领域模型分析当前设计第二个阶段需求架构设计分析当前设计重构项目示例代码序列图分析具体实现重构领域模型思考：</div> </li> <li><a href="/article/1899227185437274112.htm" title="前端的架构" target="_blank">前端的架构</a> <span class="text-muted">so_cruel</span> <div>一、组件化和模式设计层面1、JS中的继承和扩展在实际的操作中，不需要自己去写太多的这种继承，主要用库，像jquary中的extend。2,、组件化：一般常用的组件有两个，requirejs和sea.js二、做前端架构前需要想什么1、除了技术基础外，应当了解需求，然后进行模块的边界划分；2、如何设计友好接口；3、自动化的发布和快速迭代；4、如何降低维护成本。三、优化和扩展四、自动化最后再提一句，学好</div> </li> <li><a href="/article/1899224539468984320.htm" title="react 和 reflux" target="_blank">react 和 reflux</a> <span class="text-muted">yunhai.du</span> <a class="tag" taget="_blank" href="/search/Java%E5%BC%80%E5%8F%91/1.htm">Java开发</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a> <div>目录一、介绍：二、特征：三、组成：四、react的基本概念：五、JSX语法：六、生命周期：七、简单的使用：一、介绍：react：最早来源于FaceBook,后来因为其独特的设计思想和惊人的性能被广大用户喜欢，现在是最受欢迎的前端框架之一。reflux:React的设计目的是管理视图层，所以对于大型应用来说，我们还需要数据层面的复用。所以facebook设计了flux架构，并官方发布了dispath</div> </li> <li><a href="/article/1899224034265067520.htm" title="测试websocket接口" target="_blank">测试websocket接口</a> <span class="text-muted">驰驰的老爸</span> <a class="tag" taget="_blank" href="/search/webSocket/1.htm">webSocket</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a> <div>http://www.cnblogs.com/ListenWind/p/4760179.htmlhttp://www.cnblogs.com/yuanchunli/articles/5265738.html大家接手项目的时候,尤其是App项目,可能有websocket接口,但是测试这个websocket接口不像http接口,直接使用一些接口调用工具就行的,它必须在websocket环境下才能访问到</div> </li> <li><a href="/article/1899223152446205952.htm" title="数据监控工具Mixpanel的简易使用教程" target="_blank">数据监控工具Mixpanel的简易使用教程</a> <span class="text-muted">alankuo</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>Mixpanel的使用教程如下：注册与准备创建账号：访问Mixpanel官方网站，按照提示填写相关信息创建账号。登录后，在项目设置中可以获取项目密钥。了解基本概念：明确事件、用户属性等基本概念。事件是用户在应用中的操作，如点击按钮、完成注册等；用户属性是描述用户特征的信息，像年龄、城市、会员等级等。集成SDKWeb应用：在HTML文件中引入MixpanelJavaScriptSDK。在页面的标签内</div> </li> <li><a href="/article/1899221891701338112.htm" title="【Python爬虫实战】从多类型网页数据到结构化JSON数据的高效提取策略" target="_blank">【Python爬虫实战】从多类型网页数据到结构化JSON数据的高效提取策略</a> <span class="text-muted">易辰君</span> <a class="tag" taget="_blank" href="/search/python%E7%88%AC%E8%99%AB/1.htm">python爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>个人主页：https://blog.csdn.net/2401_86688088?type=blog系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、数据类型及其对应的提取策略（一）文本数据（二）数值数据（三）链接（四）图像数据（五）表格数据（六）JSON数据（七）动态数据（八）元数据（九）总结二、结构化数据提</div> </li> <li><a href="/article/1899211793948012544.htm" title="最新网络安全-跨站脚本攻击(XSS)的原理、攻击及防御_xsstrike原理" target="_blank">最新网络安全-跨站脚本攻击(XSS)的原理、攻击及防御_xsstrike原理</a> <span class="text-muted">2401_84239830</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/xss/1.htm">xss</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>XSS的类型反射型XSS/不持久型XSS存储型XSS/持久型XSS基于DOM的XSS常用Payload与工具XSS扫描工具Payloadsscript标签类结合js的html标签伪协议绕过危害防御简介跨站脚本攻击(全称CrossSiteScripting,为和CSS（层叠样式表）区分，简称为XSS)是指恶意攻击者在Web页面中插入恶意javascript代码（也可能包含html代码），当用户浏览网</div> </li> <li><a href="/article/1899208387200086016.htm" title="P11：利用marked+highlight.js重构前台文章详细页面" target="_blank">P11：利用marked+highlight.js重构前台文章详细页面</a> <span class="text-muted">知其黑、受其白</span> <a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/Hooks%2BLaravel/1.htm">Hooks+Laravel</a><a class="tag" taget="_blank" href="/search/%E5%88%B6%E4%BD%9C%E5%8D%9A%E5%AE%A2/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/1.htm">前端</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>ReactHooks+Laravel前端博客实战阐述安装marked和highlight.js重构`detailed.js`文件增加Code的高亮显示CSS样式的更换MySQL数据阐述之前我们在博客文章详细页使用了react-markdown模块，但是这个插件的配置项还是太少了，而且我也没做太多的技术调研，所以我决定转回我目前项目中使用的一套方案marked+highlight.js。这个方案是比</div> </li> <li><a href="/article/1899200312011452416.htm" title="使用 marked.min.js 实现 Markdown 编辑器 —— 我的博客后台选择之旅" target="_blank">使用 marked.min.js 实现 Markdown 编辑器 —— 我的博客后台选择之旅</a> <span class="text-muted">fxrz12</span> <a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/1.htm">个人博客</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/arcgis/1.htm">arcgis</a> <div>最近，我决定为个人博客后台换一个编辑器。之前的富文本编辑器虽然功能齐全，但生成的HTML代码繁杂，维护起来非常麻烦。为了追求更简洁高效的写作体验，我开始研究Markdown编辑器，并最终选择了marked.min.js。1.传统富文本vs.Markdown编辑器在对比了传统富文本编辑器和Markdown编辑器后，我发现它们各有优缺点：特性传统富文本编辑器Markdown编辑器易用性简单直观需学习语</div> </li> <li><a href="/article/1899197792258158592.htm" title="vue懒加载" target="_blank">vue懒加载</a> <span class="text-muted">CV_CodeMan</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</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懒加载懒加载（LazyLoad）一直是前端的优化方案之一。简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。它的核心思想是：当用户想看页面某个区域时，再加载该区域的数据。这在一定程度上减轻了服务器端的压力，也加快了页面的呈现速度。懒加载多用于图片，因为它属于流量的大头。最典型的懒加载实现方案是先将需要懒加载的图片的src隐藏掉，这样图片就不会下载，然后在图片需要呈现给用户时再加上</div> </li> <li><a href="/article/1899191610839724032.htm" title="智慧树刷课插件常见问题解决方案" target="_blank">智慧树刷课插件常见问题解决方案</a> <span class="text-muted">姬虹俪Humble</span> <div>智慧树刷课插件常见问题解决方案zhihuishu智慧树刷课插件，自动播放下一集、1.5倍速度、无声项目地址:https://gitcode.com/gh_mirrors/zh/zhihuishu1.项目基础介绍本项目是一个开源的智慧树刷课插件，旨在帮助用户自动化观看智慧树教学视频。该插件能够自动播放下一集视频、提供1.5倍速播放以及无声播放的功能。主要使用的编程语言为JavaScript和HTML</div> </li> <li><a href="/article/1899179377803980800.htm" title="html 文本识别标签,HTML 文本标签" target="_blank">html 文本识别标签,HTML 文本标签</a> <span class="text-muted">北美R哥</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E8%AF%86%E5%88%AB%E6%A0%87%E7%AD%BE/1.htm">文本识别标签</a> <div>一、标题标签单词缩写：head头部.标题为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即~，代表六个级别的标题，代表最大的标题，代表最小的标题。标题标签语义：作为标题使用，并且依据重要性递减。注意：h1标签因为重要，尽量少用一级标题二级标题三级标题四级标题五级标题六级标题h系列有一个align属性，该属性是标题的对齐方式，默认为left(左对齐)，还有cen</div> </li> <li><a href="/article/1899177610533990400.htm" title="Azure AI Document Intelligence 使用指南" target="_blank">Azure AI Document Intelligence 使用指南</a> <span class="text-muted">scaFHIO</span> <a class="tag" taget="_blank" href="/search/azure/1.htm">azure</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/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>AzureAIDocumentIntelligence使用指南AzureAIDocumentIntelligence（原名AzureFormRecognizer）是一项基于机器学习的服务，可以从数字或扫描PDF、图像、Office和HTML文件中提取文本（包括手写）、表格、文档结构（如标题、节标题等）和键值对。它支持多种格式，包括PDF、JPEG/JPG、PNG、BMP、TIFF、HEIF、DOC</div> </li> <li><a href="/article/1899174959968743424.htm" title="第一章：欢迎来到 HTML 星球！" target="_blank">第一章：欢迎来到 HTML 星球！</a> <span class="text-muted">我自纵横2023</span> <a class="tag" taget="_blank" href="/search/HTML%E6%95%99%E7%A8%8B/1.htm">HTML教程</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>第一章：欢迎来到HTML星球！1.1宇宙的基石：HTML是什么？嘿，亲爱的探险家！欢迎踏上这场奇妙的HTML星球大冒险之旅！在我们正式踏入这个充满奇幻色彩的星球之前，咱们得先搞清楚，HTML到底是个啥玩意儿。想象一下，整个互联网就像是一个浩瀚无垠的宇宙，而网页呢，就是这个宇宙里的各个星球。每个星球都有自己独特的风貌和故事，而HTML就是建造这些星球的基石。它就像是宇宙里的乐高积木，咱们可以用各种各</div> </li> <li><a href="/article/1899173068501217280.htm" title="【开源精选】《前端铺子》：打造你的全能型小程序开发助手" target="_blank">【开源精选】《前端铺子》：打造你的全能型小程序开发助手</a> <span class="text-muted">平淮齐Percy</span> <div>【开源精选】《前端铺子》：打造你的全能型小程序开发助手qdpz-uniapp项目基于vue-uniapp，使用colorUi与uView框架，完美支持微信小程序，包含功能：自定义TabBar与顶部、地图轨迹回放、电子签名、自定义相机/键盘、拍照图片水印、在线答题、证件识别、周边定位查询、文档预览、各种图表、行政区域、海报生成器、视频播放、主题切换、时间轴、瀑布流、排行榜、渐变动画、加载动画、请求封</div> </li> <li><a href="/article/1899169410287988736.htm" title="HTML中的块元素与行内元素" target="_blank">HTML中的块元素与行内元素</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.块级标签块级元素会独占一行，通常用于构建页面的结构。常见的块级元素包括：：通用的块级容器。没有任何语意。可以创建网页的不同部分，导航栏侧边栏等。链接1链接2链接3若是想创建一个初始带标签的话：可以直接：#nav或者div.nav或者div#nav创建第二个div标签，第一个是导航栏，第二个就是主要内容了.content文章标题文章内容文章内容文章内容：段落。到：标题。：无序列表。：有序列表。：</div> </li> <li><a href="/article/1899164243538800640.htm" title="前端之vue2原理（全）" target="_blank">前端之vue2原理（全）</a> <span class="text-muted">yh502956003</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><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>一、组件通信总结（有些不建议使用，打破vue单向数据流，可能出问题）常用父子组件通信：1.propevent；2.$ref$refs；3.$slots$scopedSlots(插槽)；4..sync（修饰符），5.$listeners//子组件通过$listeners获取父组件传递过来的所有处理函数、$parent$children//可以获取子组件或父组件的实例；6.attribute//（父组</div> </li> <li><a href="/article/1899160336271994880.htm" title="python os模块[zt]" target="_blank">python os模块[zt]</a> <span class="text-muted">weixin_34357962</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>pythonos模块(2008-07-0311:59:39)http://blog.sina.com.cn/s/blog_4e808acf01009uav.html标签：pythonos杂谈分类：pythonPython的标准库中的os模块包含普遍的操作系统功能。如果你希望你的程序能够与平台无关的话，这个模块是尤为重要的。即它允许一个程序在编写后不需要任何改动，也不会发生任何问题，就可以在Linu</div> </li> <li><a href="/article/1899160209515933696.htm" title="django html超链接传参数,Django 模板.html中 href参数传入" target="_blank">django html超链接传参数,Django 模板.html中 href参数传入</a> <span class="text-muted">真把你打了</span> <a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/html%E8%B6%85%E9%93%BE%E6%8E%A5%E4%BC%A0%E5%8F%82%E6%95%B0/1.htm">html超链接传参数</a> <div>在Django模板中可能会出现访问多个URL指向同一函数，为减少代码可以利用正则表达式实现url(r'^remove_userinfo(?P\d+)/',views.removeuserinfo,name='reinfo'),(？P\d+)表示此部分的名称为nid，对应removeuserinfo(request,nid)中的nid参数defremoveuserinfo(request,nid):</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>