【HTML】命令大全(常用的命令解析)

目录

1、HTML简介

<什么是HTML?>

的整体结构>

    1>HTML文档的头部(Head)部分

    2>HTML文档的主体(Body)部分

2、HTML常用标签

3、HTML属性

属性描述>

属性特点>

属性实例>

4、实体符号、表格

<实体符号>

<表格>

<表格的相关设置>

1、边框 border属性

2、宽度 width、高度  height属性

3、对齐方式 align属性

4、单元格合并

5、列表

6、表单form

<表单的作用>

<表单的基本组成>

<表单属性>

1、input标签

2、textarea 多行文本框

3、select>option 下拉选择框

<表单中数据提交的方式>


1、HTML简介

<什么是HTML?>

        HTML的英文全称是Hyper Text Marked Language,即超文本标记语言。

        所谓超文本,就是比文本的功能更加全面,包含了我们常见的文字、图片、音频、视频、超链接等。在HTML文本文件中,同样能存放标题、文本框、选项等内容。

        那标记又是什么呢?标记是HTML用自己的语法规则,把文本内容给包裹起来,就叫做标记。一般由尖括号包含关键词,如就是一个标记。另外,HTML中标记一般是成对出现的,如

,且标签对中的第一个标签是开始标签,第二个标签是结束标签。

        HTML的结构包括头部(Head)、主体(Body)两大部分。头部部分描述了HTML文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。主体部分用于放置网页中的所有内容,如文字、图片、链接、表格、表单等。一般HTML标准页面如下:






   文件名




 
  

    1、HTML文档的头部(Head)部分

        目前主流使用的HTML5,声明文档的解析类型(document.compatMode)HTML5标准网页声明,这个属性会被浏览器识别并使用,以避免浏览器的怪异模式,通常将这行代码写在HTML文件的的开头处。doctype声明不区分大小写。

        整个网页都是HTML文本,所以需要一个html标记来囊括起网页的所有内容。

        元素是用于定义文档的头部的,是所有其他头部元素的容器。HTML文档的各种属性和信息就是在元素中定义的。

        元素是用于指定网页上的字符集,页面描述,关键字,作者和其他元数据。其中,元数据主要是提供给浏览器,搜索引擎和其他Web服务使用的,以便更好地对网页进行排名。

        目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

        元素是用于定义文档的标题;适用于所有HTML 或者 XHTML文档。</p> <p></p> <p>        <style>元素用于设置HTML页面的样式,内联的css样式代码就是写在<style>元素内的。</p> <p></p> <p>        <link>元素用于将外部的css样式表链接到网页中。</p> <p></p> <p>        <script> 元素是用于定义客户端脚本,比如 JavaScript。</p> <p></p> <p>        <base>元素用于指定页面中所有相对URL的基本URL和基本目标。</p> </blockquote> <p></p> <h3 id="%C2%A0%C2%A0%C2%A0%C2%A02%3EHTML%E6%96%87%E6%A1%A3%E7%9A%84%E4%B8%BB%E4%BD%93%EF%BC%88Body%EF%BC%89%E9%83%A8%E5%88%86">    <strong>2、HTML文档的主体(Body)部分</strong></h3> <p>        Body部分用于放置网页中的所有内容,如文字、图片、链接、表格、表单等。</p> <p></p> <p></p> <h1 id="2%E3%80%81HTML%E5%B8%B8%E7%94%A8%E6%A0%87%E7%AD%BE">2、HTML常用标签</h1> <table> <tbody> <tr> <td style="vertical-align:top;"> <p>标签</p> </td> <td style="vertical-align:top;">含义</td> <td style="vertical-align:top;">描述</td> </tr> <tr> <td style="vertical-align:top;"><p></p></td> <td style="vertical-align:top;">段落标记</td> <td style="vertical-align:top;">n个段落就用n个<p>标签</td> </tr> <tr> <td style="vertical-align:top;"><h1></h1></td> <td style="vertical-align:top;">标题字</td> <td style="vertical-align:top;"><h1></h1>  到 <h6></h6>  在body里面写</td> </tr> <tr> <td style="vertical-align:top;"><br></td> <td style="vertical-align:top;">换行标记</td> <td style="vertical-align:top;">在想要换行的文字后面添加<br/>,那么<br/>后面的文字就会另起一行</td> </tr> <tr> <td style="vertical-align:top;"><hr></td> <td style="vertical-align:top;">横线</td> <td style="vertical-align:top;">水平线</td> </tr> <tr> <td style="vertical-align:top;"><pre></pre></td> <td style="vertical-align:top;">预留格式</td> <td style="vertical-align:top;">在此标签中手动输入的空格和换行都有效,就不必再输入<br/>和;了</td> </tr> <tr> <td style="vertical-align:top;"><del></del></td> <td style="vertical-align:top;">删除字</td> <td style="vertical-align:top;">即删除线</td> </tr> <tr> <td style="vertical-align:top;"><ins></ins></td> <td style="vertical-align:top;">插入字</td> <td style="vertical-align:top;">即下划线</td> </tr> <tr> <td style="vertical-align:top;"><b></b></td> <td style="vertical-align:top;">粗体字</td> <td style="vertical-align:top;">粗体字</td> </tr> <tr> <td style="vertical-align:top;"><strong></strong></td> <td style="vertical-align:top;">粗体字</td> <td style="vertical-align:top;">粗体字(强调)</td> </tr> <tr> <td colspan="1" rowspan="1" style="vertical-align:top;"><i></i></td> <td colspan="1" rowspan="1" style="vertical-align:top;">斜体字</td> <td colspan="1" rowspan="1" style="vertical-align:top;">文字斜体</td> </tr> <tr> <td colspan="1" rowspan="1" style="vertical-align:top;"><em></em></td> <td colspan="1" rowspan="1" style="vertical-align:top;">斜体字</td> <td colspan="1" rowspan="1" style="vertical-align:top;">文字斜体(强调)</td> </tr> <tr> <td colspan="1" rowspan="1" style="vertical-align:top;"><sup></sup></td> <td colspan="1" rowspan="1" style="vertical-align:top;">上标</td> <td colspan="1" rowspan="1" style="vertical-align:top;">上标</td> </tr> <tr> <td colspan="1" rowspan="1" style="vertical-align:top;"><sub></sub></td> <td colspan="1" rowspan="1" style="vertical-align:top;">下标</td> <td colspan="1" rowspan="1" style="vertical-align:top;">下标</td> </tr> <tr> <td colspan="1" rowspan="1" style="vertical-align:top;"><font></font></td> <td colspan="1" rowspan="1" style="vertical-align:top;">字体标签</td> <td colspan="1" rowspan="1" style="vertical-align:top;">用于设置字体格式及式样</td> </tr> <tr> <td colspan="1" rowspan="1" style="vertical-align:top;"><img></td> <td colspan="1" rowspan="1" style="vertical-align:top;">图片</td> <td colspan="1" rowspan="1" style="vertical-align:top;">用于插入图片</td> </tr> <tr> <td colspan="1" rowspan="1" style="vertical-align:top;"><a></a></td> <td colspan="1" rowspan="1" style="vertical-align:top;">链接</td> <td colspan="1" rowspan="1" style="vertical-align:top;">用于插入超链接</td> </tr> </tbody> </table> <p id=""></p> <p id=""></p> <h1 id="3%E3%80%81HTML%E5%B1%9E%E6%80%A7">3、HTML属性</h1> <h2 id="%3CHTML%E5%B1%9E%E6%80%A7%E6%8F%8F%E8%BF%B0%3E"><strong><HTML属性描述></strong></h2> <p>属性是 HTML 元素提供的附加信息。一般有以下4个规则:</p> <p>    1>HTML 元素可以设置属性</p> <p>    2>属性可以在元素中添加附加信息</p> <p>    3>属性一般描述于开始标签</p> <p>    4>属性总是以名称/值对的形式出现,比如:name="value"。</p> <p></p> <h2 id="%3CHTML%E5%B1%9E%E6%80%A7%E7%89%B9%E7%82%B9%3E"><strong><HTML属性特点></strong></h2> <p>属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。</p> <p></p> <h2 id="%3CHTML%E5%B1%9E%E6%80%A7%E5%AE%9E%E4%BE%8B%3E"><strong><HTML属性实例></strong></h2> <p>如:<a href="http://www.runoob.com">这是一个链接</a></p> <p>HTML 链接由 <a> 标签定义,链接的地址在 href 属性中指定。</p> <p></p> <p></p> <h1 id="4%E3%80%81%E5%AE%9E%E4%BD%93%E7%AC%A6%E5%8F%B7%E3%80%81%E8%A1%A8%E6%A0%BC">4、实体符号、表格</h1> <h2 id="%3C%E5%AE%9E%E4%BD%93%E7%AC%A6%E5%8F%B7%3E"><strong><实体符号></strong></h2> <p>HTML 符号是不呈现在标准的键盘上,比如数学运算符、箭头符号、技术符号和形状。如需向 HTML 页面添加这些符号,可以使用 HTML 实体符号。或者可以使用可以使用实体编号。</p> <p>实体符号特点是:以 & 开始,以 ; 结束。如 表示空格,> 表示大于号,< 表示小于号。</p> <p> </p> <h2 id="%3C%E8%A1%A8%E6%A0%BC%3E"><strong><表格></strong></h2> <p>表格由<table>标签来定义。每个表格均有若干行(由<tr>标签定义,标题单元格可以采用<th>标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。下面以一个两行两列的单元格为例,可以发现<th>标签也是单元格标签,比<td>多的是居中、加粗效果。</p> <p></p> <pre><code class="language-html"><table>   <tr>     <th>这是标题行第一列</th>     <th>这是标题行第二列</th>   </tr>   <tr>     <td>这是第二行第一列</td>     <td>这是第二行第二列</td>   </tr> </table></code></pre> <p></p> <h2 id="%3C%E8%A1%A8%E6%A0%BC%E7%9A%84%E7%9B%B8%E5%85%B3%E8%AE%BE%E7%BD%AE%3E"><strong><表格的相关设置></strong></h2> <h3 id="1%E3%80%81%E8%BE%B9%E6%A1%86%20border%E5%B1%9E%E6%80%A7"><strong>1、边框 border属性</strong></h3> <p>    可以在<table>标签中通过设置表格边框的像素决定边框的粗细,如<table border="1px"></table></p> <p></p> <h3 id="2%E3%80%81%E5%AE%BD%E5%BA%A6%C2%A0width%E3%80%81%E9%AB%98%E5%BA%A6%C2%A0%20height%E5%B1%9E%E6%80%A7"><strong>2、宽度 <strong>width</strong>、高度  height属性</strong></h3> <p>    宽度、高度属性设置的方法与border属性相同,可以采用像素的方式。同时也可以用百分比的形式,来决定表格占据页面的宽度(这种方式设置的表格不是定长定宽,而会随着页面大小的变化而改变。)<table  width="50%"></table></p> <p></p> <h3 id="3%E3%80%81%E5%AF%B9%E9%BD%90%E6%96%B9%E5%BC%8F%20align%E5%B1%9E%E6%80%A7"><strong>3、对齐方式 align属性</strong></h3> <p><strong>    </strong>align属性可以设置表格的对齐方式,包括左对齐left、右对齐right、居中对齐center和两端对齐justify。<table align="center"></table></p> <p></p> <h3 id="4%E3%80%81%E5%8D%95%E5%85%83%E6%A0%BC%E5%90%88%E5%B9%B6"><strong>4、单元格合并</strong></h3> <p><strong>    </strong>合并分为行合并rowspan和列合并colspan。当对表格进行合并的时候,需要将被合并的单元格进行删除,否则该单元格中的内容会发生溢出现象。row合并的时候,删除"下面的"单元格,col合并的时候,对删除哪个没有要求。当然,列方向和行方向可以同时进行合并,保留最上面或者最左边的td,删除其余被合并的td。</p> <p></p> <h3 id="5%E3%80%81%E5%88%97%E8%A1%A8">5、列表</h3> <p>列表分为3类,分别为有序列表 Ordered List、无序列表Unordered List和定义列表Definition List。</p> <p> </p> <p><strong><有序列表>列表会以数字的形式进行排序</strong></p> <pre><code class="language-html"> <ol> <li>水果</li> <ol> <li>苹果</li> <li>西瓜</li> <li>橘子</li> </ol> <li>蔬菜</li> <li>甜点</li> </ol></code></pre> <p></p> <p></p> <p><strong><无序列表>列表以点表的方式排序</strong></p> <pre><code class="language-html"> <ul> <li>中国</li> <ul> <li>北京</li> <ul> <li>朝阳区</li> <li>东城区</li> </ul> <li>天津</li> <li>上海</li> </ul> <li>美国</li> <li>日本</li> </ul> </code></pre> <p></p> <p><strong><定义列表></strong></p> <p>定义列表dl>dt+dd</p> <p>        dl:声明定义列表</p> <p>        dt:定义主题</p> <p>        dd:定义解释项</p> <pre><code class="language-html"><ol> <li>水果</li> <ol> <li>苹果</li> <li>西瓜</li> <li>橘子</li> </ol> <li>蔬菜</li> <li>甜点</li> </ol></code></pre> <p> <code> </code></p> <p></p> <h1 id="6%E3%80%81%E8%A1%A8%E5%8D%95form">6、表单form</h1> <p></p> <h2 id="%3C%E8%A1%A8%E5%8D%95%E7%9A%84%E4%BD%9C%E7%94%A8%3E"><strong><表单的作用></strong></h2> <p>        表单对于用户是数据的录入和提交的界面,对于网站是获取用户信息的途径。收集用户信息。表单展现之后,用户填写表单,点击提交按钮提交数据给服务器。使用<form></form>标签即可完成表单的绘制。由于表单最终是需要提交数据给服务器的,form标签有一个action属性,action属性用来指定数据提交给哪个服务器。action属性和超链接中的href属性一样,都可以向服务器发送请求(request)。</p> <p></p> <h2 id="%3C%E8%A1%A8%E5%8D%95%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%84%E6%88%90%3E"><strong><表单的基本组成></strong></h2> <p>         一个表单有三个基本组成部分:表单标签、表单域、表单按钮。实质是存储表单控件的网页文件和处理表单提交数据的处理程序,该程序在服务器上运行。</p> <p>        如 <form action="http://192.168.111.3:8080/oa/save">中,http://192.168.111.3:8080/oa/save 这是请求路径,表单提交数据最终提交给:192.168.111.3机器上的8080端口对应的软件。</p> <p> </p> <h2 id="%3C%E8%A1%A8%E5%8D%95%E5%B1%9E%E6%80%A7%3E"><strong><表单属性></strong></h2> <h3 id="1%E3%80%81input%E6%A0%87%E7%AD%BE"><strong>1、input标签</strong></h3> <p>         <input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、单选按钮、按钮等等。</p> <p>        如<input type="text" name="username" value="text">其中,type表示input元素类型,name表示input元素名称,value表示input元素的初始值。</p> <p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/aa7b23d65e36427db20836b936d3043a.jpg" target="_blank"><img alt="【HTML】命令大全(常用的命令解析)_第1张图片" src="http://img.e-com-net.com/image/info8/aa7b23d65e36427db20836b936d3043a.jpg" width="650" height="267" style="border:1px solid black;"></a></p> <p> </p> <p></p> <p><strong>    <inuput>标签的type属性</strong></p> <blockquote> <p>1.单行输入框<input type="<strong>text</strong>"><br>         单行文本输入框常用来输入简短的信息,如<strong>用户名</strong>、<strong>账号</strong>等,常用的属性有name、value、 maxlength。</p> <p><br> 2.密码输入框<input type="<strong>password</strong>"><br>         密码输入框用来输入<strong>密码</strong>,其内容将以圆点的形式显示。</p> <p><br> 3.单选按钮<input type="<strong>radio</strong>"><br>         单选按钮用于<strong>单项选择</strong>,如选择<strong>性别</strong>、是否操作等。需要注意的是,在定义单选按钮时,<strong>必须为同一组中的选项指定相同的name值,这样“单选”才会生效。</strong>此外,可以对单选按钮应用 <strong>checked</strong>属性,指定默认选中项。</p> <p><br> 4.复选框<input type="<strong>checkbox</strong>"><br>         复选框常用于多项选择,如选择<strong>兴趣</strong>、爱好等,可对其应用checked属性,指定默认选中项。</p> <p><br> 5.普通按钮<input type="<strong>button</strong>"><br>         普通按钮常常配合JavaScript脚本语言使用,初学者了解即可。</p> <p><br> 6.提交按钮<input type="<strong>submit</strong>"><br>         提交按钮是表单中的核心控件,用户完成信息的输入后一般都需要单击提交按钮才能完成表单数据的提交。可以对其应用value属性,改变提交按钮上的默认文本。</p> <p><br> 7.重置按钮<input type="<strong>reset</strong>"><br>         当用户输入的信息有误时,可单击重置按钮取消已输入的所有表单信息。可以对其应用value属性,改变重置按钮上的默认文本。</p> <p><br> 8.图像形式的提交按钮<input type="<strong>image</strong>"><br>         图像形式的提交按钮与普通的提交按钮在功能上基本相同,只是它用图像替代了默认的按钮,外观上更加美观。需要注意的是,必须为其定义src属性指定图像的url地址。</p> <p><br> 9.隐藏域<input type="<strong>hidden</strong>"><br>         隐藏域对于用户是不可见的,通常用于后台的程序,初学者了解即可。</p> <p><br> 10.文件域<input type="<strong>flie</strong>"><br>         当定义文件域时,页面中将出现一个“选择文件”按钮和提示信息文本,用户可以通过单击按钮然后直接选择文件的方式,将文件提交给后台服务器。</p> <p><br> 11.emai类型<input type="<strong>email</strong>"><br>         emai类型的<input>标记是一种专门用于输入E-mai地址的文本输入框,用来验证emai输入框的内容是否符合E-mai地址格式;如果不符合,将提示相应的错误信息。</p> <p><br> 12.url类型<input type="<strong>url</strong>"><br>         Url类型的<input>标记是一种用于输入URL地址的文本框。如果所输入的内容是URL地址格式的文本,则会提交数据到服务器;如果输入的值不符合URL地址格式,则不允许提交,并且会有提示信息。</p> <p><br> 13. search类型<input type="<strong>search</strong>"><br>         search类型是一种专门用于输入搜索关键词的文本框,它能自动记录一些字符,如站点搜索或者Google搜索。在用户输入内容后,其右侧会附带一个删除图标,单击这个图标按钮可以快速清除内容。</p> </blockquote> <p></p> <h3 id="2%E3%80%81textarea%20%E5%A4%9A%E8%A1%8C%E6%96%87%E6%9C%AC%E6%A1%86"><strong>2、textarea 多行文本框</strong></h3> <p>        通过将type属性设置为text ,input标签可以获得与textarea标签类似的效果。但是,使用input标签只能输入一行文本,如果你想输入多行文本,我们可以使用<textarea>标签。在<textarea>标签中,可以通过指定文本域的行数和列数,来决定文本框的大小。</p> <p>        如:<textarea rows="5" cols="50"></textarea>,表示创建一个5行50列的文本域。</p> <p></p> <h3 id="3%E3%80%81select%3Eoption%20%E4%B8%8B%E6%8B%89%E9%80%89%E6%8B%A9%E6%A1%86"><strong>3、select>option 下拉选择框</strong></h3> <p>        在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,可使用<select>标签控件定义下拉列表,<select>标签中至少包含一对<option>,并且<option>标签中面对不同的选项,必须设置不同的value属性,只有这样,数据提交到后台时,才能根据相应的value值进行选项的判断。</p> <p>        在<option>标签中定义select="selected"时,当前项即为默认选中项。</p> <p></p> <h2 id="%3C%E8%A1%A8%E5%8D%95%E4%B8%AD%E6%95%B0%E6%8D%AE%E6%8F%90%E4%BA%A4%E7%9A%84%E6%96%B9%E5%BC%8F%3E"><strong><strong><表单中数据提交的方式></strong></strong></h2> <p>http://localhost:8080/jd/login?username=123123&userpwd=123</p> <p>        以键值对的格式:action?name=value&name=value&name=value&.....(这是W3C的HTTP协议规定的,必须以这种格式提交给服务器。)</p> <p><strong>        重点强调:</strong>表单项写了name属性的,一律会提交给服务器。不想提交这一项,就不要写name属性。</p> <p>        文本框和密码框的value不需要程序员指定,用户输入什么value就是什么,而当name没有写的时候,该项不会提交给服务器。但是当value没有写的时候,value的默认值是空字符串"",会将空字符串提交给服务器。java代码得到的是:String username="";</p> <p>        通过上面我们可以得知,当表单提交数据的时候,会将我们填入的包括密码在内的数据以明文的形式显示在浏览器地址栏当中。我们不希望该信息被人得知,此时引入了method属性。</p> <p> </p> <p><strong>form表单method属性</strong></p> <p>     <strong>get:</strong>采用get方式提交的时候,用户提交的信息会显示在浏览器的地址栏上。</p> <p>    method属性不指定,或者指定get,这种情况下都是get。只有当method属性指定为post的时候才是post请求,剩下所有的请求都是get请求。</p> <p>     <strong>post:</strong>采用post方式提交的时候,用户提交的信息不会显示在浏览器的地址栏上。当用户提交的信息中含有敏感信息,例如:密码。建议改成post方式提交。</p> <p>    post提交的时候提交的数据格式和get还是一样的,只不过不在地址栏上显示出来。post提交的数据还是:name=value&name=value&name=value...</p> <p></p> <p></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1633614707598352384"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html,css,前端)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1903753561662091264.htm" title="HTML实现酷炫3D相册" target="_blank">HTML实现酷炫3D相册</a> <span class="text-muted">算法与编程之美</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。欢迎加入团队圈子!与作者面对面!直接点击!目录1、创建文件目录2、调背景色3、制作3D相册4、将图片散开,围成一圈。5、绘制透明底盘6、最终效果1、创建文件目录在Hbuilder在新建一个目录,创建css和js文件。图12、调背景色在style块里面给整个页面渲染成黑色调。*{padd</div> </li> <li><a href="/article/1903753056751775744.htm" title="CSS动画:逐帧动画与steps()函数" target="_blank">CSS动画:逐帧动画与steps()函数</a> <span class="text-muted">双囍菜菜</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9A%8F%E8%AE%B0/1.htm">前端随记</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>逐帧动画与steps()函数:精准掌控动画节奏关键词:steps()函数、雪碧图、精灵动画、帧动画优化文章目录逐帧动画与steps()函数:精准掌控动画节奏一、逐帧动画的本质:时间函数的维度突破1.1线性动画的局限性1.2steps()函数数学解析二、视觉化解析:steps()工作原理2.1时间轴切片演示2.2与线性动画对比三、商业级案例:RPG游戏角色行走动画3.1雪碧图制作规范3.2完整实现代</div> </li> <li><a href="/article/1903752297968627712.htm" title="【Html+CSS】3D旋转相册" target="_blank">【Html+CSS】3D旋转相册</a> <span class="text-muted">小木荣</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/3d/1.htm">3d</a> <div>3D旋转木马相册&3D盒子相册因为代码大部分相同,就放一起了注释一下就是另一个相册3D旋转木马相册body{background-color:#000;/*视距,使子元素获得视距效果*/perspective:900px;}section{margin:20vhauto;position:relative;width:200px;height:200px;/*开启3D空间*/transform-s</div> </li> <li><a href="/article/1903749270721327104.htm" title="systemd-networkd 的 /etc/systemd/network/*.network 能不能一个文件配置多块网卡?不能" target="_blank">systemd-networkd 的 /etc/systemd/network/*.network 能不能一个文件配置多块网卡?不能</a> <span class="text-muted">kfepiza</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/CentOS/1.htm">CentOS</a><a class="tag" taget="_blank" href="/search/Ubuntu/1.htm">Ubuntu</a><a class="tag" taget="_blank" href="/search/%E7%AD%89/1.htm">等</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E6%8E%A7%E5%88%B6%E5%8F%B0%E5%91%BD%E4%BB%A4%E8%A1%8C/1.htm">控制台命令行</a><a class="tag" taget="_blank" href="/search/Shell%E8%84%9A%E6%9C%AC/1.htm">Shell脚本</a><a class="tag" taget="_blank" href="/search/sh/1.htm">sh</a><a class="tag" taget="_blank" href="/search/cmd/1.htm">cmd</a><a class="tag" taget="_blank" href="/search/%E7%AD%89/1.htm">等</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E9%80%9A%E8%AE%AF%E4%BC%A0%E8%BE%93%E5%8D%8F%E8%AE%AE/1.htm">网络通讯传输协议</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E8%81%94/1.htm">物联</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/tcp%2Fip/1.htm">tcp/ip</a> <div>systemd-networkd的/etc/systemd/network/*.network能不能一个文件配置多块网卡?不能查看官方文档可以用mansystemd.network命令,或访问:https://www.freedesktop.org/software/systemd/man/latest/systemd.network.html在systemd-networkd的配置中,一个.ne</div> </li> <li><a href="/article/1903742714948677632.htm" title="深入理解 <; 和 >;:HTML 实体转义的核心指南!!!" target="_blank">深入理解 <; 和 >;:HTML 实体转义的核心指南!!!</a> <span class="text-muted">小丁学Java</span> <a class="tag" taget="_blank" href="/search/%E7%A7%AF%E7%B4%AF%E5%B0%8F%E7%9F%A5%E8%AF%86/1.htm">积累小知识</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>️深入理解<和>:HTML实体转义的核心指南️在编程和文档编写中,符号无处不在,但它们也是引发语法错误、安全漏洞和渲染混乱的头号元凶!本文将聚焦<(小于号)和>(大于号)这两个HTML实体,解析它们的核心作用、使用场景及避坑技巧,助你写出更安全、更健壮的代码!一、❓为什么需要转义?1.符号冲突问题•HTML/XML标签冲突:是标签的起始和结束符(如)。若直接在文本中使用,解</div> </li> <li><a href="/article/1903740444278321152.htm" title="SassScript:Sass中的编程特性详解" target="_blank">SassScript:Sass中的编程特性详解</a> <span class="text-muted">jiajia651304</span> <a class="tag" taget="_blank" href="/search/sass/1.htm">sass</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>Sass(SyntacticallyAwesomeStylesheets)是一种强大的CSS预处理器,它允许开发者使用类似于编程语言的语法来编写CSS,然后通过编译生成标准的CSS代码。SassScript是Sass中的编程特性集合,它包含了变量、嵌套规则、混合、函数以及控制指令等,极大地提高了CSS的开发效率和可维护性。1.变量SassScript中的变量允许开发者在样式表中存储和重复使用值。变</div> </li> <li><a href="/article/1903740317962661888.htm" title="前端请求全面解析:AJAX、Axios 与 Fetch 的使用详解与代码示例" target="_blank">前端请求全面解析:AJAX、Axios 与 Fetch 的使用详解与代码示例</a> <span class="text-muted">jiajia651304</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>前端请求全面解析:AJAX、Axios与Fetch的使用详解与代码示例前端请求全面解析:AJAX、Axios与Fetch的使用详解与代码示例1.AJAX——传统的异步请求1.1基本用法示例1.2AJAX特点2.FetchAPI——现代化请求方案2.1基本用法示例2.2Fetch特点3.Axios——第三方HTTP请求库3.1安装Axios3.2基本用法示例3.3Axios特点4.总结前端请求全面解</div> </li> <li><a href="/article/1903736158651740160.htm" title="OpenLayers集成天地图服务开发指南" target="_blank">OpenLayers集成天地图服务开发指南</a> <span class="text-muted">喆星时瑜</span> <a class="tag" taget="_blank" href="/search/WebGIS/1.htm">WebGIS</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%A4%A9%E5%9C%B0%E5%9B%BE/1.htm">天地图</a><a class="tag" taget="_blank" href="/search/OpenLayers/1.htm">OpenLayers</a><a class="tag" taget="_blank" href="/search/GIS/1.htm">GIS</a><a class="tag" taget="_blank" href="/search/%E5%A4%A9%E5%9C%B0%E5%9B%BE/1.htm">天地图</a><a class="tag" taget="_blank" href="/search/WebGIS/1.htm">WebGIS</a><a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/%E5%9C%B0%E5%9B%BE/1.htm">地图</a><a class="tag" taget="_blank" href="/search/%E5%9C%B0%E5%9B%BEAPI/1.htm">地图API</a> <div>以下是一份面向GIS初学者的OpenLayers开发详细教程,深度解析代码:一、开发环境搭建1.1OpenLayers库引入ol.css:包含地图控件、图层等可视化样式ol.js:OpenLayers核心功能库推荐使用固定版本号(如v7.3.0)确保稳定性1.2地图容器设置.map{//设置地图控件显示尺寸height:95vh;width:95vw;}使用视口单位(vh/vw)实现响应式布局保留</div> </li> <li><a href="/article/1903734519983304704.htm" title="编程内容简述!" target="_blank">编程内容简述!</a> <span class="text-muted">恶霸不委屈</span> <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/%E9%9D%92%E5%B0%91%E5%B9%B4%E7%BC%96%E7%A8%8B/1.htm">青少年编程</a><a class="tag" taget="_blank" href="/search/%E6%B1%87%E7%BC%96/1.htm">汇编</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>编程是指通过计算机语言来开发软件、程序和应用的过程,通常通过编写一系列的指令,来让计算机完成特定的任务。编程可以涉及多个领域和技术,以下是一些主要的编程内容:1.编程语言编程语言是程序员与计算机进行沟通的桥梁,不同的编程语言适用于不同的任务。常见的编程语言有:Python:简单易学,适用于数据分析、人工智能、网页开发等。JavaScript:网页开发中不可或缺的语言,用于动态网页和前端开发。Jav</div> </li> <li><a href="/article/1903726950451572736.htm" title="AWS CLI with MinIO Server" target="_blank">AWS CLI with MinIO Server</a> <span class="text-muted">库海无涯</span> <a class="tag" taget="_blank" href="/search/aws/1.htm">aws</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a> <div>1、InstallMinIOServerhttps://min.io/docs/minio/linux/index.htmlCreateAKandSKandrecordinformation.AK:ZYYMPcLi6dSPsDfr5QeWSK:Am3m2qtpkUk2wAgT5dPbpE4hGD2tX7a6RpjsbeEdAndcreateabucketnamedaswtest.2、Install</div> </li> <li><a href="/article/1903721909925769216.htm" title="html.partial mvc5,[ASP.NET Core Razor Pages系列教程]ASP.NET Core Razor Pages中的Partial Views(部分视图)(04)..." target="_blank">html.partial mvc5,[ASP.NET Core Razor Pages系列教程]ASP.NET Core Razor Pages中的Partial Views(部分视图)(04)...</a> <span class="text-muted">安静的小屁孩儿</span> <a class="tag" taget="_blank" href="/search/html.partial/1.htm">html.partial</a><a class="tag" taget="_blank" href="/search/mvc5/1.htm">mvc5</a> <div>PartialViews(部分视图)什么是PartialViews?PartialViews(之后统称:部分视图)是包含了HTML代码片段和服务端代码的Razor文件,它同样以.cshtml为扩展名。部分视图可以被包含在任意数量的页面或者布局中。部分视图可以用来将复杂的页面分解成更小的单元,从而减少复杂性,同时也可以在团队开发中被复用。什么时候使用部分视图(PartialViews)部分视图可以处</div> </li> <li><a href="/article/1903721403350315008.htm" title="Axios 和 跨域 这两个概念" target="_blank">Axios 和 跨域 这两个概念</a> <span class="text-muted">PLJJ685</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%E7%9A%84%E4%BB%93%E5%BA%93%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/1.htm">前后端分离的仓库管理系统</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.Axios是什么?Axios是一个用于发送网络请求的工具,类似于浏览器自带的fetch,但更强大、更易用。在前端(Vue)中,我们通常用Axios来向后端(SpringBoot)请求数据。举个例子:假设你在一个仓储系统中,前端需要从后端获取商品库存信息。这时,前端就可以用Axios发送一个请求,比如:axios.get('/api/inventory').then(response=>{con</div> </li> <li><a href="/article/1903717486902177792.htm" title="麦谷科技-前端面经" target="_blank">麦谷科技-前端面经</a> <span class="text-muted">dancehole</span> <a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>base:车联网,uniapp小程序。面试时间:2025-03月(应届)投递岗位:前端(转正实习)面试流程比较短,可能是因为经历不匹配或者第一题答的不好Tvt时间:上午约一面,下午约二面,隔一天(第三天)约hr面。整体流程还是很快的。HR面去公司线下参观了,整体地理环境也很nice。最后因为个人原因没有入职,也是相当可惜一面自我介绍&BG:两端实习,介绍了一下自己的工作。面试官表示不太感兴趣(问了</div> </li> <li><a href="/article/1903717355742097408.htm" title="Vue3前端开发:组件化设计与状态管理" target="_blank">Vue3前端开发:组件化设计与状态管理</a> <span class="text-muted">caihuayuan4</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a> <div>Vue3前端开发:组件化设计与状态管理一、Vue3组件化设计组件基本概念与特点是一款流行的JavaScript框架,它支持组件化设计,这意味着我们可以将页面分解成多个独立的组件,每个组件负责一部分功能,通过组件的嵌套和复用,可以快速构建复杂的用户界面。组件化设计具有以下特点:组件示例组件选项在上面的代码示例中,我们通过Vue.component方法注册了一个名为my-component的组件,这是</div> </li> <li><a href="/article/1903702429405343744.htm" title="使用 Sa-Token 完成踢人下线功能" target="_blank">使用 Sa-Token 完成踢人下线功能</a> <span class="text-muted"></span> <div>一、需求在企业级项目中,踢人下线是一个很常见的需求,如果要设计比较完善的话,至少需要以下功能点:可以根据用户userId踢出指定会话,对方再次访问系统会被提示:您已被踢下线,请重新登录。可以查询出一个账号共在几个设备端登录,并返回其对应的Token凭证,以便后续操作。可以只踢出一个账号某一个端的会话,其他端不受影响。例如在某电商APP上可以看到当前账号共在几个手机上登录,并注销指定端的会话,当前端</div> </li> <li><a href="/article/1903699821768798208.htm" title="为什么后端路由需要携带 /api 作为前缀?前端如何设置基础路径 /api?" target="_blank">为什么后端路由需要携带 /api 作为前缀?前端如何设置基础路径 /api?</a> <span class="text-muted">z2637305611</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、为什么后端路由需要携带/api作为前缀?1.区分API端点与其他路由在Web应用程序中,后端不仅需要处理API请求,还可能需要处理静态资源(如HTML、CSS、JS文件)或其他服务(如WebSocket)。通过为API路由添加/api前缀,可以清晰地将其与其他请求区分开来,避免路由冲突。例如:API请求:https://example.com/api/users静态资源请求:https://e</div> </li> <li><a href="/article/1903697894897152000.htm" title="docker避免容器中的内容被挂载的空目录覆盖(比如nginx的html目录)" target="_blank">docker避免容器中的内容被挂载的空目录覆盖(比如nginx的html目录)</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/dockervolume/1.htm">dockervolume</a> <div>我有一个镜像jb:1.0,镜像中/jb下有一些内容需要挂载到宿主机来dockervolumecreatejb_volumedockerrun--namejb-v/home/dcw/data:/data--mountsource=jb,target=/jb-itdjb:1.0如果想修改宿主机中的内容可以通过下面命令找到挂载的内容在宿主机的位置dockerinspectjbimage.png</div> </li> <li><a href="/article/1903692383581696000.htm" title="开源项目推荐:Mayfly-go" target="_blank">开源项目推荐:Mayfly-go</a> <span class="text-muted">周风队</span> <div>开源项目推荐:Mayfly-gomayfly-goweb版linux(终端文件脚本进程)、数据库(mysqlpgsql高斯达梦)、redis(单机哨兵集群)、mongo统一管理操作平台。项目地址:https://gitcode.com/gh_mirrors/ma/mayfly-goMayfly-go是一个基于浏览器的统一管理操作平台,它支持多种数据库和系统管理功能。该项目主要使用Go语言和前端框架</div> </li> <li><a href="/article/1903692004299173888.htm" title="Flutter App开发,高效解决如何将用户登录手机号部分用星号代替在页面中展示" target="_blank">Flutter App开发,高效解决如何将用户登录手机号部分用星号代替在页面中展示</a> <span class="text-muted">champion_ooO</span> <a class="tag" taget="_blank" href="/search/Flutter/1.htm">Flutter</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a> <div>在开发App时,一般都会遇到个人中心的页面,这个时候页面中要展示出来用户当前登录手机号码,但是数据库存的是正常的手机号,需要前端自己来将部分用星号('*')代替。第一步:定义一个变量存储手机号classPersonPageextendsStatefulWidget{constPersonPage({Key?key}):super(key:key);@overrideStatecreateState</div> </li> <li><a href="/article/1903687217507790848.htm" title="Scrapy 入门教程" target="_blank">Scrapy 入门教程</a> <span class="text-muted">zru_9602</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/scrapy/1.htm">scrapy</a> <div>Scrapy入门教程Scrapy是一个用于爬取网站数据的Python框架,功能强大且易于扩展。本文将介绍Scrapy的基本概念、安装方法、使用示例,并展示如何编写一个基本的爬虫。1.什么是Scrapy?Scrapy是一个开源的、用于爬取网站数据的框架,主要特点包括:高效、异步的爬取机制强大的XPath和CSS选择器解析能力内置中间件,支持代理、去重等功能易于扩展,适用于各种爬虫需求2.安装Scra</div> </li> <li><a href="/article/1903679149852127232.htm" title="「JavaScript深入」Socket.IO:基于 WebSocket 的实时通信库" target="_blank">「JavaScript深入」Socket.IO:基于 WebSocket 的实时通信库</a> <span class="text-muted">八了个戒</span> <a class="tag" taget="_blank" href="/search/JavaScript%E7%B3%BB%E5%88%97/1.htm">JavaScript系列</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%AE%9D%E5%85%B8/1.htm">面试宝典</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%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/websocket/1.htm">websocket</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Socket.IOSocket.IO的核心特性Socket.IO的架构解析Socket.IO的工作流程Socket.IO示例:使用Node.js搭建实时聊天服务器1.安装Socket.IO2.服务器端代码(Node.js)3.客户端代码(HTML+JavaScript)4.房间功能高级功能实现1.命名空间2.中间件3.二进制传输性能优化策略1.负载均衡2.资源管理3.监控与调试安全与可靠性1.安全</div> </li> <li><a href="/article/1903641836078034944.htm" title="github上传文件方法格式" target="_blank">github上传文件方法格式</a> <span class="text-muted">镜宇秋霖丶</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a> <div>echo"#myHtmlFirst1.0">>README.mdgitinitgitaddREADME.md(这条指令改成下面的)gitadd.gitcommit-m"firstcommit"gitbranch-Mmaingitremoteaddorigingit@github.com:xxxxxxxxx/myHtmlFirst1.0.gitgitpush-uoriginmain以上是第一次上传以</div> </li> <li><a href="/article/1903635905923575808.htm" title="HTML语言的贪心算法" target="_blank">HTML语言的贪心算法</a> <span class="text-muted">宇瞳月</span> <a class="tag" taget="_blank" href="/search/%E5%8C%85%E7%BD%97%E4%B8%87%E8%B1%A1/1.htm">包罗万象</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>HTML语言的贪心算法:理论与实践引言在编程和算法研究中,贪心算法是一种广泛应用的解决问题的方法。它通过对每一阶段选择最优解的方式来构建整个问题的解决方案。贪心算法不一定能在所有情况下得到最优解,但在许多实际问题中,它能够提供一个足够好的近似解。本文将探讨贪心算法的基本概念、典型应用、优缺点,并结合HTML语言的特点,提出一些具体的实现示例和思考。一、贪心算法的基本概念贪心算法是一种求解最优化问题</div> </li> <li><a href="/article/1903633702395637760.htm" title="前端开发:这就是终点吗?" target="_blank">前端开发:这就是终点吗?</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFjavascript/1.htm">前端javascript</a> <div>ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读让我们重新回到2021年后远程办公风潮兴起的日子,那时候,程序员岗位炙手可热。机会遍地都是,你甚至只需参加少量培训,通过面试后便能轻松收获年薪超15万的工作,还有余暇拍摄一段《程序员的一天》上传网络。经过短短一年左右的培训,你便踏上了年薪六位数的职业道路——那时候,当程序员似乎是一个人人羡慕的理想职业。然而</div> </li> <li><a href="/article/1903628470756372480.htm" title="SpringBoot接口防抖(防重复提交),接口幂等性,轻松搞定" target="_blank">SpringBoot接口防抖(防重复提交),接口幂等性,轻松搞定</a> <span class="text-muted">web18285482512</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>啥是防抖?所谓防抖,一是防用户手抖,二是防网络抖动。在Web系统中,表单提交是一个非常常见的功能,如果不加控制,容易因为用户的误操作或网络延迟导致同一请求被发送多次,进而生成重复的数据记录。要针对用户的误操作,前端通常会实现按钮的loading状态,阻止用户进行多次点击。而对于网络波动造成的请求重发问题,仅靠前端是不行的。为此,后端也应实施相应的防抖逻辑,确保在网络波动的情况下不会接收并处理同一请</div> </li> <li><a href="/article/1903611950290497536.htm" title="春招,作为普通IT实习生的我有哪些想法和准备?" target="_blank">春招,作为普通IT实习生的我有哪些想法和准备?</a> <span class="text-muted">十八朵郁金香</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>想法&随记对即将毕业的大学生来说,秋招和春招是求职的好机会,也是一次尝试向社会进行"自我推销"的机会,体现自己的综合能力,是“意满签Offer”?还是“露出马脚,社死场面”?“准备-天时地利人和-行动”后,我们会有答案。话题回到自己,春招,我有哪些想法?去年,在学校举办校园秋招招聘之前,我已经通过线上投递+线下面试找到实习,在一家人数规模100~200的公司当前端实习生,到现在已有四个多月,没有经</div> </li> <li><a href="/article/1903609934151479296.htm" title="[前端面试场景题]虚拟列表" target="_blank">[前端面试场景题]虚拟列表</a> <span class="text-muted">GISer_Jinger</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>嗯,用户问的是“前端虚拟列表详解”,我需要详细回答这个问题。首先,我得先理解虚拟列表的概念和用途。根据搜索结果,虚拟列表主要用于优化长列表的渲染性能,特别是在处理大量数据时。用户可能想知道它的核心原理、实现方法以及实际应用场景。看网页1提到虚拟列表的定义和关键点,只渲染视口内的数据项,减少DOM节点。网页2和网页4都给出了具体的Vue和原生JS实现案例,比如动态计算起始和结束索引,使用transf</div> </li> <li><a href="/article/1903608290303078400.htm" title="微信小程序的旅游服务助手 景点 酒店 旅游规划的设计与实现" target="_blank">微信小程序的旅游服务助手 景点 酒店 旅游规划的设计与实现</a> <span class="text-muted">QQ1304979694</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>文章目录具体实现截图本项目支持的技术语言研究思路、方法和步骤本系统开发思路主要软件与实现手段系统可行性分析源码获取详细视频演示:文章底部获取博主联系方式!!!!java类核心代码部分展示微信小程序技术现状源码获取/详细视频演示具体实现截图本项目支持的技术语言前端开发框架:vue.js+uniapp数据库mysql版本不限微信开发者工具/hbuiderx数据库工具:Navicat/SQLyog等都可</div> </li> <li><a href="/article/1903596056646578176.htm" title="HTML5实现左右滑动数据变化" target="_blank">HTML5实现左右滑动数据变化</a> <span class="text-muted">ice_junjun</span> <a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/%E5%B7%A6%E5%8F%B3%E6%BB%91%E5%8A%A8/1.htm">左右滑动</a> <div>在HTML中怎么样实现左右滑动?代码附上Bootstrap实例-下拉菜单(Dropdowns)-->-->欢迎登陆页面!这是一个超大屏幕(Jumbotron)的实例。学习更多-->响应式表格布局产品付款日期状态产品123/11/2013待发货产品210/11/2013发货中产品320/10/2013待确认产品420/10/2013已退货产品123/11/2013待发货产品210/11/2013发货</div> </li> <li><a href="/article/1903584828356358144.htm" title="JavaScript常用函数测试demo" target="_blank">JavaScript常用函数测试demo</a> <span class="text-muted">sunny05296</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>JavaScript常用函数测试demovimJavaScriptTestDemo.html内容如下:JavaScriptfunctionstestdemoEnterF12toviewtheconsoleoutputmessageofconsole.log()EnterF5torefresh//JavaScriptint2string/string2inttestfunctiontest01(){</div> </li> <li><a href="/article/46.htm" title="Maven" target="_blank">Maven</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>Maven Maven是基于项目对象模型(POM), 信息来管理项目的构建,报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外,还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性,所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法,许多 Apache Jakarta 项目发文时使用 Maven,而且公司</div> </li> <li><a href="/article/173.htm" title="ibatis的queyrForList和queryForMap区别" target="_blank">ibatis的queyrForList和queryForMap区别</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a> <div>一.说明         iBatis的返回值参数类型也有种:resultMap与resultClass,这两种类型的选择可以用两句话说明之:         1.当结果集列名和类的属性名完全相对应的时候,则可直接用resultClass直接指定查询结果类</div> </li> <li><a href="/article/300.htm" title="LeetCode[位运算] - #191 计算汉明权重" target="_blank">LeetCode[位运算] - #191 计算汉明权重</a> <span class="text-muted">Cwind</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a> <div>原题链接:#191 Number of 1 Bits 要求: 写一个函数,以一个无符号整数为参数,返回其汉明权重。例如,‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重:指一个字符串中非零字符的个数;对于二进制串,即其中‘1’的个数。 难度:简单 分析: 将十进制参数转换为二进制,然后计算其中1的个数即可。 “</div> </li> <li><a href="/article/427.htm" title="浅谈java类与对象" target="_blank">浅谈java类与对象</a> <span class="text-muted">15700786134</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>      java是一门面向对象的编程语言,类与对象是其最基本的概念。所谓对象,就是一个个具体的物体,一个人,一台电脑,都是对象。而类,就是对象的一种抽象,是多个对象具有的共性的一种集合,其中包含了属性与方法,就是属于该类的对象所具有的共性。当一个类创建了对象,这个对象就拥有了该类全部的属性,方法。相比于结构化的编程思路,面向对象更适用于人的思维</div> </li> <li><a href="/article/554.htm" title="linux下双网卡同一个IP" target="_blank">linux下双网卡同一个IP</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>转自: http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡,开始时设置在同一个网段的IP,发现数据总是从一个网卡发出,而另一个网卡上没有数据流动。网上找了下,发现相同的问题不少: 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树</div> </li> <li><a href="/article/681.htm" title="安卓按主页键隐藏程序之后无法再次打开" target="_blank">安卓按主页键隐藏程序之后无法再次打开</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%8D%93/1.htm">安卓</a> <div>遇到一个奇怪的问题,当SplashActivity跳转到MainActivity之后,按主页键,再去打开程序,程序没法再打开(闪一下),结束任务再开也是这样,只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码:   // 销毁这个Activity fin</div> </li> <li><a href="/article/808.htm" title="通过cookie保存并读取用户登录信息实例" target="_blank">通过cookie保存并读取用户登录信息实例</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>通过cookie的getCookies()方法可获取所有cookie对象的集合;通过getName()方法可以获取指定的名称的cookie;通过getValue()方法获取到cookie对象的值。另外,将一个cookie对象发送到客户端,使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 (1)创建index.jsp文件。在改</div> </li> <li><a href="/article/935.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/ObjectPool/1.htm">ObjectPool</a> <div>原文地址: http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术,可以有效地减少对象生成和初始化时的消耗,提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化</div> </li> <li><a href="/article/1062.htm" title="ArrayList根据条件+for循环批量删除的方法" target="_blank">ArrayList根据条件+for循环批量删除的方法</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>场景如下: ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。(释放内存) ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){ </div> </li> <li><a href="/article/1189.htm" title="阿里巴巴“耕地宝”大战各种宝" target="_blank">阿里巴巴“耕地宝”大战各种宝</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E5%B9%B3%E5%8F%B0%E6%88%98%E7%95%A5/1.htm">平台战略</a> <div>“耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”,“耕地宝”由阿里巴巴投入一亿 ,主要是用来进行农业方面,将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权,还增加了土地的流通与 利用率,提高了土地的产量,有利于大规模的产业化的高科技农业的 发展,阿里在农业上的探索将会引起新一轮的产业调整,但是集体化之后农民的个体的话语权 将更少,国家应出台相应的法律法规保护</div> </li> <li><a href="/article/1316.htm" title="Spring注入有继承关系的类(1)" target="_blank">Spring注入有继承关系的类(1)</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin</div> </li> <li><a href="/article/1443.htm" title="30岁转型期你能否成为成功人士" target="_blank">30岁转型期你能否成为成功人士</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E6%88%90%E5%8A%9F/1.htm">成功</a> <div>        很多人由于年轻时走了弯路,到了30岁一事无成,这样的例子大有人在。但同样也有一些人,整个职业生涯都发展得很优秀,到了30岁已经成为职场的精英阶层。由于做猎头的原因,我们接触很多30岁左右的经理人,发现他们在职业发展道路上往往有很多致命的问题。在30岁之前,他们的职业生涯表现很优秀,但从30岁到40岁这一段,很多人</div> </li> <li><a href="/article/1570.htm" title="[Velocity三]基于Servlet+Velocity的web应用" target="_blank">[Velocity三]基于Servlet+Velocity的web应用</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a> <div>什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中,以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet,实现VelocityViewServl</div> </li> <li><a href="/article/1697.htm" title="【Kafka十二】关于Kafka是一个Commit Log Service" target="_blank">【Kafka十二】关于Kafka是一个Commit Log Service</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/service/1.htm">service</a> <div>Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解?   A message is considered "committed" when all in sync replicas for that partition have applied i</div> </li> <li><a href="/article/1824.htm" title="NGINX + LUA实现复杂的控制" target="_blank">NGINX + LUA实现复杂的控制</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/lua+nginx+%E6%8E%A7%E5%88%B6/1.htm">lua nginx 控制</a> <div>安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装,也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装: fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma</div> </li> <li><a href="/article/1951.htm" title="java-14.输入一个已经按升序排序过的数组和一个数字, 在数组中查找两个数,使得它们的和正好是输入的那个数字" target="_blank">java-14.输入一个已经按升序排序过的数组和一个数字, 在数组中查找两个数,使得它们的和正好是输入的那个数字</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class TwoElementEqualSum { /** * 第 14 题: 题目:输入一个已经按升序排序过的数组和一个数字, 在数组中查找两个数,使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字,输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于 </div> </li> <li><a href="/article/2078.htm" title="Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder" target="_blank">Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory: pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo</div> </li> <li><a href="/article/2205.htm" title="java敏感词过虑-基于多叉树原理" target="_blank">java敏感词过虑-基于多叉树原理</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/%E8%BF%9D%E7%A6%81%E8%AF%8D%E8%BF%87%E8%99%91/1.htm">违禁词过虑</a><a class="tag" taget="_blank" href="/search/%E6%9B%BF%E6%8D%A2%E8%BF%9D%E7%A6%81%E8%AF%8D/1.htm">替换违禁词</a><a class="tag" taget="_blank" href="/search/%E6%95%8F%E6%84%9F%E8%AF%8D%E8%BF%87%E8%99%91/1.htm">敏感词过虑</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E5%8F%89%E6%A0%91/1.htm">多叉树</a> <div>基于多叉树的敏感词、关键词过滤的工具包,用于java中的敏感词过滤 1、工具包自带敏感词词库,第一次调用时读入词库,故第一次调用时间可能较长,在类加载后普通pc机上html过滤5000字在80毫秒左右,纯文本35毫秒左右。   2、如需自定义词库,将jar包考入WEB-INF工程的lib目录,在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件,</div> </li> <li><a href="/article/2332.htm" title="多线程知识" target="_blank">多线程知识</a> <span class="text-muted">cuishikuan</span> <a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a> <div> T1,T2,T3三个线程工作顺序,按照T1,T2,T3依次进行 public class T1 implements Runnable{           @Override      </div> </li> <li><a href="/article/2459.htm" title="spring整合activemq" target="_blank">spring整合activemq</a> <span class="text-muted">dalan_123</span> <a class="tag" taget="_blank" href="/search/java+spring+jms/1.htm">java spring jms</a> <div>整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分:     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得</div> </li> <li><a href="/article/2586.htm" title="MySQL时间字段究竟使用INT还是DateTime?" target="_blank">MySQL时间字段究竟使用INT还是DateTime?</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>  环境:Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test(非定长、int时间) CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`</div> </li> <li><a href="/article/2713.htm" title="Parcel: unable to marshal value" target="_blank">Parcel: unable to marshal value</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/marshal/1.htm">marshal</a> <div>在两个activity直接传递List<xxInfo>时,出现Parcel: unable to marshal value异常。   在MainActivity页面(MainActivity页面向NextActivity页面传递一个List<xxInfo>):   Intent intent = new Intent(this, Next</div> </li> <li><a href="/article/2840.htm" title="linux进程的查看上(ps)" target="_blank">linux进程的查看上(ps)</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux+ps/1.htm">linux ps</a><a class="tag" taget="_blank" href="/search/linux+ps+-l/1.htm">linux ps -l</a><a class="tag" taget="_blank" href="/search/linux+ps+aux/1.htm">linux ps aux</a> <div>ps:将某个时间点的进程运行情况选取下来 转载请出自出处:http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅,因为很多不同的Unix都使用这儿ps来查阅进程的状态,为了要符合不同版本的需求,所以这个</div> </li> <li><a href="/article/2967.htm" title="为什么第三方应用能早于System的app启动" target="_blank">为什么第三方应用能早于System的app启动</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/System/1.htm">System</a> <div>Android应用的启动顺序网上有一大堆资料可以查阅了,这里就不细述了,这里不阐述ROM启动还有bootloader,软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来(包括wifi, power, rild, surfaceflinger, mediaserver等等)-> 启动Dalivk中的第一个进程Zygot</div> </li> <li><a href="/article/3094.htm" title="App Framework发送JSONP请求(3)" target="_blank">App Framework发送JSONP请求(3)</a> <span class="text-muted">hw1287789687</span> <a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82/1.htm">跨域请求</a><a class="tag" taget="_blank" href="/search/%E5%8F%91%E9%80%81jsonp/1.htm">发送jsonp</a><a class="tag" taget="_blank" href="/search/ajax%E8%AF%B7%E6%B1%82/1.htm">ajax请求</a><a class="tag" taget="_blank" href="/search/%E8%B6%8A%E7%8B%B1%E8%AF%B7%E6%B1%82/1.htm">越狱请求</a> <div>App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler</div> </li> <li><a href="/article/3221.htm" title="发福利,整理了一份关于“资源汇总”的汇总" target="_blank">发福利,整理了一份关于“资源汇总”的汇总</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90/1.htm">资源</a> <div>觉得有用的话,可以去github关注:https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历</div> </li> <li><a href="/article/3348.htm" title="用 Java 技术创建 RESTful Web 服务" target="_blank">用 Java 技术创建 RESTful Web 服务</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/REST/1.htm">REST</a> <div>转载:http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API,可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位</div> </li> <li><a href="/article/3475.htm" title="CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项" target="_blank">CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项</a> <span class="text-muted">超声波</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>前言: 这两天项目要上线了,由我负责往服务器部署整个项目,因此首先要往服务器安装oracle,服务器本身是CentOS6.5的64位系统,安装的数据库版本是11g,在整个的安装过程中碰到很多的坑,不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题(注</div> </li> <li><a href="/article/3602.htm" title="HttpClient 4.3 设置keeplive 和 timeout 的方法" target="_blank">HttpClient 4.3 设置keeplive 和 timeout 的方法</a> <span class="text-muted">supben</span> <a class="tag" taget="_blank" href="/search/httpclient/1.htm">httpclient</a> <div>ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive</div> </li> <li><a href="/article/3729.htm" title="Spring 4.2新特性-@Import注解的升级" target="_blank">Spring 4.2新特性-@Import注解的升级</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/spring+4/1.htm">spring 4</a> <div>3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>