菜菜要要努力

前端基础知识

一、脚本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/1834931138968252416.htm" title="1.25-1.26 Coordinator数据集和oozie bundle" target="_blank">1.25-1.26 Coordinator数据集和oozie bundle</a> <span class="text-muted">weixin_30851867</span> <div>一、Coordinator数据集二、ooziebundle转载于:https://www.cnblogs.com/weiyiming007/p/10881260.html</div> </li> <li><a href="/article/1834926470724677632.htm" title="uniapp设计H5 tabbar会遮挡内容区的解决办法" target="_blank">uniapp设计H5 tabbar会遮挡内容区的解决办法</a> <span class="text-muted">qq_39016177</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>uniapp设计H5tabbar会遮挡内容区的解决办法1.现象底部tabbar会遮挡内容区最底部的文字2.解决方法—css中增加个padding-bottom:var(–window-bottom)这样就是好了官方依据官方文档链接https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-%E5%8F%98%E9%87%8F诸君有用且点赞</div> </li> <li><a href="/article/1834926216486940672.htm" title="JS 获取数组对象中某个属性的最大值或最小值" target="_blank">JS 获取数组对象中某个属性的最大值或最小值</a> <span class="text-muted">qq_36437172</span> <a class="tag" taget="_blank" href="/search/JS/1.htm">JS</a><a class="tag" taget="_blank" href="/search/Math.max/1.htm">Math.max</a><a class="tag" taget="_blank" href="/search/Math.min/1.htm">Math.min</a><a class="tag" taget="_blank" href="/search/sort/1.htm">sort</a><a class="tag" taget="_blank" href="/search/apply/1.htm">apply</a> <div>最近的开发中经常会遇到前端自己生成唯一id，然后在数组中增加删除插入对象，这样一来就要的要当前使用的id的最大值。总结一下，有两种比较简便的方法可以做到：1.将属性值通过map生成一个数组，再使用Math.max取最大值2.使用排序sort，先对数组的项排序，再取排序后的对应的项的值数组对象如下,求id的最大值和最小值list=[{id:1,name:'jack'}, {id:2,name:</div> </li> <li><a href="/article/1834926217485185024.htm" title="vue 生成PDF(A4标准PDF分页)" target="_blank">vue 生成PDF(A4标准PDF分页)</a> <span class="text-muted">qq_39016177</span> <a class="tag" taget="_blank" href="/search/HTML2Canvas/1.htm">HTML2Canvas</a><a class="tag" taget="_blank" href="/search/jsPDF/1.htm">jsPDF</a><a class="tag" taget="_blank" href="/search/%E5%AF%BC%E5%87%BA/1.htm">导出</a><a class="tag" taget="_blank" href="/search/PDF%E8%BD%AC%E6%8D%A2/1.htm">PDF转换</a><a class="tag" taget="_blank" href="/search/DOM%E6%93%8D%E4%BD%9C/1.htm">DOM操作</a> <div>1.先安装两个插件//页面转图片npminstall--savehtml2canvas//图片转PDFnpminstalljspdf--save 2.在需要导出的dom节点增加ref='pdf'例如这是待转换的页面，点击导出点击导出PDF3.定义导出方法handleExport(){ downloadPDF(this.$refs.pdf);},4.在页面导入 import{download</div> </li> <li><a href="/article/1834920164567642112.htm" title="前端同学必备：教你如何安装、使用Chrome的vue-devtools插件" target="_blank">前端同学必备：教你如何安装、使用Chrome的vue-devtools插件</a> <span class="text-muted">界忆</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%BC%96%E7%A8%8B/1.htm">前端编程</a><a class="tag" taget="_blank" href="/search/Vue-devtools%E6%8F%92%E4%BB%B6/1.htm">Vue-devtools插件</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/devtools/1.htm">devtools</a> <div>I.介绍vue-devtools插件Vue-devtools是一个Chrome浏览器插件，它是一个浏览器调试工具，用于开发Vue.js应用程序。它可以用于Vue.js应用程序的调试，可以更好地了解应用程序的结构和状态，以及帮助快速修复代码错误。Vue-devtools插件的作用和优势如下：1.调试Vue.js应用程序：Vue-devtools是一个强大的调试工具，可以帮助开发人员正确地调试应用程序</div> </li> <li><a href="/article/1834919786136563712.htm" title="基于nodejs+vue的美妆彩妆网站的设计与实现(源码+LW+调试文档+讲解等)" target="_blank">基于nodejs+vue的美妆彩妆网站的设计与实现(源码+LW+调试文档+讲解等)</a> <span class="text-muted">程序员gelei</span> <a class="tag" taget="_blank" href="/search/nodejs%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1%E9%A1%B9%E7%9B%AE/1.htm">nodejs毕业设计项目</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>目录：博主介绍：完整视频演示：系统技术介绍：后端Java介绍前端框架Vue介绍具体功能截图：部分代码参考：Mysql表设计参考：项目测试：项目论文：为什么选择我：源码获取：博主介绍：博主：程序员gelei：全网拥有20W+粉丝、CSDN作者、博客专家、全栈领域优质创作者、平台优质Java创作者、专注于Java、小程序、python、安卓技术领域和毕业项目实战✌Java精品实战案例《1000套》20</div> </li> <li><a href="/article/1834905169196838912.htm" title="uniapp+uview-plus实现微信小程序自定义tabbar" target="_blank">uniapp+uview-plus实现微信小程序自定义tabbar</a> <span class="text-muted">yx_back</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/uview-plus/1.htm">uview-plus</a> <div>参考文档微信小程序相关开发文档链接：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html虽然是uniapp框架但是实现方式和原生小程序相似实现思路1、app.json里面tabBar添加配置custom:true,其他和非自定义设置一样2、在components文件夹里添加Tabb</div> </li> <li><a href="/article/1834896851225112576.htm" title="项目内部调用的远程接口开发" target="_blank">项目内部调用的远程接口开发</a> <span class="text-muted">cyt涛</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/OpenFeign/1.htm">OpenFeign</a><a class="tag" taget="_blank" href="/search/%E8%BF%9C%E7%A8%8B%E8%B0%83%E7%94%A8/1.htm">远程调用</a><a class="tag" taget="_blank" href="/search/FeignClient/1.htm">FeignClient</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E9%83%A8%E8%B0%83%E7%94%A8/1.htm">内部调用</a><a class="tag" taget="_blank" href="/search/%E5%90%8C%E6%AD%A5%E8%B0%83%E7%94%A8/1.htm">同步调用</a><a class="tag" taget="_blank" href="/search/%E8%BF%9C%E7%A8%8B%E6%8E%A5%E5%8F%A3/1.htm">远程接口</a> <div>编写一个项目内部调用的远程接口通常是为了在分布式系统或者微服务架构中，实现各个服务之间的通信和数据交换。这样的远程接口专门用于服务之间的调用，而不是直接暴露给外部用户或前端。项目内部的远程接口统一放在api工程首先进入api编写接口，注意使用@FeignClient注解进入服务提供者微服务，编写接口实现类1.在api工程中编写接口在api工程中，定义远程调用的接口。这个接口将通过Feign进行服务</div> </li> <li><a href="/article/1834879833071513600.htm" title="[项目][WebServer][解析错误处理]详细讲解" target="_blank">[项目][WebServer][解析错误处理]详细讲解</a> <span class="text-muted">DieSnowK</span> <a class="tag" taget="_blank" href="/search/%5B%E9%A1%B9%E7%9B%AE%5D/1.htm">[项目]</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%5BWebServer%5D/1.htm">[WebServer]</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</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/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/WebServer/1.htm">WebServer</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE/1.htm">项目</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E8%A7%A3%E6%9E%90%E9%94%99%E8%AF%AF%E5%A4%84%E7%90%86/1.htm">解析错误处理</a> <div>可为每种情况都确实对应一个状态码，当发生错误时，跳转到对应的html页面即可但是为了代码的复用性，可以将所有的错误情况都归置处理#defineSEP":"#defineLINE_END"\r\n"#defineWEB_ROOT"wwwroot"#defineHOME_PAGE"index.html"#defineHTTP_VERSION"HTTP/1.0"#definePAGE_404"404.h</div> </li> <li><a href="/article/1834875548350902272.htm" title="使用Python和wxPython创建动态HTML日历生成器" target="_blank">使用Python和wxPython创建动态HTML日历生成器</a> <span class="text-muted">winfredzhang</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/%E5%B8%A6%E7%85%A7%E7%89%87%E5%92%8C%E8%8A%82%E5%81%87%E6%97%A5%E4%BF%A1%E6%81%AF%E7%9A%84%E6%97%A5%E5%8E%86/1.htm">带照片和节假日信息的日历</a> <div>在这个数字化时代,日历仍然是我们日常生活中不可或缺的工具。今天,我们将探讨如何使用Python创建一个动态HTML日历生成器。这个项目不仅实用,还能帮助我们深入理解Python编程、GUI开发和网页生成的相关知识。项目概述我们的目标是创建一个应用程序,允许用户选择特定的年份和月份,然后生成并显示一个美观的HTML日历。这个日历不仅显示日期,还会包含中国的主要节假日信息。C:\pythoncode\</div> </li> <li><a href="/article/1834872140986413056.htm" title="html ios 滚动条隐藏,CSS溢出滚动和隐藏滚动条（iOS）" target="_blank">html ios 滚动条隐藏,CSS溢出滚动和隐藏滚动条（iOS）</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/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/%E6%BB%9A%E5%8A%A8%E6%9D%A1%E9%9A%90%E8%97%8F/1.htm">滚动条隐藏</a> <div>6个答案:答案0:(得分：5)我只是玩了这个codepen(https://codepen.io/devstreak/pen/dMYgeO)，看来如果你为下面的所有三个属性设置background-color到transparent，滚动(在这个例子中)同时删除box-shadows)，根本看不到滚动条：#style-1::-webkit-scrollbar-track{//-webkit-box</div> </li> <li><a href="/article/1834870248424173568.htm" title="transform-origin设置变形中心点" target="_blank">transform-origin设置变形中心点</a> <span class="text-muted">每一天，每一步</span> <a class="tag" taget="_blank" href="/search/HTML%2FCSS/1.htm">HTML/CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>HTML代码：CSS代码：.box{width:100px;height:100px;background-color:purple;margin-left:150px;transition:all.5s;/*transform-origin:center;默认盒子的正中心为旋转中心点*//*transform-origin:left;设置左边线中心点为旋转中心点*//*transform-ori</div> </li> <li><a href="/article/1834870122041405440.htm" title="div盒子垂直居中的3种方法" target="_blank">div盒子垂直居中的3种方法</a> <span class="text-muted">每一天，每一步</span> <a class="tag" taget="_blank" href="/search/HTML%2FCSS/1.htm">HTML/CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>初始HTML代码如下：初始CSS代码如下：.father{width:300px;height:300px;background-color:pink;margin:20pxauto;}.son{width:100px;height:100px;background-color:blue;}初始效果图如下：垂直居中方法如下：使用子盒子与父盒子的外边距margin控制垂直方向位置.father{ov</div> </li> <li><a href="/article/1834869224200302592.htm" title="写出渗透测试信息收集详细流程" target="_blank">写出渗透测试信息收集详细流程</a> <span class="text-muted">卿酌南烛_b805</span> <div>一、扫描域名漏洞：域名漏洞扫描工具有AWVS、APPSCAN、Netspark、WebInspect、Nmap、Nessus、天镜、明鉴、WVSS、RSAS等。二、子域名探测：1、dns域传送漏洞2、搜索引擎查找（通过Google、bing、搜索c段）3、通过ssl证书查询网站：https://myssl.com/ssl.html和https://www.chinassl.net/ssltools</div> </li> <li><a href="/article/1834859789155397632.htm" title="source insight4.0中文乱码解决方法" target="_blank">source insight4.0中文乱码解决方法</a> <span class="text-muted">鹿屿二向箔</span> <a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/stm32/1.htm">stm32</a><a class="tag" taget="_blank" href="/search/keil/1.htm">keil</a><a class="tag" taget="_blank" href="/search/mdk/1.htm">mdk</a> <div>Sourceinsight是强大、顺手的代码编辑器，它几乎支持所有的语言，包括：C，C++，C#，HTML等等，能够自动创建并维护它自己高性能的符号数据库，包括函数、全局变量、结构、类和工程源文件里定义的其它类型的符号，对于大工程的源码阅读非常方便。但是因为是国外软件，对中文支持不是很好，很多电脑安装使用都会出现注释乱码问题，很让人抓狂。网上很多人遇到类似的问题，也有很多解决方式，也有很多“终极解</div> </li> <li><a href="/article/1834853739622658048.htm" title="前端发布 CDN缓存" target="_blank">前端发布 CDN缓存</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/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/CDN/1.htm">CDN</a> <div>公司给服务器加了CDN，导致有时前端代码上传打包后，正式环境页面效果却不更新。每次都需要去找运维刷CDN…让我彻底记住了CDN缓存CDN（ContentDeliveryNetwork，内容分发网络）是一种广泛使用的互联网技术，旨在提高用户访问网站的速度和可靠性。CDN的核心思想是将网站的内容缓存到全球分布的边缘节点上，让用户能够从最近的节点获取数据，从而减少延迟和带宽消耗。CDN缓存机制的基本原理</div> </li> <li><a href="/article/1834843152423415808.htm" title="刷刷前端手写题" target="_blank">刷刷前端手写题</a> <span class="text-muted">・T・T・</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%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/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>闭包用途闭包闭包让你可以在一个内层函数中访问到其外层函数的作用域防抖描述前面所有触发都被取消，最后一次执行，在规定时间之后才会触发，也就是说如果连续快速的触发，用户操作频繁，但只会执行一次。常用场景：输入框输入代码实现1、lodash的debounce函数2、当用户点击按钮时，debounce包装的getBtnValue函数会延迟3000毫秒执行。如果在这3000毫秒内用户再次点击按钮，那么之前的</div> </li> <li><a href="/article/1834834201300529152.htm" title="Java-后端程序员个人知识总结" target="_blank">Java-后端程序员个人知识总结</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章目录概要1.编程语言2.数据结构与算法3.数据库知识4.框架和库5.服务器管理6.网络知识7.版本控制8.测试9.安全知识10.系统设计11.编码规范与最佳实践12.持续学习和适应能力概要后端程序员，主要负责应用程序的逻辑、数据库交互、服务器配置以及应用的性能优化等。成为一名优秀的后台程序员，需要掌握以下技能：1.编程语言掌握至少一种后台编程语言JavaPythonHtmlJavaScript</div> </li> <li><a href="/article/1834832183529926656.htm" title="用前端的语言写后端——Node.js之Express" target="_blank">用前端的语言写后端——Node.js之Express</a> <span class="text-muted">tabzzz</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/express/1.htm">express</a> <div>ExpressExpress是一种流行的模型视图控制器(MVC)Node.js框架，具有快速、极简和灵活的优点，为Web和移动应用程序开发提供了强大的功能集合。最受欢迎的Node.js框架！文章目录Express安装ExpressHelloWorld路由中间件全局中间件应用中间件开放跨域请求几种常用的Express内置中间件函数1.JSON格式数据中间件函数2.静态文件中间件函数3.路由中间件函数</div> </li> <li><a href="/article/1834831425317203968.htm" title="【HTML】元素自定义属性设置与获取（两种方式-含data-*）" target="_blank">【HTML】元素自定义属性设置与获取（两种方式-含data-*）</a> <span class="text-muted">Sam9029</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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>介绍了两种自定义属性的方式一：完全自定义二：data-*内置的自定义方式1.自定义属性名Clickme!varbtn=document.querySelector('button')console.log(btn.getAttribute('desc'))//获取属性值btn.setAttribute('tip','pleaseclickbutton')//设置属性值–2.data-*自定义属性名</div> </li> <li><a href="/article/1834824106613239808.htm" title="前端技能树，面试复习第 29 天—— 简述 Babel 的原理 | Webpack 构建流程 | Webpack 热更新原理 | Git 常用命令" target="_blank">前端技能树，面试复习第 29 天—— 简述 Babel 的原理 | Webpack 构建流程 | Webpack 热更新原理 | Git 常用命令</a> <span class="text-muted">编程轨迹_</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E5%A4%8D%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">前端面试复习笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%9D%A2%E7%BB%8F/1.htm">前端面试面经</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/1.htm">前端工程化</a><a class="tag" taget="_blank" href="/search/Webpack/1.htm">Webpack</a><a class="tag" taget="_blank" href="/search/Babel/1.htm">Babel</a><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%A4%A7%E5%8E%82%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">大厂面试题</a> <div>31b3479814f74acbb70b9f63f2e80012.gif"width=“100%”>⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、答疑解惑、面试辅导以及职业发展。。1.Babel的原理是什么?babel的转译过程也分为三个阶段，这三步具体是：解析、转换、生成解析Parse:将代码解析⽣成抽象语法树（AS</div> </li> <li><a href="/article/1834818562884202496.htm" title="前端开发深入了解webpack" target="_blank">前端开发深入了解webpack</a> <span class="text-muted">史努比的大头</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>什么是webpackWebpack是一个现代JavaScript应用程序的模块打包工具。它主要用于将各种资源（如JavaScript、CSS、图片等）打包成一个或多个文件，以优化Web应用的加载性能。Webpack的核心功能包括：模块化：支持将代码拆分为模块，便于管理和重用。打包：将多个模块和资源打包成一个或多个文件，减少HTTP请求。加载器（Loaders）：处理不同类型的文件（如转换ES6到E</div> </li> <li><a href="/article/1834818182758625280.htm" title="【Webpack】了解Webpack" target="_blank">【Webpack】了解Webpack</a> <span class="text-muted">Sam9029</span> <a class="tag" taget="_blank" href="/search/Webpack/1.htm">Webpack</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/node.js/1.htm">node.js</a> <div>Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-前端领域博主‍若此文你认为写的不错，不要吝啬你的赞扬，求收藏，求评论，求一个大大的赞！*文章若有错误或某个内容有更优的解决方案，还望指正！*Webpack了解webpack指南https://webpack.docschina.org/guides/webpack文档https://webpack.docschina.org/前</div> </li> <li><a href="/article/1834814025607770112.htm" title="Cocos2d、Cocos2dx、Cocos Creator、Cocos Studio的区别" target="_blank">Cocos2d、Cocos2dx、Cocos Creator、Cocos Studio的区别</a> <span class="text-muted">Thomas游戏圈</span> <div>一、Cocos2d和Cocos2dx的区别【开发语言】：Cocos2d是Object-C写的，Cocos2dx是C++写的，支持使用C++、Lua或Java进行开发。【运行平台】：Cocos2d只能在IOS下运行，Cocos2dx是跨平台的，适配iOS、Android、HTML5、Windows和Mac系统，功能侧重于原生移动平台。点击链接加入群聊【Unity/Cocos交流群】【国籍】：Coco</div> </li> <li><a href="/article/1834796002360520704.htm" title="最好用的e2e框架，使用 Cypress 让产品持续稳定交付" target="_blank">最好用的e2e框架，使用 Cypress 让产品持续稳定交付</a> <span class="text-muted">Node全栈</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>以前我们经常使用nightwatch，现在都已经切换到cypress了，可以说cypress目前最好用的e2e框架。具体原因和对比，就是本文要讲的内容。背景ApacheAPISIXDashboard的设计是为了让用户通过前端界面尽可能方便地操作ApacheAPISIX。从项目初始化到现在，已经有552commits、发布了10个版本。在如此之快的产品迭代过程中，确保开源产品质量显的尤为重要。为此，</div> </li> <li><a href="/article/1834793357197537280.htm" title="生成一个完整的App代码通常不会仅仅通过单一的文件或几种语言的简单组合来完成，因为App的开发涉及前端用户界面、后端逻辑处理、数据库管理以及可能的第三方服务集成等多个方面。不过，我可以为你提供一个概念" target="_blank">生成一个完整的App代码通常不会仅仅通过单一的文件或几种语言的简单组合来完成，因为App的开发涉及前端用户界面、后端逻辑处理、数据库管理以及可能的第三方服务集成等多个方面。不过，我可以为你提供一个概念</a> <span class="text-muted">NewmanEdwarda2</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>前端(用户界面)yinanjinying.comHTML/CSS/JavaScript(原生Web开发)对于简单的WebApp，你可以直接使用HTML来构建页面结构，CSS来设置样式，JavaScript来添加交互性。React(JavaScript/TypeScript)对于更复杂的单页应用（SPA），React是一个流行的选择。它允许你构建可复用的UI组件。Flutter(Dart)如果你想要</div> </li> <li><a href="/article/1834786297240186880.htm" title="由于直接在回答中完整展示一个复杂如游戏商城的代码系统并不现实（会超出限制且难以维护），我将为你概述一个简化的游戏商城系统的架构，并提供关键部分的示例代码，这些代码将涵盖几种不同的编程语言。" target="_blank">由于直接在回答中完整展示一个复杂如游戏商城的代码系统并不现实（会超出限制且难以维护），我将为你概述一个简化的游戏商城系统的架构，并提供关键部分的示例代码，这些代码将涵盖几种不同的编程语言。</a> <span class="text-muted">NewmanEdwarda2</span> <a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>架构概述pzswcc.cn前端：用于展示商品、处理用户交互（如查看商品详情、添加到购物车、结账等）。后端：处理业务逻辑（如商品库存管理、订单处理、用户认证等），与数据库交互。数据库：存储商品信息、用户信息、订单信息等。示例代码前端（HTML+JavaScript）HTML（简单页面布局）html游戏商城游戏商城JavaScript(使用FetchAPI调用后端API)javascript//假设后</div> </li> <li><a href="/article/1834782013412962304.htm" title="python底层原理讲解_python底层原理" target="_blank">python底层原理讲解_python底层原理</a> <span class="text-muted">空蝉于是</span> <a class="tag" taget="_blank" href="/search/python%E5%BA%95%E5%B1%82%E5%8E%9F%E7%90%86%E8%AE%B2%E8%A7%A3/1.htm">python底层原理讲解</a> <div>有同学问到了一个问题，python中存储变量是通过内存地址来存储，那么python又是如何去判断内存中的地址是什么数据类型的呢。经过查找，找到这篇文章：原博客地址：http://www.cnblogs.com/aashui/p/9871009.html1.Python是如何进行内存管理的？答:从三个方面来说,一对象的引用计数机制,二垃圾回收机制,三内存池机制一、对象的引用计数机制Python内部使</div> </li> <li><a href="/article/1834780751468523520.htm" title="把html字符串转为可以被js操作的dom" target="_blank">把html字符串转为可以被js操作的dom</a> <span class="text-muted">微特尔普拉斯</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/node/1.htm">node</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在JavaScript中，您可以使用DOMParserAPI将HTML字符串转换为可操作的DOM节点。以下是具体步骤：1.创建DOMParser实例：constparser=newDOMParser();2.使用parseFromString()方法解析HTML字符串：consthtmlString='Hello,world!';constdoc=parser.parseFromString(ht</div> </li> <li><a href="/article/1834780499281801216.htm" title="解锁网页交互利器：深入浅出 AJAX，用 JavaScript 与后端服务器对话，局部请求刷新数据" target="_blank">解锁网页交互利器：深入浅出 AJAX，用 JavaScript 与后端服务器对话，局部请求刷新数据</a> <span class="text-muted">微特尔普拉斯</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</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>在当今互联网时代，网页早已不再是静态的信息展示平台，而是充满动态交互的应用体验场。而实现这种流畅交互体验的关键技术之一，便是AJAX（AsynchronousJavaScriptandXML）。它允许网页在后台悄无声息地与服务器交换数据，无需刷新整个页面，便可实现内容的动态更新，为用户带来行云流水般的操作体验。在AJAX出现之前，网页开发采用的是前后端不分离的模式。前端开发者编写好HTML和CSS</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>