HTML入门零基础教程（二）
嗨，大家好，我是异星球的小怪同志
一个想法有点乱七八糟的小怪
如果觉得对你有帮助，请支持一波。
希望未来可以一起学习交流。
目录
一、HTML标签
1.HTML语法规范
2.标签的关系
二、HTML的基本结构标签
1.第一个HTML网页
2.HTML基本结构总结
三、网页开发工具
1.Visual Studio Code的下载及安装
2.Visual Studio Code的使用
3.使用VS Code的快捷键
4.VS Code插件安装
一、HTML标签
1.HTML语法规范
HTML标签都要包含在尖括号里,尖括号里可以写上想要的标签，标签一般都是成对出现的。
比如：和,我们称为双标签。标签中对应的第一个标签是开始标签，第二个标签是结束标签。
当然也有特殊的标签必须是单个标签（极少情况），比如：
，我们称为单标签。
2.标签的关系
双标签关系可以分为两类：包含关系和并列关系。
包含关系:简单可以理解为父子关系，head为父亲，title为儿子
并列关系：简单可以理解为兄弟关系，head为哥哥，body为弟弟
我们可以再尝试着理解:下面所属的代码，html是head和body的父亲，而html和body属于儿子为包含关系，并且head和body是兄弟关系也就是并列关系。
二、HTML的基本结构标签
1.第一个HTML网页
每一个网页都会有一个基本的结构标签（也称之为骨架标签），页面内容也是在这些基本标签上书写，HTML页面也称为HTML文档。
1024程序员节快乐<title>
</head>
<body>
代码敲烂，工资过万
</body>
</html>
</code></pre>
<p><strong>由上述代码可知：</strong></p>
<table border="1">
<tbody>
<tr>
<td style="width:142px;"><strong>标签名</strong></td>
<td style="width:117px;"><strong>定义</strong></td>
<td style="width:554px;"><strong>说明</strong></td>
<td></td>
</tr>
<tr>
<td style="width:142px;"><strong><html></html></strong></td>
<td style="width:117px;"><strong>HTML 标签</strong></td>
<td style="width:554px;"><strong>页面中最大的标签，我们称为根标签</strong></td>
<td></td>
</tr>
<tr>
<td style="width:142px;"> <p><strong><head></head></strong></p> </td>
<td style="width:117px;"><strong>文档的头部</strong></td>
<td style="width:554px;"><strong>注意在head标签中我们必须要设置的标签的title</strong></td>
<td></td>
</tr>
<tr>
<td style="width:142px;"><strong><title></tltle></strong></td>
<td style="width:117px;"><strong>文档的标题</strong></td>
<td style="width:554px;"><strong>让页面拥有一个属于自己的网页标题</strong></td>
<td></td>
</tr>
<tr>
<td style="width:142px;"><strong><body></body></strong></td>
<td style="width:117px;"><strong>文档的主体</strong></td>
<td style="width:554px;"><strong>元素包含文档的所有内容，页面内容基本都是放到body里面的</strong></td>
<td></td>
</tr>
</tbody>
</table>
<p><strong> 那么我们可以来演示一遍</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/b8501e40bd91415f9c33b4443c27ba5a.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第2张图片" src="http://img.e-com-net.com/image/info8/b8501e40bd91415f9c33b4443c27ba5a.jpg" width="650" height="367" style="border:1px solid black;"></a></p>
<p><a href="http://img.e-com-net.com/image/info8/679b6c3c923f4278a1c29cb22775c71a.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第3张图片" src="http://img.e-com-net.com/image/info8/679b6c3c923f4278a1c29cb22775c71a.jpg" width="650" height="329" style="border:1px solid black;"></a></p>
<h2 id="2.HTML%E5%9F%BA%E6%9C%AC%E7%BB%93%E6%9E%84%E6%80%BB%E7%BB%93">2.HTML基本结构总结</h2>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/5bfc27e014164f3fbf8bd8711fb8ba2f.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第4张图片" src="http://img.e-com-net.com/image/info8/5bfc27e014164f3fbf8bd8711fb8ba2f.jpg" width="650" height="189" style="border:1px solid black;"></a></p>
<blockquote>
<h1 id="%E4%B8%89%E3%80%81%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7">三、网页开发工具</h1>
</blockquote>
<p><strong>常见的网站建设工具有Sublime、Visual Studio Code、webstorm、Dreamweaver、Hbuilder等，其实都大差不差，只要你会运用都是可以的。可以用Dreamweaver我前面发的文章有讲http://t.csdn.cn/MwxEj ,也可以用现在大家经常用的Visual Studio Code。</strong></p>
<h2 id="1.Visual%20Studio%20Code%E7%9A%84%E4%B8%8B%E8%BD%BD%E5%8F%8A%E5%AE%89%E8%A3%85"><strong>1.Visual Studio Code的下载及安装</strong></h2>
<p><strong>（1）下载去这里https://code.visualstudio.com/Download，根据你电脑的系统，选择版本进行下载。</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/521cff25582847b8990ef68e18b6fb72.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第5张图片" src="http://img.e-com-net.com/image/info8/521cff25582847b8990ef68e18b6fb72.jpg" width="650" height="330" style="border:1px solid black;"></a></p>
<p><strong> （2）下载好之后，进行一系列的安装，如下图所示：</strong><br><br><strong>（a）首先选择我同意此协议</strong><a href="http://img.e-com-net.com/image/info8/edf18b0f79d7461ea6ad400154c7abea.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第6张图片" src="http://img.e-com-net.com/image/info8/edf18b0f79d7461ea6ad400154c7abea.jpg" width="650" height="514" style="border:1px solid black;"></a></p>
<p><strong>（b）接着安装到自己想要的盘里，最好<span style="color:#fe2c24;">不要安装到C盘</span> </strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/4a8d6181f4af437d95e1b871af0b0cea.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第7张图片" src="http://img.e-com-net.com/image/info8/4a8d6181f4af437d95e1b871af0b0cea.jpg" width="650" height="513" style="border:1px solid black;"></a></p>
<p><a href="http://img.e-com-net.com/image/info8/338cafee5fa04e88804585fbd643a06d.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第8张图片" src="http://img.e-com-net.com/image/info8/338cafee5fa04e88804585fbd643a06d.jpg" width="650" height="521" style="border:1px solid black;"></a><strong>（c）红色的建议我们勾选，橙色的不建议勾选，想勾选也可以 </strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/d5ebab3b179840658e10c8495c8dfeea.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第9张图片" src="http://img.e-com-net.com/image/info8/d5ebab3b179840658e10c8495c8dfeea.jpg" width="650" height="546" style="border:1px solid black;"></a> </p>
<p><strong>（d）选择好之后点击下一步 </strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/1ae7cb083c4c4f469c0cf2cbc310cb95.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第10张图片" src="http://img.e-com-net.com/image/info8/1ae7cb083c4c4f469c0cf2cbc310cb95.jpg" width="650" height="523" style="border:1px solid black;"></a></p>
<p><strong>（e）点击安装 </strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/4c9b858f5cae42a2a30a40d0d46d61bf.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第11张图片" src="http://img.e-com-net.com/image/info8/4c9b858f5cae42a2a30a40d0d46d61bf.jpg" width="650" height="521" style="border:1px solid black;"></a></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/269ea12f8e9c438493ce47e8353f9cc5.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第12张图片" src="http://img.e-com-net.com/image/info8/269ea12f8e9c438493ce47e8353f9cc5.jpg" width="650" height="527" style="border:1px solid black;"></a></p>
<p><strong>（f）安装成功 </strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/c254734ada4449ed83f17979ff696196.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第13张图片" src="http://img.e-com-net.com/image/info8/c254734ada4449ed83f17979ff696196.jpg" width="650" height="527" style="border:1px solid black;"></a></p>
<p><strong>（g）我们双击桌面打开软件，选择中文安装包</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/46923636beb04b188c5f57c7933d2e9a.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第14张图片" src="http://img.e-com-net.com/image/info8/46923636beb04b188c5f57c7933d2e9a.jpg" width="650" height="488" style="border:1px solid black;"></a></p>
<p><strong>（h）再次重启，就可以了</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/df815387506e4491a04c86b5bec445f3.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第15张图片" src="http://img.e-com-net.com/image/info8/df815387506e4491a04c86b5bec445f3.jpg" width="650" height="488" style="border:1px solid black;"></a></p>
<h2 id="%EF%BC%882%EF%BC%89%C2%A0Visual%20Studio%20Code%E7%9A%84%E4%BD%BF%E7%94%A8"><strong>2.Visual Studio Code的使用</strong></h2>
<p><strong>（1）首先我们可以点击<span style="color:#fe2c24;">文件窗口</span>然后<span style="color:#fe2c24;">新建文件</span>，也可以直接在<span style="color:#fe2c24;">界面上</span>点击新建文件，接着文件建好之后要<span style="color:#fe2c24;">先保存</span>，保存也可以在文件窗口中找到。文件一点要保存为<span style="color:#fe2c24;">.html网页格式</span></strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/4d6672502b934d24932ac8bc9e36dc3b.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第16张图片" src="http://img.e-com-net.com/image/info8/4d6672502b934d24932ac8bc9e36dc3b.jpg" width="650" height="348" style="border:1px solid black;"></a></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/4853de78a39647dc95c140a6d9bef539.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第17张图片" src="http://img.e-com-net.com/image/info8/4853de78a39647dc95c140a6d9bef539.jpg" width="650" height="176" style="border:1px solid black;"></a></p>
<p><span style="color:#0d0016;"><strong>（2）那么我们就开始敲代码之路了，首先我们看到的是没有任何单词，一个一个写很费事，那么有了开发工具，我们就可以</strong></span><span style="color:#fe2c24;"><strong>输入一个感叹号</strong></span><span style="color:#0d0016;"><strong>，注意是</strong></span><span style="color:#fe2c24;"><strong>英文状态下输入</strong></span><span style="color:#0d0016;"><strong>，然后</strong></span><span style="color:#fe2c24;"><strong>选择第一个感叹号</strong></span><span style="color:#0d0016;"><strong>。</strong></span></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/1595503e8f1845b6b89cf9f127ab4204.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第18张图片" src="http://img.e-com-net.com/image/info8/1595503e8f1845b6b89cf9f127ab4204.jpg" width="650" height="232" style="border:1px solid black;"></a></p>
<p><a href="http://img.e-com-net.com/image/info8/4ab8206a451a439685eeabfa05554f71.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第19张图片" src="http://img.e-com-net.com/image/info8/4ab8206a451a439685eeabfa05554f71.jpg" width="650" height="281" style="border:1px solid black;"></a></p>
<p><strong>（3）这样我们的<span style="color:#fe2c24;">HTML基本骨架</span>就已经形成了，就可以写想要的内容了</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/713ee4d323714e0aa1069f1bcfbdcd4f.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第20张图片" src="http://img.e-com-net.com/image/info8/713ee4d323714e0aa1069f1bcfbdcd4f.jpg" width="650" height="217" style="border:1px solid black;"></a></p>
<p><strong>（4）我们可以尝试尝试 建立网页</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/dc02629c8ea64774b70cc7a3d8722201.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第21张图片" src="http://img.e-com-net.com/image/info8/dc02629c8ea64774b70cc7a3d8722201.jpg" width="650" height="273" style="border:1px solid black;"></a></p>
<p><strong>（5）建立好之后，可以点击<span style="color:#fe2c24;">右键</span>，然后用<span style="color:#fe2c24;">浏览器预览</span>，也可以使用<span style="color:#fe2c24;">快捷键</span>。浏览器的<span style="color:#fe2c24;">插件</span>要在<span style="color:#fe2c24;">扩展</span>中下载。当然后续如果需要什么插件，都可以这样下载，下载之后要记得<span style="color:#fe2c24;">重启一下</span>。</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/b0111dbbfcff4fb2a544a35333b0887a.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第22张图片" src="http://img.e-com-net.com/image/info8/b0111dbbfcff4fb2a544a35333b0887a.jpg" width="450" height="611" style="border:1px solid black;"></a></p>
<p></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/bfe84d7afbc845e1add20141e9088878.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第23张图片" src="http://img.e-com-net.com/image/info8/bfe84d7afbc845e1add20141e9088878.jpg" width="650" height="386" style="border:1px solid black;"></a></p>
<p><strong>（6）我们就可以看到我们所创建的网页了啦</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/7d58221b935d40d8b10cc7e1d23bdea2.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第24张图片" src="http://img.e-com-net.com/image/info8/7d58221b935d40d8b10cc7e1d23bdea2.jpg" width="650" height="267" style="border:1px solid black;"></a> </p>
<h2 id="3.%E4%BD%BF%E7%94%A8VS%C2%A0Code%E7%9A%84%E5%BF%AB%E6%8D%B7%E9%94%AE">3.使用VS Code的快捷键</h2>
<p><strong><span style="color:#0d0016;">（1）</span><span style="color:#fe2c24;">双击</span><span style="color:#0d0016;">可以打开软件。</span></strong></p>
<p><strong><span style="color:#0d0016;">（2）新建文件夹（</span><span style="color:#fe2c24;">ctrl＋n</span><span style="color:#0d0016;">） 。</span></strong></p>
<p><strong><span style="color:#0d0016;">（3）保存（</span><span style="color:#fe2c24;">ctrl+s</span><span style="color:#0d0016;">），注意移动要保存为</span><span style="color:#fe2c24;">.html</span><span style="color:#0d0016;">文件。</span></strong></p>
<p><strong><span style="color:#0d0016;">（4）</span><span style="color:#fe2c24;">ctrl+加号键</span><span style="color:#0d0016;">，</span><span style="color:#fe2c24;">ctrl+减号键</span><span style="color:#0d0016;">，</span><span style="color:#fe2c24;">放大</span><span style="color:#0d0016;">或</span><span style="color:#fe2c24;">缩小</span><span style="color:#0d0016;">视图界面。</span></strong></p>
<p><strong><span style="color:#0d0016;">（5）生成页面的骨架结构，用</span><span style="color:#fe2c24;">英文状态</span><span style="color:#0d0016;">下输入</span><span style="color:#fe2c24;">感叹号</span><span style="color:#0d0016;">。</span></strong></p>
<p><strong><span style="color:#0d0016;">（6）利用</span><span style="color:#fe2c24;">鼠标右键</span><span style="color:#0d0016;">可以很快点击浏览器预览。</span></strong></p>
<h2 id="4.VS%20Code%E6%8F%92%E4%BB%B6%E5%AE%89%E8%A3%85">4.VS Code插件安装</h2>
<p><strong>推荐安装的插件，仅供参考，安装好之后记得重启一下。</strong></p>
<table border="1" style="width:500px;">
<tbody>
<tr>
<td style="width:249px;"><strong>插件</strong></td>
<td style="width:249px;"><strong>作用</strong></td>
</tr>
<tr>
<td style="width:249px;"> <p><strong>Chinese（Simplifed）Language</strong></p> <p><strong>Pack for VS Code</strong></p> </td>
<td style="width:249px;"><strong>中文（简体）语言包</strong></td>
</tr>
<tr>
<td style="width:249px;"><strong>Open in Browser</strong></td>
<td style="width:249px;"><strong>鼠标右击选择浏览器打开html文件</strong></td>
</tr>
<tr>
<td style="width:249px;"><strong>JS-CSS-HTML Formatter</strong></td>
<td style="width:249px;"><strong>每次保存，都会自动格式化js css 和html代码</strong></td>
</tr>
<tr>
<td style="width:249px;"><strong>Auto Rename Tag</strong></td>
<td style="width:249px;"><strong>自动重命名配对的HTML/XML标签</strong></td>
</tr>
<tr>
<td style="width:249px;"><strong>CSS Peek</strong></td>
<td style="width:249px;"><strong>追踪至样式</strong></td>
</tr>
</tbody>
</table>
<p><strong>好啦，今天就到这里，下次再更~ </strong></p>
<p>我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=wg8t2mvqa8az</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1605714578409291776"></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,javascript,前端,vscode)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1835509897106649088.htm"
title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a>
<span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div>
</li>
<li><a href="/article/1835509770287673344.htm"
title="swagger访问路径" target="_blank">swagger访问路径</a>
<span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a>
<div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div>
</li>
<li><a href="/article/1835508130608410624.htm"
title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a>
<span class="text-muted">某公司摸鱼前端</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div>
</li>
<li><a href="/article/1835499615491813376.htm"
title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a>
<span class="text-muted">彩云飘过</span>
<div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div>
</li>
<li><a href="/article/1835498925755297792.htm"
title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
<span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
<div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
</li>
<li><a href="/article/1835497792265613312.htm"
title="【加密社】Solidity 中的事件机制及其应用" target="_blank">【加密社】Solidity 中的事件机制及其应用</a>
<span class="text-muted">加密社</span>
<a class="tag" taget="_blank" href="/search/%E9%97%B2%E4%BE%83/1.htm">闲侃</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%90%88%E7%BA%A6/1.htm">智能合约</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a>
<div>加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件</div>
</li>
<li><a href="/article/1835496149843275776.htm"
title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
<div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
</li>
<li><a href="/article/1835496148601761792.htm"
title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
</li>
<li><a href="/article/1835493267907637248.htm"
title="webpack图片等资源的处理" target="_blank">webpack图片等资源的处理</a>
<span class="text-muted">dmengmeng</span>
<div>需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p</div>
</li>
<li><a href="/article/1835492740536823808.htm"
title="node.js学习" target="_blank">node.js学习</a>
<span class="text-muted">小猿L</span>
<a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a>
<div>node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行</div>
</li>
<li><a href="/article/1835470931783413760.htm"
title="「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验" target="_blank">「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验</a>
<span class="text-muted">张风捷特烈</span>
<a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</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>theme:cyanosis我正在参加「豆包MarsCode初体验」征文活动MarsCode可以看作一个运行在服务端的远程VSCode开发环境。对于我这种想要学习体验某些语言，但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在MarsCode里，我的体验rust开发体验。一、MarsCode是什么它的本质是:提供代码助手和云端IDE服务的web网站，可通过下面的链接访问https://www</div>
</li>
<li><a href="/article/1835448238103162880.htm"
title="springboot+vue项目实战一-创建SpringBoot简单项目" target="_blank">springboot+vue项目实战一-创建SpringBoot简单项目</a>
<span class="text-muted">苹果酱0567</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/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><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一</div>
</li>
<li><a href="/article/1835448239864770560.htm"
title="JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）" target="_blank">JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）</a>
<span class="text-muted">跳房子的前端</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/1.htm">前端面试</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中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数</div>
</li>
<li><a href="/article/1835441932583661568.htm"
title="ESP32-C3入门教程 网络篇⑩——基于esp_https_ota和MQTT实现开机主动升级和被动触发升级的OTA功能" target="_blank">ESP32-C3入门教程 网络篇⑩——基于esp_https_ota和MQTT实现开机主动升级和被动触发升级的OTA功能</a>
<span class="text-muted">小康师兄</span>
<a class="tag" taget="_blank" href="/search/ESP32-C3%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/1.htm">ESP32-C3入门教程</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/esp32/1.htm">esp32</a><a class="tag" taget="_blank" href="/search/OTA/1.htm">OTA</a><a class="tag" taget="_blank" href="/search/MQTT/1.htm">MQTT</a>
<div>文章目录一、前言二、软件流程三、部分源码四、运行演示一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读ESP32-C3入门教程网络篇⑨——基于esp_https_ota实现史上最简单的ESP32OTA远程固件升级功能二、软件流程</div>
</li>
<li><a href="/article/1835437775344726016.htm"
title="博客网站制作教程" target="_blank">博客网站制作教程</a>
<span class="text-muted">2401_85194651</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java</div>
</li>
<li><a href="/article/1835435506645692416.htm"
title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a>
<span class="text-muted">有一只柴犬</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div>
</li>
<li><a href="/article/1835435141535723520.htm"
title="详解：如何设计出健壮的秒杀系统？" target="_blank">详解：如何设计出健壮的秒杀系统？</a>
<span class="text-muted">夜空_2cd3</span>
<div>作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*</div>
</li>
<li><a href="/article/1835428948339683328.htm"
title="JavaScript `Map` 和 `WeakMap`详细解释" target="_blank">JavaScript `Map` 和 `WeakMap`详细解释</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/%E5%8E%9F%E7%94%9F%E6%96%B9%E6%B3%95/1.htm">原生方法</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键</div>
</li>
<li><a href="/article/1835428821877223424.htm"
title="计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署）" target="_blank">计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署）</a>
<span class="text-muted">java毕设程序源码王哥</span>
<a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发</div>
</li>
<li><a href="/article/1835428317084348416.htm"
title="最简单将静态网页挂载到服务器上(不用nginx)" target="_blank">最简单将静态网页挂载到服务器上(不用nginx)</a>
<span class="text-muted">全能全知者</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/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><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl</div>
</li>
<li><a href="/article/1835427057752961024.htm"
title="补充元象二面" target="_blank">补充元象二面</a>
<span class="text-muted">Redstone Monstrosity</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.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重</div>
</li>
<li><a href="/article/1835420753252675584.htm"
title="微信小程序开发注意事项" target="_blank">微信小程序开发注意事项</a>
<span class="text-muted">jun778895</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/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
<div>微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂</div>
</li>
<li><a href="/article/1835419870070665216.htm"
title="切换淘宝最新npm镜像源是" target="_blank">切换淘宝最新npm镜像源是</a>
<span class="text-muted">hai40587</span>
<a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
<div>切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库</div>
</li>
<li><a href="/article/1835412052382937088.htm"
title="[实验室服务器使用]使用VSCode、PyCharm、MobaXterm和CMD连接远程服务器" target="_blank">[实验室服务器使用]使用VSCode、PyCharm、MobaXterm和CMD连接远程服务器</a>
<span class="text-muted">YuanDaima2048</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7%E4%BD%BF%E7%94%A8/1.htm">工具使用</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/pycharm/1.htm">pycharm</a><a class="tag" taget="_blank" href="/search/cmd/1.htm">cmd</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86%E6%A8%A1%E5%BC%8F/1.htm">代理模式</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E9%AA%8C/1.htm">实验</a>
<div>文章总览：YuanDaiMa2048博客文章总览实验室服务器使用：使用VSCode、PyCharm、MobaXterm和CMD连接远程服务器在进行实验室工作时，远程连接服务器是常见的需求之一。本篇文章根据个人的一些使用介绍使用不同工具连接服务器的方法，并提供优化功能，使服务器能够使用本机代理的说明。准备服务器账号信息Host（主机）:10.XXX.XX.XXXPort（端口）:[SSHPort]U</div>
</li>
<li><a href="/article/1835411044768509952.htm"
title="字节二面" target="_blank">字节二面</a>
<span class="text-muted">Redstone Monstrosity</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.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文</div>
</li>
<li><a href="/article/1835403246865313792.htm"
title="斟一小组鸡血视频" target="_blank">斟一小组鸡血视频</a>
<span class="text-muted">和自己一起成长</span>
<div>http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa</div>
</li>
<li><a href="/article/1835398064727224320.htm"
title="前端代码上传文件" target="_blank">前端代码上传文件</a>
<span class="text-muted">余生逆风飞翔</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/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>
<div>点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i</div>
</li>
<li><a href="/article/1835395039572881408.htm"
title="Dockerfile命令详解之 FROM" target="_blank">Dockerfile命令详解之 FROM</a>
<span class="text-muted">清风怎不知意</span>
<a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E5%8C%96/1.htm">容器化</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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>许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用</div>
</li>
<li><a href="/article/1835389111658180608.htm"
title="《HTML 与 CSS—— 响应式设计》" target="_blank">《HTML 与 CSS—— 响应式设计》</a>
<span class="text-muted">陈在天box</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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在</div>
</li>
<li><a href="/article/1835387977480630272.htm"
title="【C语言】- 自定义类型：结构体、枚举、联合" target="_blank">【C语言】- 自定义类型：结构体、枚举、联合</a>
<span class="text-muted">Cavalier_01</span>
<a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a>
<div>【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523</div>
</li>
<li><a href="/article/117.htm"
title="Algorithm" target="_blank">Algorithm</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/Algorithm/1.htm">Algorithm</a>
<div>冒泡排序
public static void sort(Integer[] param) {
for (int i = param.length - 1; i > 0; i--) {
for (int j = 0; j < i; j++) {
int current = param[j];
int next = param[j + 1];</div>
</li>
<li><a href="/article/244.htm"
title="mongoDB 复杂查询表达式" target="_blank">mongoDB 复杂查询表达式</a>
<span class="text-muted">开窍的石头</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
<div>1:count
Pg: db.user.find().count();
统计多少条数据
2:不等于$ne
Pg: db.user.find({_id:{$ne:3}},{name:1,sex:1,_id:0});
查询id不等于3的数据。
3：大于$gt $gte(大于等于)
&n</div>
</li>
<li><a href="/article/371.htm"
title="Jboss Java heap space异常解决方法, jboss OutOfMemoryError : PermGen space" target="_blank">Jboss Java heap space异常解决方法, jboss OutOfMemoryError : PermGen space</a>
<span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jboss/1.htm">jboss</a>
<div>转自
http://blog.csdn.net/zou274/article/details/5552630
解决办法：
window->preferences->java->installed jres->edit jre
把default vm arguments 的参数设为-Xms64m -Xmx512m
----------------</div>
</li>
<li><a href="/article/498.htm"
title="文件上传 下载 解析 相对路径" target="_blank">文件上传 下载 解析 相对路径</a>
<span class="text-muted">不懂事的小屁孩</span>
<a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/1.htm">文件上传</a>
<div>有点坑吧，弄这么一个简单的东西弄了一天多，身边还有大神指导着，网上各种百度着。
下面总结一下遇到的问题：
文件上传，在页面上传的时候，不要想着去操作绝对路径，浏览器会对客户端的信息进行保护，避免用户信息收到攻击。
在上传图片，或者文件时，使用form表单来操作。
前台通过form表单传输一个流到后台，而不是ajax传递参数到后台，代码如下:
<form action=&</div>
</li>
<li><a href="/article/625.htm"
title="怎么实现qq空间批量点赞" target="_blank">怎么实现qq空间批量点赞</a>
<span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
<div>纯粹为了好玩！！
逻辑很简单
1 打开浏览器console；输入以下代码。
先上添加赞的代码
var tools={};
//添加所有赞
function init(){
document.body.scrollTop=10000;
setTimeout(function(){document.body.scrollTop=0;},2000);//加</div>
</li>
<li><a href="/article/752.htm"
title="判断是否为中文" target="_blank">判断是否为中文</a>
<span class="text-muted">灵静志远</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%AD%E6%96%87/1.htm">中文</a>
<div>方法一：
public class Zhidao {
public static void main(String args[]) {
String s = "sdf灭礌 kjl d{';\fdsjlk是";
int n=0;
for(int i=0; i<s.length(); i++) {
n = (int)s.charAt(i);
if((</div>
</li>
<li><a href="/article/879.htm"
title="一个电话面试后总结" target="_blank">一个电话面试后总结</a>
<span class="text-muted">a-john</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>今天，接了一个电话面试，对于还是初学者的我来说，紧张了半天。
面试的问题分了层次，对于一类问题，由简到难。自己觉得回答不好的地方作了一下总结：
在谈到集合类的时候，举几个常用的集合类，想都没想，直接说了list,map。
然后对list和map分别举几个类型：
list方面：ArrayList,LinkedList。在谈到他们的区别时，愣住了</div>
</li>
<li><a href="/article/1006.htm"
title="MSSQL中Escape转义的使用" target="_blank">MSSQL中Escape转义的使用</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/MSSQL/1.htm">MSSQL</a>
<div>IF OBJECT_ID('tempdb..#ABC') is not null
drop table tempdb..#ABC
create table #ABC
(
PATHNAME NVARCHAR(50)
)
insert into #ABC
SELECT N'/ABCDEFGHI'
UNION ALL SELECT N'/ABCDGAFGASASSDFA'
UNION ALL</div>
</li>
<li><a href="/article/1133.htm"
title="一个简单的存储过程" target="_blank">一个简单的存储过程</a>
<span class="text-muted">asialee</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8%E8%BF%87%E7%A8%8B/1.htm">存储过程</a><a class="tag" taget="_blank" href="/search/%E6%9E%84%E9%80%A0%E6%95%B0%E6%8D%AE/1.htm">构造数据</a><a class="tag" taget="_blank" href="/search/%E6%89%B9%E9%87%8F%E6%8F%92%E5%85%A5/1.htm">批量插入</a>
<div> 今天要批量的生成一批测试数据，其中中间有部分数据是变化的，本来想写个程序来生成的，后来想到存储过程就可以搞定，所以随手写了一个，记录在此：
DELIMITER $$
DROP PROCEDURE IF EXISTS inse</div>
</li>
<li><a href="/article/1260.htm"
title="annot convert from HomeFragment_1 to Fragment" target="_blank">annot convert from HomeFragment_1 to Fragment</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%AF%BC%E5%8C%85%E9%94%99%E8%AF%AF/1.htm">导包错误</a>
<div>创建了几个类继承Fragment, 需要将创建的类存储在ArrayList<Fragment>中; 出现不能将new 出来的对象放到队列中,原因很简单;
创建类时引入包是:import android.app.Fragment;
创建队列和对象时使用的包是:import android.support.v4.ap</div>
</li>
<li><a href="/article/1387.htm"
title="Weblogic10两种修改端口的方法" target="_blank">Weblogic10两种修改端口的方法</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/%E7%AB%AF%E5%8F%A3%E5%8F%B7/1.htm">端口号</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a><a class="tag" taget="_blank" href="/search/config.xml/1.htm">config.xml</a>
<div>一.进入控制台进行修改 1.进入控制台: http://127.0.0.1:7001/console 2.展开左边树菜单 域结构->环境->服务器-->点击AdminServer(管理) &</div>
</li>
<li><a href="/article/1514.htm"
title="mysql 操作指令" target="_blank">mysql 操作指令</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>一、连接mysql
进入 mysql 的安装目录；
$ bin/mysql -p [host IP 如果是登录本地的mysql 可以不写 -p 直接 -u] -u [userName] -p
输入密码，回车，接连；
二、权限操作［如果你很了解mysql数据库后，你可以直接去修改系统表，然后用 mysql> flush privileges; 指令让权限生效］
1、赋权
mys</div>
</li>
<li><a href="/article/1641.htm"
title="【Hive一】Hive入门" target="_blank">【Hive一】Hive入门</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
<div>Hive安装与配置
Hive的运行需要依赖于Hadoop，因此需要首先安装Hadoop2.5.2，并且Hive的启动前需要首先启动Hadoop。
Hive安装和配置的步骤
1. 从如下地址下载Hive0.14.0
http://mirror.bit.edu.cn/apache/hive/
2.解压hive，在系统变</div>
</li>
<li><a href="/article/1768.htm"
title="ajax 三种提交请求的方法" target="_blank">ajax 三种提交请求的方法</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/jqery/1.htm">jqery</a>
<div>1、ajax 提交请求
$.ajax({
type:"post",
url : "${ctx}/front/Hotel/getAllHotelByAjax.do",
dataType : "json",
success : function(result) {
try {
for(v</div>
</li>
<li><a href="/article/1895.htm"
title="mongodb开发环境下的搭建入门" target="_blank">mongodb开发环境下的搭建入门</a>
<span class="text-muted">braveCS</span>
<a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>
linux下安装mongodb
1）官网下载mongodb-linux-x86_64-rhel62-3.0.4.gz
2）linux 解压
gzip -d mongodb-linux-x86_64-rhel62-3.0.4.gz;
mv mongodb-linux-x86_64-rhel62-3.0.4 mongodb-linux-x86_64-rhel62-</div>
</li>
<li><a href="/article/2022.htm"
title="编程之美-最短摘要的生成" target="_blank">编程之美-最短摘要的生成</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/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/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/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a>
<div>
import java.util.HashMap;
import java.util.Map;
import java.util.Map.Entry;
public class ShortestAbstract {
/**
* 编程之美 最短摘要的生成
* 扫描过程始终保持一个[pBegin,pEnd]的range,初始化确保[pBegin,pEnd]的ran</div>
</li>
<li><a href="/article/2149.htm"
title="json数据解析及typeof" target="_blank">json数据解析及typeof</a>
<span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/typeof/1.htm">typeof</a><a class="tag" taget="_blank" href="/search/json%E8%A7%A3%E6%9E%90/1.htm">json解析</a>
<div>
// json格式
var people='{"authors": [{"firstName": "AAA","lastName": "BBB"},'
+' {"firstName": "CCC&</div>
</li>
<li><a href="/article/2276.htm"
title="流程系统设计的层次和目标" target="_blank">流程系统设计的层次和目标</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
<div>
流程系统设计的层次和目标
</div>
</li>
<li><a href="/article/2403.htm"
title="RMAN List和report 命令" target="_blank">RMAN List和report 命令</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/list/1.htm">list</a><a class="tag" taget="_blank" href="/search/report/1.htm">report</a><a class="tag" taget="_blank" href="/search/rman/1.htm">rman</a>
<div>LIST 命令
使用RMAN LIST 命令显示有关资料档案库中记录的备份集、代理副本和映像副本的
信息。使用此命令可列出：
• RMAN 资料档案库中状态不是AVAILABLE 的备份和副本
• 可用的且可以用于还原操作的数据文件备份和副本
• 备份集和副本，其中包含指定数据文件列表或指定表空间的备份
• 包含指定名称或范围的所有归档日志备份的备份集和副本
• 由标记、完成时间、可</div>
</li>
<li><a href="/article/2530.htm"
title="二叉树:红黑树" target="_blank">二叉树:红黑树</a>
<span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%8F%89%E6%A0%91/1.htm">二叉树</a>
<div> 红黑树是一种自平衡的二叉树,它的查找,插入,删除操作时间复杂度皆为O(logN),不会出现普通二叉搜索树在最差情况时时间复杂度会变为O(N)的问题.
红黑树必须遵循红黑规则,规则如下
1、每个节点不是红就是黑。 2、根总是黑的 &</div>
</li>
<li><a href="/article/2657.htm"
title="C语言homework3，7个小题目的代码" target="_blank">C语言homework3，7个小题目的代码</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
<div>1、打印100以内的所有奇数。
# include <stdio.h>
int main(void)
{
int i;
for (i=1; i<=100; i++)
{
if (i%2 != 0)
printf("%d ", i);
}
return 0;
}
2、从键盘上输入10个整数，</div>
</li>
<li><a href="/article/2784.htm"
title="自定义按钮, 图片在上, 文字在下, 居中显示" target="_blank">自定义按钮, 图片在上, 文字在下, 居中显示</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89/1.htm">自定义</a>
<div>#import <UIKit/UIKit.h>
@interface MyButton : UIButton
-(void)setFrame:(CGRect)frame ImageName:(NSString*)imageName Target:(id)target Action:(SEL)action Title:(NSString*)title Font:(CGFloa</div>
</li>
<li><a href="/article/2911.htm"
title="MySQL查询语句练习题，测试足够用了" target="_blank">MySQL查询语句练习题，测试足够用了</a>
<span class="text-muted">flyvszhb</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>http://blog.sina.com.cn/s/blog_767d65530101861c.html
1.创建student和score表
CREATE TABLE student (
id INT(10) NOT NULL UNIQUE PRIMARY KEY ,
name VARCHAR</div>
</li>
<li><a href="/article/3038.htm"
title="转：MyBatis Generator 详解" target="_blank">转：MyBatis Generator 详解</a>
<span class="text-muted">happyqing</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a>
<div>
MyBatis Generator 详解
http://blog.csdn.net/isea533/article/details/42102297
MyBatis Generator详解
http://git.oschina.net/free/Mybatis_Utils/blob/master/MybatisGeneator/MybatisGeneator.</div>
</li>
<li><a href="/article/3165.htm"
title="让程序员少走弯路的14个忠告" target="_blank">让程序员少走弯路的14个忠告</a>
<span class="text-muted">jingjing0907</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E5%88%92/1.htm">计划</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>
无论是谁，在刚进入某个领域之时，有再大的雄心壮志也敌不过眼前的迷茫：不知道应该怎么做，不知道应该做什么。下面是一名软件开发人员所学到的经验，希望能对大家有所帮助
1.不要害怕在工作中学习。
只要有电脑，就可以通过电子阅读器阅读报纸和大多数书籍。如果你只是做好自己的本职工作以及分配的任务，那是学不到很多东西的。如果你盲目地要求更多的工作，也是不可能提升自己的。放</div>
</li>
<li><a href="/article/3292.htm"
title="nginx和NetScaler区别" target="_blank">nginx和NetScaler区别</a>
<span class="text-muted">流浪鱼</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a>
<div>NetScaler是一个完整的包含操作系统和应用交付功能的产品，Nginx并不包含操作系统，在处理连接方面，需要依赖于操作系统，所以在并发连接数方面和防DoS攻击方面，Nginx不具备优势。
2.易用性方面差别也比较大。Nginx对管理员的水平要求比较高，参数比较多，不确定性给运营带来隐患。在NetScaler常见的配置如健康检查，HA等，在Nginx上的配置的实现相对复杂。
3.策略灵活度方</div>
</li>
<li><a href="/article/3419.htm"
title="第11章 动画效果（下）" target="_blank">第11章 动画效果（下）</a>
<span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/%E5%8A%A8%E7%94%BB/1.htm">动画</a>
<div>index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/</div>
</li>
<li><a href="/article/3546.htm"
title="FAQ - SAP BW BO roadmap" target="_blank">FAQ - SAP BW BO roadmap</a>
<span class="text-muted">blueoxygen</span>
<a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a><a class="tag" taget="_blank" href="/search/BW/1.htm">BW</a>
<div>http://www.sdn.sap.com/irj/boc/business-objects-for-sap-faq
Besides, I care that how to integrate tightly.
By the way, for BW consultants, please just focus on Query Designer which i</div>
</li>
<li><a href="/article/3673.htm"
title="关于java堆内存溢出的几种情况" target="_blank">关于java堆内存溢出的几种情况</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a>
<div>【情况一】：
java.lang.OutOfMemoryError: Java heap space：这种是java堆内存不够，一个原因是真不够，另一个原因是程序中有死循环； 如果是java堆内存不够的话，可以通过调整JVM下面的配置来解决： <jvm-arg>-Xms3062m</jvm-arg> <jvm-arg>-Xmx</div>
</li>
<li><a href="/article/3800.htm"
title="Manifest.permission_group权限组" target="_blank">Manifest.permission_group权限组</a>
<span class="text-muted">阿尔萨斯</span>
<a class="tag" taget="_blank" href="/search/Permission/1.htm">Permission</a>
<div>结构
继承关系
public static final class Manifest.permission_group extends Object
java.lang.Object
android. Manifest.permission_group 常量
ACCOUNTS 直接通过统计管理器访问管理的统计
COST_MONEY可以用来让用户花钱但不需要通过与他们直接牵涉的权限
D</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>