html入门基础(详解）
html入门基础(详解）
一、HTML
1.HTML：是一种用于创建网页的超文本标记语言(Hyper Text Markup Language)
-
“超文本”就是指页面可以包含图片，链接，甚至音乐，视频，程序等非文字元素。
-
HTML语言是Web的基础，可以说Internet是建立在HTML基础之上的。
-
HTML5是新一代HTML标准，大部分浏览器已经支持。
二、HTML5基本结构
//html5网页声明
//元素是HTML页面根元素
//lang属性：声明当前页面的语言类型，“en"英文，”zh“中文
//设置网页编码格式位utf-8
文档标题 //设置文档标题
</head>
<body>
....页面内容（各种标签）
</body>
</html>
</code></pre>
<p><strong>三.基本标签</strong></p>
<p><strong>1、div和span</strong></p>
<p>1.1 <code><div></code>标签：</p>
<ul>
<li> <p>块级元素，可用于组合其他HTML元素的容器</p> </li>
<li> <p>div没有特定的含义，通常用于对文档结构进行逻辑上的分块</p> </li>
<li> <p>div的前后会换行</p> </li>
</ul>
<p>1.2 <code><span></code>标签：</p>
<ul>
<li> <p>行内元素（内联元素），可用作文本的容器</p> </li>
<li> <p>span没有特点的含义</p> </li>
<li> <p>span的前后不会换行</p> </li>
<li> <p>span示例</p> </li>
</ul>
<pre><code> <p>她有一双 <span style="color:blue">蓝色</span> 的眼睛</p>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/0fee2d3003a645c7b8933bb470a68d42.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/0fee2d3003a645c7b8933bb470a68d42.jpg" alt="html入门基础(详解）_第1张图片" width="650" height="273" style="border:1px solid black;"></a></p>
<p><strong>2、文本相关</strong></p>
<ul>
<li><strong>2.1 标题标签：<code><h1>-<h6></code></strong></li>
</ul>
<pre><code><h1 align="center">欢迎光临我的主页</h1>
<h2 style="text-align:center;">欢迎光临我的主页</h2>
<h3>欢迎光临我的主页</h3>
<h4>欢迎光临我的主页</h4>
<h5>欢迎光临我的主页</h5>
<h6>欢迎光临我的主页</h6>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/901b8a93834e482893a998c28bffa6bd.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/901b8a93834e482893a998c28bffa6bd.jpg" alt="html入门基础(详解）_第2张图片" width="650" height="267" style="border:1px solid black;"></a></p>
<ul>
<li><strong>2.2 段落标签，换行标签，label 标签：</strong></li>
</ul>
<pre><code>段落标签：<p align="center/left/right"> 一段文字 </p>
换行标签：<br> 或者 <br/>
</code></pre>
<p><strong>特别提醒：不要在<code><p></code>里嵌套块级元素，如嵌套p或div</strong></p>
<pre><code><label> 标签：
<label for="…"> 标签文字 </label>
</code></pre>
<p>for属性：绑定一个控件id值，当<strong>用户点击label标签内文本，就会将焦点<br> 切换到绑定的控件上。</strong></p>
<pre><code><label for="username">用户名</label>
<input type="text" id="username" />
</code></pre>
<ul>
<li><strong>点击"用户名"时，文本框将获得焦点</strong></li>
</ul>
<p><a href="http://img.e-com-net.com/image/info8/82c6369af0814b0b8ca76eb67fcac85f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/82c6369af0814b0b8ca76eb67fcac85f.jpg" alt="在这里插入图片描述" width="409" height="80"></a></p>
<p>嵌套写法：嵌套时可省略 for 属性</p>
<pre><code><label> 用户名<input type="text" /> </label>
</code></pre>
<pre><code>格式标签：部分
粗体：<b> 斜体：<i> 下划线：<u> 删除线：<strike>
下标：<sub> 上标：<sup>
小号字：<small> 大号字：<big>
强调(加粗)：<strong> 强调(斜体)：<em>
突出显示(黄色背景)：<mark>
</code></pre>
<pre><code><p><b><i> <u>欢迎光临</u> </i></b></p>
<p>X<sup>2</sup></p>
<p><big>big文字</big></p>
<p><small>small文字</small></p>
<strong>强调的内容(粗体,语气更强)</strong> <br>
<em>强调的内容(斜体)</em> <br>
<mark>突出显示</mark>
</code></pre>
<p>运行截图：<br> <a href="http://img.e-com-net.com/image/info8/b78e6fffb52c4158a5f9997d57cdc69f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/b78e6fffb52c4158a5f9997d57cdc69f.jpg" alt="html入门基础(详解）_第3张图片" width="585" height="262" style="border:1px solid black;"></a><br> <strong>HTML注释</strong>： <code><!-- 注释文字 -->**</code></p>
<p><strong>3.图片</strong></p>
<pre><code><img src="url"width="宽度值" height="高度值"alt="说明" />
</code></pre>
<p>无法载入图像时显示alt信息<br> 宽度值和高度值单位是像素点px</p>
<pre><code><img src="https://s3.pstatp.com/toutiao/static/img/logo.271e845.png" alt="今日
头条" height="50px" width="200px">
</code></pre>
<p>运行截图：</p>
<p><a href="http://img.e-com-net.com/image/info8/2877153c6dc94032b7ca1827277178cb.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/2877153c6dc94032b7ca1827277178cb.jpg" alt="html入门基础(详解）_第4张图片" width="499" height="315" style="border:1px solid black;"></a><br> <strong>4. 超链接</strong><br> 超链接标签： <code><a href="url"> 链接文字 </a></code><br> <code><a></code> 标签定义超链接，用于从一张页面链接到另一张页面。</p>
<p><code><a></code> 元素最重要的属性是 href 属性，它指示链接的目标。</p>
<pre><code><a href="http://www.wust.edu.cn" target="_blank" >武汉科技大学</a>
</code></pre>
<p><code>target="_blank"</code>新开窗口打开页面</p>
<p>运行截图：</p>
<p><a href="http://img.e-com-net.com/image/info8/ac57a2d4bc934defa8982a99b63c50c6.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ac57a2d4bc934defa8982a99b63c50c6.jpg" alt="html入门基础(详解）_第5张图片" width="650" height="367" style="border:1px solid black;"></a><br> <strong>4.1 超链接锚点</strong></p>
<ul>
<li>跳转到当前页的某一个位置(锚点，一般用id值)：</li>
</ul>
<p>点击跳转到id值的地方</p>
<pre><code><a href="#id值">链接文字</a>
</code></pre>
<p>点击回到最顶部</p>
<pre><code><a href="#">页面的最上部</a>
</code></pre>
<p><strong>4.2 超链接的 URL，可能的值：</strong></p>
<ul>
<li>绝对 URL - 指向另一个站点（比如 href=“http://www.example.com/index.htm”）</li>
<li>相对 URL - 指向站点内的某个文件（href=“index.htm”）</li>
<li>锚 URL - 指向页面中的锚（href="#top"）</li>
</ul>
<p><strong>5、列表</strong></p>
<ul>
<li><strong>无序列表ul</strong></li>
</ul>
<pre><code><ul>
<li><a href="http://www.wust.edu.cn">武汉科技大学</a></li>
<li><a href="http://www.hust.edu.cn">华中科技大学</a></li>
<li><a href="http://www.whu.edu.cn">武汉大学</a></li>
</ul>
</code></pre>
<p>运行截图：<br> <a href="http://img.e-com-net.com/image/info8/d89c5db3eede4a37a4668e5b4715759f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/d89c5db3eede4a37a4668e5b4715759f.jpg" alt="html入门基础(详解）_第6张图片" width="497" height="408" style="border:1px solid black;"></a></p>
<ul>
<li><strong>有序列表ol</strong></li>
</ul>
<p>默认序号从1开始</p>
<pre><code><ol start="100">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
</code></pre>
<p>运行截图：<br> <a href="http://img.e-com-net.com/image/info8/cd1fc85a21e3425e82e43535b8a6a735.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/cd1fc85a21e3425e82e43535b8a6a735.jpg" alt="html入门基础(详解）_第7张图片" width="584" height="460" style="border:1px solid black;"></a></p>
<p><strong>6.HTML表格</strong><br> border边框厚度，width/height表格宽度/高度<br> rowspan="2"表格单元横跨两行的表格：<br> colspan="2"表格单元横跨两列的表格</p>
<pre><code><table border="1" width="值"height="=值">
<caption>
<!--表格标题-->
</caption>
<tr>
<th> </th> <th> </th><!--表头行-->
</tr>
<tr>
<td> </td> <td> </td><!--数据行-->
</tr>
</table>
</code></pre>
<p>表格示例</p>
<pre><code><table border=1 width=600>
<caption>学生名单</caption>
<tr>
<th>学号</th> <th>姓名</th> <th>院系</th>
</tr>
<tr>
<td>2017001</td> <td>张无忌</td> <td>计算机学院</td>
</tr>
<tr>
<td>2017002</td> <td>令狐冲</td> <td>计算机学院</td>
</tr>
</table>
</code></pre>
<p>运行截图：<br> <a href="http://img.e-com-net.com/image/info8/06dea8c16b234dfb933e1336e6fb2c54.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/06dea8c16b234dfb933e1336e6fb2c54.jpg" alt="html入门基础(详解）_第8张图片" width="650" height="168" style="border:1px solid black;"></a></p>
<pre><code><table border=1 width=600>
<caption>专业设置表及在校人数表</caption>
<tr>
<th>录名</th> <th colspan="4">专业人数</th>
</tr>
<tr>
<th rowspan="6">计算机学院</th>
<th colspan="4">计算机科学技术专业</th>
</tr>
<tr>
<th>16级</th><th>17级</th><th>18级</th>
<th>19级</th>
</tr>
<tr>
<th>150人</th> <th>150人</th> <th>200人</th> <th>220人</th>
</tr>
<tr>
<th colspan="4">软件工程专业</th>
</tr>
<tr>
<th>16级</th><th>17级</th><th>18级</th>
<th>19级</th>
</tr>
<tr>
<th>80人</th> <th>80人</th> <th>90人</th> <th>90人</th>
</tr>
<tr>
<th rowspan="3">外国语学院</th>
<th colspan="4">英语专业</th>
</tr>
<tr>
<th>16级</th><th>17级</th><th>18级</th>
<th>19级</th>
</tr>
<tr>
<th>60人</th> <th>80人</th> <th>90人</th> <th>90人</th>
</tr>
</table>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/de0cb566f5b24e948a509586c889f5ef.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/de0cb566f5b24e948a509586c889f5ef.jpg" alt="html入门基础(详解）_第9张图片" width="650" height="411" style="border:1px solid black;"></a><br> <strong>四、Form表单</strong></p>
<p><strong>1.表单概念</strong></p>
<ul>
<li>Form：为用户输入创建表单</li>
<li>其中可包含文本框，密码框，单/复选框，列表框，按钮。</li>
<li>表单常用于向指定的url提交用户数据。</li>
</ul>
<p><strong>Form基本结构</strong><br> url:提交后跳转的页面<br> get或post 传送数据的方法<br> form元素是块级元素，其前后会产生换行</p>
<p><strong>Form基本结构</strong></p>
<pre><code><html>
<body>
<form action="URL" method="get或post">
表单元素
…
<input type="submit" value="提交">
<input type="reset" value="重填">
</form>
</body>
</html>
</code></pre>
<pre><code><form action="url页面" method="get" >
用户名：<input type="text" name="username"> <br/>
密 码：<input type="password" name="psd" maxlength=6>
<br/>
<input type="submit" value="提交">
<input type="reset" value="重填">
</form>
</code></pre>
<p>运行截图：<a href="http://img.e-com-net.com/image/info8/6d5c459bce5f43f1a07be79a7446a862.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/6d5c459bce5f43f1a07be79a7446a862.jpg" alt="html入门基础(详解）_第10张图片" width="464" height="321" style="border:1px solid black;"></a><br> get方法提交数据会在地址栏中显示<br> get方法：跳转页面后用用问号"?“连接请求串<br> 多个值(name)之间用单个”&"连接<br> <a href="http://img.e-com-net.com/image/info8/b9271814326442b498d850c53f34ccce.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/b9271814326442b498d850c53f34ccce.jpg" alt="在这里插入图片描述" width="650" height="50"></a><br> <strong>2. Form常用元素</strong></p>
<ul>
<li><strong>2.1 文本框和密码框</strong></li>
</ul>
<pre><code> 用户名：<input type="text" name="username" value="lzm" title="提示信息" autofocus> <br />
密 码：<input type="password" name="psd" maxlength="8" placeholder="长度8个字符">
</code></pre>
<p>value设置初始值，<br> maxlength=“8” ,输入的最大长度<br> placeholder=“长度8个字符”,占位提示(输入时消失)<br> 获得焦点autofocus,autofocus="autofocus"简写</p>
<p>其他属性：</p>
<ol>
<li>只读属性：readonly=“readonly”</li>
<li>禁用属性：disabled=“disabled”</li>
<li>自动填充属性：autocomplete=“on” (配合提交按钮)</li>
</ol>
<p>**</p>
<p><strong>2.2隐藏域</strong><br> 隐藏于在页面中对用户是不可见的。<br> 目的：<br> 收集信息以利于表单处理<br> 程序使用。<br> 提交数据时，有name值的隐藏域或其value值会一并提交</p>
<p><strong>2.3单选框</strong></p>
<pre><code><form>
性别：
<label>
<input type="radio" name="sex" value="male" checked="checked"> 男
</label>
<label>
<input type="radio" name="sex" value="female"> 女
</label>
</form>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/128c2a95b7bf4964881be17806694c92.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/128c2a95b7bf4964881be17806694c92.png" alt="在这里插入图片描述" width="195" height="41"></a></p>
<ul>
<li>套一个label的好处：点击选项文字也可以选中</li>
<li>name值相同才能互斥</li>
<li>value=“male”，提交的实际值</li>
<li>checked=“checked”，设置为选中状态</li>
</ul>
<p><strong>2.4复选框</strong></p>
<ul>
<li>复选框使用相同的name值主要是为取值方便</li>
</ul>
<pre><code><form>
爱好：
<label>
<input type="checkbox" name="like" value="football">足球
</label>
<label>
<input type="checkbox" name="like" value="basketball">篮球
</label>
</form>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/7144291ed96849a4afa579fb61a20232.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/7144291ed96849a4afa579fb61a20232.png" alt="在这里插入图片描述" width="228" height="45"></a><br> <strong>2.5 列表框</strong></p>
<pre><code><select id或name="名称" size=可见行数>
<option value="值1" >内容1</option>
…
<option value="值n" >内容n</option>
</select>
</code></pre>
<ul>
<li><strong>单选下拉列表示例：</strong></li>
</ul>
<p>增加 selected=“selected” 指定默认选中项</p>
<pre><code><form>
专业：
<select name="major">
<option value="0">计算机科学与技术</option>
<option value="1" selected="selected" >软件工程</option>
<option value="2">网络工程</option>
</select>
</form>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/cbfc56fd97ac4f7eadab8457dca834e0.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/cbfc56fd97ac4f7eadab8457dca834e0.png" alt="在这里插入图片描述" width="280" height="51"></a></p>
<p><strong>多选列表框示例：</strong><br> size=1 为下拉列表框(默认下拉列表框)<br> size>1 为列表框<br> multiple="multiple"多选（配合ctrl或shift键）</p>
<pre><code><form>
专业特长：<br/>
<select name="master" size=4 multiple="multiple">
<option value= "0" >.NET编程</option>
<option value= "1" >J2EE编程</option>
<option value= "2" >Java编程</option>
<option value= "3" >Android编程</option>
<option value= "4" >C语言编程</option>
</select>
</form>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/49c298951a5040f2937f0c2978ce7368.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/49c298951a5040f2937f0c2978ce7368.png" alt="html入门基础(详解）_第11张图片" width="175" height="159" style="border:1px solid black;"></a></p>
<p><strong>2.6. 文件域</strong></p>
<pre><code><form >
附件：<input type="file" name="myfile" accept="文件类型">
</form>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/3d1482743bb245c38e3f2c6eb190e5fc.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/3d1482743bb245c38e3f2c6eb190e5fc.png" alt="在这里插入图片描述" width="428" height="66"></a></p>
<p>文件类型值<br> 缺省 所有文件<br> image/* <em>图像文件</em><br> audio/* 声音文件<br> video/* 视频文件<br> MIME_type 某个有效MIME类型，不带参数</p>
<p><strong>2.7 文本区域</strong></p>
<pre><code><form>
简历：<br/>
<textarea name="intro" cols="50" rows="10">请填写个人简历</textarea>
</form>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/caa596ec28414065a67742607acc75c9.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/caa596ec28414065a67742607acc75c9.jpg" alt="html入门基础(详解）_第12张图片" width="558" height="234" style="border:1px solid black;"></a></p>
<p><strong>2.8 提交和重置按钮</strong><br> <strong>submit按钮与form的action属性自动绑定</strong></p>
<pre><code><input type="submit" value="提交">
<input type="reset" value="重填">
</code></pre>
<p><strong>2.9 一般按钮</strong><br> onclick事件属性<br> JavaScript代码 ："alert(‘你点击了按钮’) "</p>
<pre><code><input type="button" value="确定" onclick="alert('你点击了按钮') " >
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/bcc7ca9c843d48d3a84c3892c507cdb3.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/bcc7ca9c843d48d3a84c3892c507cdb3.jpg" alt="html入门基础(详解）_第13张图片" width="650" height="191" style="border:1px solid black;"></a><br> <strong>2.10 Button按钮</strong></p>
<pre><code><button type="button"> button一般按钮 </button>
<button type="submit"> button提交按钮 </button>
<button type="submit"> <img src="images/1.gif"> </button>
<button type="reset"> button重填按钮 </button>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/356ba22089b6441daae54c3f0620ec93.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/356ba22089b6441daae54c3f0620ec93.png" alt="在这里插入图片描述" width="474" height="61"></a><br> <strong>2.11 日期域</strong></p>
<pre><code><form>
<input type="date" name="mydate">
</form>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/14ae18b0ec604c2bbfdddbf5818ae341.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/14ae18b0ec604c2bbfdddbf5818ae341.jpg" alt="html入门基础(详解）_第14张图片" width="414" height="480" style="border:1px solid black;"></a></p>
<p><strong>2.12 区间域</strong></p>
<pre><code><form>
成绩<input type="range" min="0.0" max="100.0" step="0.5" value="60.0"
id="score" name="score" >
<span id="msg"></span>
<input type="submit" value="提交">
</form>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/3e812ef3a7f14e42859e7c2665a69586.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/3e812ef3a7f14e42859e7c2665a69586.png" alt="在这里插入图片描述" width="348" height="56"></a></p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1384478909843722240"></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,html5)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1900566668925530112.htm"
title="工程化与框架系列（32）--前端测试实践指南" target="_blank">工程化与框架系列（32）--前端测试实践指南</a>
<span class="text-muted">一进制ᅟᅠ </span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96%E4%B8%8E%E6%A1%86%E6%9E%B6/1.htm">前端工程化与框架</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>前端测试实践指南引言前端测试是保证应用质量的重要环节。本文将深入探讨前端测试的各个方面，包括单元测试、集成测试、端到端测试等，并提供实用的测试工具和最佳实践。测试概述前端测试主要包括以下类型：单元测试：测试独立组件和函数集成测试：测试多个组件的交互端到端测试：模拟用户行为的完整测试性能测试：测试应用性能指标快照测试：UI组件的视觉回归测试测试工具实现测试运行器//测试运行器类classTestRu</div>
</li>
<li><a href="/article/1900563888626266112.htm"
title="第五章：HTML5 大升级：解锁未来技能" target="_blank">第五章：HTML5 大升级：解锁未来技能</a>
<span class="text-muted">我自纵横2023</span>
<a class="tag" taget="_blank" href="/search/HTML%E6%95%99%E7%A8%8B/1.htm">HTML教程</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>第五章：HTML5大升级：解锁未来技能5.1语义化标签的「身份认证」一、语义化概念理解在HTML的旧时代，我们就像一群建筑工人，只能用一些通用的和标签来搭建网页，就好比用千篇一律的砖块盖房子，虽然能把房子盖起来，但很难从外观上看出房子的各个部分是做什么用的。而HTML5引入的语义化标签，就像是给每一块砖块都赋予了特殊的形状和用途，让网页的结构变得一目了然，就像给每个房间都贴上了清晰的标签，告诉搜索</div>
</li>
<li><a href="/article/1900561741394276352.htm"
title="SEO 优化" target="_blank">SEO 优化</a>
<span class="text-muted">前端岳大宝</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A0%B8%E5%BF%83%E7%9F%A5%E8%AF%86%E6%80%BB%E7%BB%93/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/html/1.htm">html</a>
<div>以下是SEO（搜索引擎优化）的基础知识点梳理，从前端技术、内容策略到搜索引擎原理，覆盖核心优化方向：一、SEO基础概念定义与目标SEO是通过优化网站结构、内容和技术，提升网站在搜索引擎自然搜索结果中的排名，吸引更多免费流量。核心目标：满足用户搜索意图，同时符合搜索引擎爬虫的抓取规则。搜索引擎工作原理爬取（Crawling）：搜索引擎蜘蛛（如Googlebot）抓取网页内容。索引（Indexing）</div>
</li>
<li><a href="/article/1900561614973759488.htm"
title="WAI-ARIA" target="_blank">WAI-ARIA</a>
<span class="text-muted">前端岳大宝</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A0%B8%E5%BF%83%E7%9F%A5%E8%AF%86%E6%80%BB%E7%BB%93/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/html/1.htm">html</a>
<div>以下是关于WAI-ARIA（WebAccessibilityInitiative-AccessibleRichInternetApplications）的核心知识梳理。一、WAI-ARIA的基本概念定义与作用WAI-ARIA是一套由W3C制定的技术规范，旨在通过语义补充使动态Web应用（如单页应用、复杂UI组件）对辅助技术（如屏幕阅读器）更可访问。核心目标：为无法通过原生HTML语义化标签表达的U</div>
</li>
<li><a href="/article/1900550896207589376.htm"
title="代练系统源码小程序如何助力游戏代练行业数字化转型？" target="_blank">代练系统源码小程序如何助力游戏代练行业数字化转型？</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/mysqlvue.jsphp/1.htm">mysqlvue.jsphp</a>
<div>在电子竞技日益成为全球性娱乐和文化现象的今天，游戏代练服务作为连接高水平玩家与普通玩家的桥梁，其市场需求迅速增长。为满足这一需求，多客代练系统应运而生，它不仅简化了代练服务的匹配流程，还通过智能化管理提升了服务质量和用户体验。本文将深入探讨多客代练系统的核心优势、用户价值以及它如何塑造游戏竞技行业的未来。源码获取地址！！！！请点击！！！！前端框架主要负责用户界面的展示和交互。多客代练系统采用：un</div>
</li>
<li><a href="/article/1900544459133743104.htm"
title="前端笔试高频算法题及JavaScript实现" target="_blank">前端笔试高频算法题及JavaScript实现</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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>以下是前端笔试常见的编程算法题及JavaScript代码现，结合最新面试题整理：一、数组/字符串处理两数之和找出数组中两数之和等于目标值的索引consttwoSum=(nums,target)=>{constmap=newMap();for(leti=0;i{letmap=newMap(),max=0,left=0;for(letright=0;right[...newSet(arr.flat(I</div>
</li>
<li><a href="/article/1900538909327159296.htm"
title="工程化与框架系列（31）--前端依赖管理实践" target="_blank">工程化与框架系列（31）--前端依赖管理实践</a>
<span class="text-muted">一进制ᅟᅠ </span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96%E4%B8%8E%E6%A1%86%E6%9E%B6/1.htm">前端工程化与框架</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>前端依赖管理实践引言前端依赖管理是现代Web开发中的重要环节。本文将深入探讨前端依赖管理的最佳实践，包括包管理工具、版本控制、依赖分析和优化等方面，帮助开发者更好地管理项目依赖。依赖管理概述前端依赖管理主要包括以下方面：包管理工具：npm、yarn、pnpm等版本控制：语义化版本、锁文件等依赖分析：依赖树、循环依赖等依赖优化：体积优化、重复依赖等安全管理：漏洞检测、更新维护等依赖管理工具实现依赖分</div>
</li>
<li><a href="/article/1900534117804601344.htm"
title="Flutter桌面开发（三、widget布局与表单）" target="_blank">Flutter桌面开发（三、widget布局与表单）</a>
<span class="text-muted">左钦杨</span>
<a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>一、流式布局横铺或者竖着铺Row或者Column这俩都是有Children的就是可以有多个子元素例子：Row(Children:[Container(),Container(),Container(),]）Container类似于html中的DIV可以设置背景border和宽度高度Container(decoration:BoxDecoration(image:DecorationImage(im</div>
</li>
<li><a href="/article/1900533738048122880.htm"
title="Vue.js 3 的设计思路：从声明式UI到高效渲染机制" target="_blank">Vue.js 3 的设计思路：从声明式UI到高效渲染机制</a>
<span class="text-muted">前端 贾公子</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a>
<div>目录一、声明式UI与虚拟DOM的灵活性二、渲染器：虚拟DOM到真实DOM的桥梁三、组件的本质与实现四、编译与运行时的协同优化五、性能与可维护性的权衡总结Vue.js3作为新一代前端框架，其设计理念在声明式UI描述、虚拟DOM优化、组件化架构以及编译与运行时协作等方面实现了显著突破。本文将从多个角度深入探讨其设计思路。一、声明式UI与虚拟DOM的灵活性Vue.js3的核心特性之一是声明式UI描述，开</div>
</li>
<li><a href="/article/1900517083683287040.htm"
title="《Web 应用项目开发》课程心得体会：从理论到实战，开启 Web 开发新征程" target="_blank">《Web 应用项目开发》课程心得体会：从理论到实战，开启 Web 开发新征程</a>
<span class="text-muted">m0_74824091</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在信息技术飞速发展的当下，Web应用已然渗透到生活的方方面面，从日常网购、社交娱乐，到在线办公、学习平台，无一不是Web应用的成果。怀着对互联网技术的热忱与憧憬，我踏入了《Web应用项目开发》这门课程，历经数月的沉浸式学习与实践，收获远超预期，犹如经历一场脱胎换骨的蜕变，以下便是我在这门课程中的全面心得体会。夯实基础：Web技术初相识课程伊始，仿若踏入一片未知的技术丛林，HTML、CSS和Java</div>
</li>
<li><a href="/article/1900515820308590592.htm"
title="前端发布缓存导致白屏解决方案" target="_blank">前端发布缓存导致白屏解决方案</a>
<span class="text-muted">洛祁枫</span>
<a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%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>
<div>解决发布H5后因为本地缓存白屏方案一、核心配置优化（前提是访问网站的请求能抵达服务器）方案一：前端项目设置全局不缓存方案运行逻辑：在H5服务器配置中增加Cache-Control:no-cache或max-age=0响应头，禁用静态资源缓存；优点：能在服务器出口处最大可能地解决发布项目缓存问题缺点：用户在不同界面跳转都会重新加载界面信息，影响整个前端加载速度，高并发时容易造成带宽压力方案二：首页</div>
</li>
<li><a href="/article/1900514431763279872.htm"
title="C程序员驯服Common Lisp - 入门 - [语言探索]<转载>" target="_blank">C程序员驯服Common Lisp - 入门 - [语言探索]<转载></a>
<span class="text-muted">acool555</span>
<a class="tag" taget="_blank" href="/search/lisp/1.htm">lisp</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80/1.htm">语言</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/documentation/1.htm">documentation</a><a class="tag" taget="_blank" href="/search/fortran/1.htm">fortran</a>
<div>版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明http://bigwhite.blogbus.com/logs/158733479.html毫无疑问，CommonLisp是一门庞大且复杂的语言，学习曲线并不平坦。对于一个从未接触过函数式语言、交互式语言以及动态类型语言的C程序员来说，学习CommonLisp显然是一个很大的挑战。也许有人会问："C语言已经无所不能了，为何还要学习C</div>
</li>
<li><a href="/article/1900508759512379392.htm"
title="Web 开发的“三件套”" target="_blank">Web 开发的“三件套”</a>
<span class="text-muted">zhangpeng455547940</span>
<a class="tag" taget="_blank" href="/search/Web%E5%BC%80%E5%8F%91/1.htm">Web开发</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>HTML：定义内容结构。CSS：控制样式布局。JavaScript：实现动态行为和复杂逻辑。JavaScript应用场景前端开发：操作DOM、处理用户事件、实现动画等。后端开发：通过Node.js构建服务器端应用。跨平台开发：Electron（桌面应用）、ReactNative（移动端）等。</div>
</li>
<li><a href="/article/1900508252790124544.htm"
title="[CRMEB知识付费系统]移动端课程列表一级分类模式实现" target="_blank">[CRMEB知识付费系统]移动端课程列表一级分类模式实现</a>
<span class="text-muted">道法自然|~</span>
<a class="tag" taget="_blank" href="/search/CRMEB/1.htm">CRMEB</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>写在前面最近在使用crmeb知识付费下系统的时候，发现默认是二级分类模式，但需求需要一级直接展示内容所以只能重构一下了,重构只改动了前端，非必要不去改动后端，会很麻烦.....目录写在前面实施准备代码结构与功能说明1.页面结构2.数据与状态管理3.核心方法解析3.1获取一级分类(getCateList)3.2获取二级分类(getSubject)3.3加载课程列表(getSpecialList)3.</div>
</li>
<li><a href="/article/1900501187870912512.htm"
title="从零实现OSS阿里云图片上传：前端采用的vue3+element-plus，后端采用javaspingboot，实现上传图片到云，然后存储数据库链接能够回显的效果" target="_blank">从零实现OSS阿里云图片上传：前端采用的vue3+element-plus，后端采用javaspingboot，实现上传图片到云，然后存储数据库链接能够回显的效果</a>
<span class="text-muted">绝顶少年</span>
<a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E4%BA%91/1.htm">阿里云</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>后端（JavaSpringBoot）1.添加依赖在pom.xml中添加必要的依赖，包括阿里云OSSSDK、SpringBootWeb、MyBatis-Plus等：org.springframework.bootspring-boot-starter-webcom.baomidoumybatis-plus-boot-starter3.4.3.4com.aliyun.ossaliyun-sdk-oss</div>
</li>
<li><a href="/article/1900498287572611072.htm"
title="前端如何通过后端返回的文件流下载csv文件" target="_blank">前端如何通过后端返回的文件流下载csv文件</a>
<span class="text-muted">陈正阳~</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a>
<div>前端如何通过后端返回的文件流下载csv文件有一个下载的csv,后端返回了文件流有一个下载的csv,后端返回了文件流exportfunctionexportCSV(data:exportCSVParams):any{returnaxios({url:`/export/exportCSV?tableName=${data.tableName}&dataBaseName=${data.dataBaseN</div>
</li>
<li><a href="/article/1900494630277935104.htm"
title="VNode" target="_blank">VNode</a>
<span class="text-muted">码农 小王</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>1.什么是VNode？VNode的全称是VirtualNode,也就是虚拟节点.它是指一个抽象的节点对象，用于描述真实DOM中的元素。在前端框架中，通过操作VNode来实现虚拟DOM，从而提高性能。2.VNode的本质本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述3.为什么需要VNode？在前端框架中，我们通常需要在页面中操作DOM元素，如增删改查等操作。但是DOM操作是</div>
</li>
<li><a href="/article/1900492738541973504.htm"
title="前端及后端实现csv文件下载功能" target="_blank">前端及后端实现csv文件下载功能</a>
<span class="text-muted">绝顶少年</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>方法一、前端内容：consturl=window.URL.createObjectURL(newBlob([res.data]));constlink=document.createElement('a');link.href=url;constfileNameDateTime=getFormattedDateTime();constfilename="用户提现列表"+fileNameDateTi</div>
</li>
<li><a href="/article/1900489337112424448.htm"
title="JavaScript的学习6——jQuery" target="_blank">JavaScript的学习6——jQuery</a>
<span class="text-muted">十五春会</span>
<div>文章目录jQuery选择器按ID查找按tag查找按class查找按属性查找组合查找多项选择器练习层级选择器子选择器（ChildSelector）过滤器（Filter）表单相关练习查找和过滤操作DOM修改Text和HTML修改CSS显示和隐藏DOM获取DOM信息操作表单修改DOM结构添加DOM删除节点练习事件鼠标事件键盘事件其他事件事件参数取消绑定事件触发条件浏览器安全限制练习动画show/hide</div>
</li>
<li><a href="/article/1900485806754164736.htm"
title="前端面试：React hooks 调用是可以写在 if 语句里面吗？" target="_blank">前端面试：React hooks 调用是可以写在 if 语句里面吗？</a>
<span class="text-muted">returnShitBoy</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>在React中，Hooks是一种新的特性，允许你在函数组件中使用状态（state）和其他React特性。非常重要的一点是，ReactHooks必须遵循特定的规则，以确保组件的行为一致。ReactHooks使用规则只能在函数组件中调用Hook：你只能在React的函数组件或自定义Hooks中调用Hook，而不能在普通JavaScript函数中调用它们。不能在条件语句中调用Hook：Hooks不能放在</div>
</li>
<li><a href="/article/1900482898557988864.htm"
title="《react》前端面试题" target="_blank">《react》前端面试题</a>
<span class="text-muted">微 光</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>说说你对reacthook的理解ReactHooks是React16.8版本引入的一种新的特性，它允许在不编写class的情况下使用state和其他React特性。我的理解主要集中在以下几个方面：函数组件的状态管理：Hooks提供了useState这样的钩子函数，使得我们可以在函数组件中使用状态（state），而不需要将组件转换为class组件。这简化了代码，并使组件的逻辑更易于理解和维护。副作用</div>
</li>
<li><a href="/article/1900477731880103936.htm"
title="HTML标记语言＜head＞中 的几个元素" target="_blank">HTML标记语言＜head＞中 的几个元素</a>
<span class="text-muted">2301_79698214</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在HTML文档中，部分包含了文档的元数据（metadata），这对于网页的正确显示和搜索引擎优化（SEO）非常重要。部分通常包含以下几个重要的元素：：定义了网页的标题，这个标题会显示在浏览器的标题栏或页面的标签上。例如：我的网页：用于定义网页的元数据，如字符集、页面描述、关键词、作者、视口设置等。例如：：用于链接外部资源，如CSS文件、图标（favicon）等。例如：：用于直接在文档中嵌入CSS样</div>
</li>
<li><a href="/article/1900470038654152704.htm"
title=".net 插件式开发——实现web框架中大数据算法嵌入(BP算法逼近)" target="_blank">.net 插件式开发——实现web框架中大数据算法嵌入(BP算法逼近)</a>
<span class="text-muted">weixin_34219944</span>
<a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>关于算法的引入：插件式架构设计，可移植性强，利于算法的升级。【插件式开发相关资料】https://www.cnblogs.com/lenic/p/4129096.html以BP算法为例：1、首先定义一个接口规范////////插件的统一入口///publicinterfaceIPluginPerfrom{//////统一算法插件入口//////输出参数的个数///输出参数///输入参数///str</div>
</li>
<li><a href="/article/1900468020422176768.htm"
title="HTML5拼图游戏开发经验分享" target="_blank">HTML5拼图游戏开发经验分享</a>
<span class="text-muted">木木黄木木</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>HTML5拼图游戏开发经验分享这里写目录标题HTML5拼图游戏开发经验分享前言项目架构1.文件结构2.核心功能模块技术要点解析1.响应式布局2.图片处理3.拖拽交互4.动画效果性能优化开发心得项目亮点总结源码分享写在最后前言在Web前端开发领域，通过实战项目来提升编程技能是最有效的学习方式之一。今天我要分享一个HTML5拼图游戏的开发经验，这个项目涵盖了现代前端开发的多个重要概念，包括响应式设计、</div>
</li>
<li><a href="/article/1900446839136645120.htm"
title="nginx报错：the “ssl“ parameter requires ngx_http_ssl_module in usrlocalnginxconfnginx.conf128" target="_blank">nginx报错：the “ssl“ parameter requires ngx_http_ssl_module in usrlocalnginxconfnginx.conf128</a>
<span class="text-muted">m0_67391401</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/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>前情回放：我一个前端被发配到客户那里当运维，我只想安安静静的敲代码怎么就这么难呢（我太难了。。。）。言归正传，遇到客户要求把http换成https，客户这边是生产环境。没有办法随便搞，只能把自己的域名换成https了，经过2天的努力啃骨头，终于搞定了，为了避免忘记，遇到了几个个问题，特此记录一下。准备工作：1一台服务器（我的是腾讯服务器），一个域名（我的是阿里申请的域名），服务器打开443端口（我</div>
</li>
<li><a href="/article/1900445325743681536.htm"
title="前端小食堂 | Day16 - 前端监控の天眼通" target="_blank">前端小食堂 | Day16 - 前端监控の天眼通</a>
<span class="text-muted">喵爪排序</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>️今日天眼：错误追踪与性能透视1.错误监控の捕虫网//全局错误捕获window.addEventListener('error',(e)=>{sendToServer({type:'JS_ERROR',message:e.message,stack:e.error?.stack,filename:e.filename,lineno:e.lineno});});//️Promise未捕获异常wind</div>
</li>
<li><a href="/article/1900442920784293888.htm"
title="【H2O2 | 软件开发】事件循环机制" target="_blank">【H2O2 | 软件开发】事件循环机制</a>
<span class="text-muted">过期的H2O2</span>
<a class="tag" taget="_blank" href="/search/%E3%80%90H2O2%E3%80%91%E5%85%A8%E6%A0%88%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">【H2O2】全栈面试题</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>目录前言开篇语准备工作正文概念流程事件队列类型示例结束语前言开篇语本系列为短篇，每次讲述少量知识点，无需一次性灌输太多的新知识点。该主题文章主要是围绕前端、全栈开发相关面试常见问题撰写的，希望对诸位有所帮助。准备工作概念篇，不对开发环境作要求。正文概念事件循环（EventLoop）是处理异步事件的一种机制，特别是在单线程环境中（如JavaScript在浏览器或Node.js中的运行）。它允许程序在</div>
</li>
<li><a href="/article/1900437502662078464.htm"
title="【H2O2 | 软件开发】Axios发送Http请求" target="_blank">【H2O2 | 软件开发】Axios发送Http请求</a>
<span class="text-muted">过期的H2O2</span>
<a class="tag" taget="_blank" href="/search/%E3%80%90H2O2%E3%80%91%E5%85%A8%E6%A0%88%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">【H2O2】全栈面试题</a><a class="tag" taget="_blank" href="/search/Vue3/1.htm">Vue3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E4%BA%A4%E4%BA%92/1.htm">交互</a><a class="tag" taget="_blank" href="/search/Axios/1.htm">Axios</a>
<div>目录前言开篇语准备工作正文概念封装工具包示例结束语前言开篇语本系列为短篇，每次讲述少量知识点，无需一次性灌输太多的新知识点。该主题文章主要是围绕前端、全栈开发相关面试常见问题撰写的，希望对诸位有所帮助。如果您需要为面试八股文做准备，笔者建议重点关注加粗强调部分，它们是概念中的关键词。准备工作软件：【参考版本】VisualStudioCode第三方js库（框架）：【参考版本】Vue3，Axios（v</div>
</li>
<li><a href="/article/1900436242084982784.htm"
title="「手把手教学」Monorepo项目搭建与管理——实战案例" target="_blank">「手把手教学」Monorepo项目搭建与管理——实战案例</a>
<span class="text-muted">lifire_H</span>
<a class="tag" taget="_blank" href="/search/Monorepo/1.htm">Monorepo</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%88%98/1.htm">实战</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Monorepo项目搭建与管理文章目录Monorepo项目搭建与管理@[TOC]实战案例第一部分：Vue组件库搭建1.1创建Vue组件库子包1.2安装Vue相关依赖1.3创建组件示例1.4配置Vite构建实战案例第二部分：创建NestJS后端服务2.1创建NestJS子包2.2安装NestJS核心依赖2.3生成NestJS项目骨架2.4基础服务代码示例2.5配置跨域支持（为前端联调准备）实战案例第</div>
</li>
<li><a href="/article/1900434224117248000.htm"
title="Sass (Scss) 与 Less 的区别与选择" target="_blank">Sass (Scss) 与 Less 的区别与选择</a>
<span class="text-muted">王强你强</span>
<a class="tag" taget="_blank" href="/search/sass/1.htm">sass</a><a class="tag" taget="_blank" href="/search/scss/1.htm">scss</a><a class="tag" taget="_blank" href="/search/less/1.htm">less</a>
<div>在前端开发中，CSS预处理器如Sass（SyntacticallyAwesomeStylesheets）和Less被广泛使用，它们通过引入变量、嵌套规则、混合、函数等特性，使CSS的开发过程更加高效和灵活。Sass和Less作为两大主流CSS预处理器，各自具有独特的优点和特性。本文将详细探讨Sass（特别是其语法扩展Scss）与Less之间的区别，并提供选择建议。1.语法差异Sass最初是使用缩进</div>
</li>
<li><a href="/article/98.htm"
title="微信开发者验证接口开发" target="_blank">微信开发者验证接口开发</a>
<span class="text-muted">362217990</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1+%E5%BC%80%E5%8F%91%E8%80%85+token+%E9%AA%8C%E8%AF%81/1.htm">微信 开发者 token 验证</a>
<div>微信开发者接口验证。
Token，自己随便定义，与微信填写一致就可以了。
根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html
第一步：填写服务器配置
第二步：验证服务器地址的有效性
第三步：依据接口文档实现业务逻辑
这里主要讲第二步验证服务器有效性。
建一个</div>
</li>
<li><a href="/article/225.htm"
title="一个小编程题-类似约瑟夫环问题" target="_blank">一个小编程题-类似约瑟夫环问题</a>
<span class="text-muted">BrokenDreams</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a>
<div> 今天群友出了一题：
一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。
&</div>
</li>
<li><a href="/article/352.htm"
title="linux复习笔记之bash shell (5) 关于减号-的作用" target="_blank">linux复习笔记之bash shell (5) 关于减号-的作用</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E5%87%8F%E5%8F%B7%E2%80%9C-%E2%80%9D%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">linux关于减号“-”的含义</a><a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E5%87%8F%E5%8F%B7%E2%80%9C-%E2%80%9D%E7%9A%84%E7%94%A8%E9%80%94/1.htm">linux关于减号“-”的用途</a><a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E2%80%9C-%E2%80%9D%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">linux关于“-”的含义</a><a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E5%87%8F%E5%8F%B7%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">linux关于减号的含义</a>
<div> 转载请出自出处：
http://eksliang.iteye.com/blog/2105677
管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有</div>
</li>
<li><a href="/article/479.htm"
title="Unix(3)" target="_blank">Unix(3)</a>
<span class="text-muted">18289753290</span>
<a class="tag" taget="_blank" href="/search/unix+ksh/1.htm">unix ksh</a>
<div>1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容
什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。
2)条件判断： &&代表and ||代表or&nbs</div>
</li>
<li><a href="/article/606.htm"
title="关于ListView中性能优化中图片加载问题" target="_blank">关于ListView中性能优化中图片加载问题</a>
<span class="text-muted">酷的飞上天空</span>
<a class="tag" taget="_blank" href="/search/ListView/1.htm">ListView</a>
<div>ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。
具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594
如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。
现在想出一个方法就是每次都添加一个标识，然后设置图</div>
</li>
<li><a href="/article/733.htm"
title="德国总理默多克：给国人的一堂“震撼教育”课" target="_blank">德国总理默多克：给国人的一堂“震撼教育”课</a>
<span class="text-muted">永夜-极光</span>
<a class="tag" taget="_blank" href="/search/%E6%95%99%E8%82%B2/1.htm">教育</a>
<div>http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课
安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！
德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂</div>
</li>
<li><a href="/article/860.htm"
title="关于Java继承的一个小问题。。。" target="_blank">关于Java继承的一个小问题。。。</a>
<span class="text-muted">随便小屋</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！
//CanFight接口
interface Canfight {
void fight();
}
//ActionCharacter类
class ActionCharacter {
public void fight() {
System.out.pr</div>
</li>
<li><a href="/article/987.htm"
title="23种基本的设计模式" target="_blank">23种基本的设计模式</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。 Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。 Builder：将一个复杂对象的构建与它的表示分离，使得同</div>
</li>
<li><a href="/article/1114.htm"
title="《周鸿祎自述：我的互联网方法论》读书笔记" target="_blank">《周鸿祎自述：我的互联网方法论》读书笔记</a>
<span class="text-muted">aoyouzi</span>
<a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a>
<div>从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.
商业模式不是赚钱模式
一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.
商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值.
商业模式还包括寻找需求</div>
</li>
<li><a href="/article/1241.htm"
title="JavaScript动态改变样式访问技术" target="_blank">JavaScript动态改变样式访问技术</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/style%E5%B1%9E%E6%80%A7/1.htm">style属性</a><a class="tag" taget="_blank" href="/search/ClassName%E5%B1%9E%E6%80%A7/1.htm">ClassName属性</a>
<div>
一:style属性
格式:
HTML元素.style.样式属性="值";
创建菜单:在html标签中创建 或者 在head标签中用数组创建
<html>
<head>
<title>style改变样式</title>
</head>
&l</div>
</li>
<li><a href="/article/1368.htm"
title="jQuery的deferred对象详解" target="_blank">jQuery的deferred对象详解</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/deferred%E5%AF%B9%E8%B1%A1/1.htm">deferred对象</a>
<div> jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。
每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。
&nb</div>
</li>
<li><a href="/article/1495.htm"
title="淘宝开放平台TOP" target="_blank">淘宝开放平台TOP</a>
<span class="text-muted">Bill_chen</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E6%B5%81/1.htm">物流</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a>
<div>淘宝网开放平台首页：http://open.taobao.com/
淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform，
是淘宝合作伙伴开发、发布、交易其服务的平台。
支撑TOP的三条主线为：
1.开放数据和业务流程
* 以API数据形式开放商品、交易、物流等业务；
&</div>
</li>
<li><a href="/article/1622.htm"
title="【大型网站架构一】大型网站架构概述" target="_blank">【大型网站架构一】大型网站架构概述</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E6%9E%B6%E6%9E%84/1.htm">网站架构</a>
<div>大型互联网特点
面对海量用户、海量数据
大型互联网架构的关键指标
高并发
高性能
高可用
高可扩展性
线性伸缩性
安全性
大型互联网技术要点
前端优化
CDN缓存
反向代理
KV缓存
消息系统
分布式存储
NoSQL数据库
搜索
监控
安全
想到的问题：
1.对于订单系统这种事务型系统，如</div>
</li>
<li><a href="/article/1749.htm"
title="eclipse插件hibernate tools安装" target="_blank">eclipse插件hibernate tools安装</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
<div>
eclipse helios(3.6)版
1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址：
http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool</div>
</li>
<li><a href="/article/1876.htm"
title="Jquery easyui Form表单提交注意事项" target="_blank">Jquery easyui Form表单提交注意事项</a>
<span class="text-muted">bozch</span>
<a class="tag" taget="_blank" href="/search/jquery+easyui/1.htm">jquery easyui</a>
<div>jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下：
1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要</div>
</li>
<li><a href="/article/2003.htm"
title="Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量" target="_blank">Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java%E5%AE%9E%E7%8E%B0/1.htm">java实现</a>
<div>
import java.util.LinkedList;
public class CaseInsensitiveTrie {
/**
字典树的Java实现。实现了插入、查询以及深度优先遍历。
Trie tree's java implementation.(Insert,Search,DFS)
Problem Description
Igna</div>
</li>
<li><a href="/article/2130.htm"
title="html css 鼠标形状样式汇总" target="_blank">html css 鼠标形状样式汇总</a>
<span class="text-muted">chenbowen00</span>
<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>css鼠标手型cursor中hand与pointer
Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>
Example：CSS鼠标手型效果 <a href="#" style=&qu</div>
</li>
<li><a href="/article/2257.htm"
title="[IT与投资]IT投资的几个原则" target="_blank">[IT与投资]IT投资的几个原则</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/it/1.htm">it</a>
<div>
无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......
</div>
</li>
<li><a href="/article/2384.htm"
title="oracle with语句详解" target="_blank">oracle with语句详解</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/with/1.htm">with</a><a class="tag" taget="_blank" href="/search/with+as/1.htm">with as</a>
<div>oracle with语句详解 转
在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用
例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的
----------------------------------------------------------------</div>
</li>
<li><a href="/article/2511.htm"
title="hbase的简单操作" target="_blank">hbase的简单操作</a>
<span class="text-muted">deng520159</span>
<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/hbase/1.htm">hbase</a>
<div>近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来.
用ssh登陆安装hbase那台linux后
用hbase shell进行hbase命令控制台!
表的管理
1）查看有哪些表
hbase(main)> list
2）创建表
# 语法：create <table>, {NAME => <family&g</div>
</li>
<li><a href="/article/2638.htm"
title="C语言scanf继续学习、算术运算符学习和逻辑运算符" target="_blank">C语言scanf继续学习、算术运算符学习和逻辑运算符</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
<div>/*
2013年3月11日20:37:32
地点：北京潘家园
功能：完成用户格式化输入多个值
目的：学习scanf函数的使用
*/
# include <stdio.h>
int main(void)
{
int i, j, k;
printf("please input three number:\n"); //提示用</div>
</li>
<li><a href="/article/2765.htm"
title="2015越来越好" target="_blank">2015越来越好</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E6%AD%8C%E6%9B%B2/1.htm">歌曲</a>
<div>越来越好
房子大了电话小了 感觉越来越好
假期多了收入高了 工作越来越好
商品精了价格活了 心情越来越好
天更蓝了水更清了 环境越来越好
活得有奔头人会步步高
想做到你要努力去做到
幸福的笑容天天挂眉梢 越来越好
婆媳和了家庭暖了 生活越来越好
孩子高了懂事多了 学习越来越好
朋友多了心相通了 大家越来越好
道路宽了心气顺了 日子越来越好
活的有精神人就不显</div>
</li>
<li><a href="/article/2892.htm"
title="java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim" target="_blank">java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim</a>
<span class="text-muted">feiteyizu</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00”
程序使用select 语句从中取数据时出现以下异常：
java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date
java.sql.SQLException: Valu</div>
</li>
<li><a href="/article/3019.htm"
title="Ehcache（07）——Ehcache对并发的支持" target="_blank">Ehcache（07）——Ehcache对并发的支持</a>
<span class="text-muted">234390216</span>
<a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/%E9%94%81/1.htm">锁</a><a class="tag" taget="_blank" href="/search/ReadLock/1.htm">ReadLock</a><a class="tag" taget="_blank" href="/search/WriteLock/1.htm">WriteLock</a>
<div>Ehcache对并发的支持
在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同</div>
</li>
<li><a href="/article/3146.htm"
title="mysql中blob,text字段的合成索引" target="_blank">mysql中blob,text字段的合成索引</a>
<span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div> 在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能，
但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找
则速度快
比如：
create table abc(id varchar(10),context blog,hash_value varchar(40));
insert into abc(1,rep</div>
</li>
<li><a href="/article/3273.htm"
title="逻辑运算与移位运算" target="_blank">逻辑运算与移位运算</a>
<span class="text-muted">latty</span>
<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/%E9%80%BB%E8%BE%91%E8%BF%90%E7%AE%97/1.htm">逻辑运算</a>
<div>源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111 （用8位二进制表示一个数）
负数的补码：
符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。 -7 源码： 10000111 ，其绝对值为00000111 取反加一：11111001 为-7补码
已知一个数的补码，求原码的操作分两种情况：</div>
</li>
<li><a href="/article/3400.htm"
title="利用XSD 验证XML文件" target="_blank">利用XSD 验证XML文件</a>
<span class="text-muted">newerdragon</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/xsd/1.htm">xsd</a>
<div>XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看：
http://www.w3school.com.cn/schema/index.asp
java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。
以下代码可用在J</div>
</li>
<li><a href="/article/3527.htm"
title="搭建 CentOS 6 服务器(12) - Samba" target="_blank">搭建 CentOS 6 服务器(12) - Samba</a>
<span class="text-muted">rensanning</span>
<a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a>
<div>（1）安装
# yum -y install samba
Installed:
samba.i686 0:3.6.9-169.el6_5
# pdbedit -a rensn
new password:123456
retype new password:123456
……
（2）Home文件夹
# mkdir /etc</div>
</li>
<li><a href="/article/3654.htm"
title="Learn Nodejs 01" target="_blank">Learn Nodejs 01</a>
<span class="text-muted">toknowme</span>
<a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a>
<div>（1）下载nodejs
https://nodejs.org/download/ 选择相应的版本进行下载 （2）安装nodejs 安装的方式比较多，请baidu下
我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 （1）上传服务器 （2）解压 tar -zxvf node-v0.12.</div>
</li>
<li><a href="/article/3781.htm"
title="jquery控制自动刷新的代码举例" target="_blank">jquery控制自动刷新的代码举例</a>
<span class="text-muted">xp9802</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
<div>1、html内容部分 复制代码代码示例: <div id='log_reload'>
<select name="id_s" size="1">
<option value='2'>-2s-</option>
<option value='3'>-3s-</option</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>