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/1833504631855083520.htm"
title="python安装virtual虚拟环境" target="_blank">python安装virtual虚拟环境</a>
<span class="text-muted">LookUpMan</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>本文参考：https://www.cnblogs.com/guishou/p/7134386.html1.安装pipinstallvirtualenv2.创建虚拟环境virtualenv-pc:\python3\python.exevenvc:\python3\python.exe为指定python解释器的路径3.激活虚拟环境首先进入创建的虚拟环境下目录中的scripts中cdvenv/scrip</div>
</li>
<li><a href="/article/1833503623452127232.htm"
title="(代码可运行)Bootstrap框架的HTML示例" target="_blank">(代码可运行)Bootstrap框架的HTML示例</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/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Bootstrap：一套流行的前端开发框架，基于HTML、CSS和JavaScript，适用于快速构建响应式Web应用。以下是一个使用Bootstrap构建的简单响应式Web应用的HTML示例：BootstrapExampleHello,Bootstrap!CardtitleSomequickexampletexttobuildonthecardtitleandmakeupthebulkofthe</div>
</li>
<li><a href="/article/1833489635276320768.htm"
title="移动端测试" target="_blank">移动端测试</a>
<span class="text-muted">渔jy</span>
<a class="tag" taget="_blank" href="/search/Android%E7%B3%BB%E7%BB%9F%E5%8F%8A%E5%BA%94%E7%94%A8/1.htm">Android系统及应用</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>三种移动端产品类型介绍移动端应用的测试其自身特点，和其他传统测试又有一些独特的测试方法与思路。移动端应用又可以进一步细分为三大类：WebApp指的是移动端的Web浏览器，其实和PC端的Web浏览器没有任何区别，只不过Web浏览器所依附的操作系统不再是Windows和Linux了，而是iOS和Android了。WebApp采用的技术主要是，传统的HTML、JavaScript、CSS等Web技术栈，</div>
</li>
<li><a href="/article/1833488120474071040.htm"
title="html 文本标签 不换行,css如何强制不允许换行？" target="_blank">html 文本标签 不换行,css如何强制不允许换行？</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/%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE/1.htm">文本标签</a><a class="tag" taget="_blank" href="/search/%E4%B8%8D%E6%8D%A2%E8%A1%8C/1.htm">不换行</a>
<div>在我们日常的编码中经常会遇到这段文字不可以换行，或者自动换行的需求。下面我们来看一下如何使用css设置强制文字不换行。white-space:nowrap;强制不换行，对中文英文都起作用。css代码：div{white-space:nowrap;}示例：p{white-space:nowrap}这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一</div>
</li>
<li><a href="/article/1833487868086022144.htm"
title="程序员技术练级攻略" target="_blank">程序员技术练级攻略</a>
<span class="text-muted">bo o ya ka</span>
<a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>转自：http://coolshell.cn/articles/4990.html前言你是否觉得自己从学校毕业的时候只做过小玩具一样的程序？走入职场后哪怕没有什么经验也可以把以下这些课外练习走一遍（朋友的抱怨：学校课程总是从理论出发，作业项目都看不出有什么实际作用，不如从工作中的需求出发）建议：不要乱买书，不要乱追新技术新名词，基础的东西经过很长时间积累而且还会在未来至少10年通用。回顾一下历史，</div>
</li>
<li><a href="/article/1833484969117315072.htm"
title="CSS字体样式" target="_blank">CSS字体样式</a>
<span class="text-muted">一壶浊酒..</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>字体样式属性：font-family:字体类型font-size:字体大小font-weight:字体粗细font-style:字体风格color:字体颜色Document#p1div{font-family:微软雅黑;/*字体大小为14px*/font-size:14px;/*字体粗细为bold*/font-weight:bold;color:red;}#p2{font-family:Arial</div>
</li>
<li><a href="/article/1833483835501801472.htm"
title="【html+css网站设计】" target="_blank">【html+css网站设计】</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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>学习笔记：HTML基础概念1.vscode常用设置1.1打开文件1.2新建文件1.3自动保存(ctrl+S)1.4文件重命名1.5删除文件2.vscode常用快捷键2.1自动补全HTML基本结构2.2标签自动补全2.3复制当前行|复制多行2.4删除当前行|删除多行2.5单行注释|取消单行注释2.6多行注释|取消多行注释2.7统一编辑2.8生成多个2.9文字2.10打开浏览器2.11快捷键可以组合使</div>
</li>
<li><a href="/article/1833483835057205248.htm"
title="vue css 背景图片路径" target="_blank">vue css 背景图片路径</a>
<span class="text-muted">饭盒尽头的GIS</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>vuecss背景图片路径background:url('~@/assets/images/nav/broadcast@2x.png')no-repeatcenter;</div>
</li>
<li><a href="/article/1833481944445317120.htm"
title="Vue 的常用指令以及相关修饰符的含义" target="_blank">Vue 的常用指令以及相关修饰符的含义</a>
<span class="text-muted">渡鸦七</span>
<a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Vue的常用指令插值表达式{{}}用来在Vue模板中插入变量。{{message}}newVue({el:'#app',data:{message:'HelloVue!'}})v-textv-text指令用来设置元素的文本内容。newVue({el:'#app',data:{message:'HelloVue!'}})v-htmlv-html指令用来设置元素的HTML内容。newVue({el:'</div>
</li>
<li><a href="/article/1833481816355467264.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/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模块化规范1.模块化概述1.1什么时模块化将程序文件依据一定规则拆分成多个文件，这种编码方式就是模块化的编码方式。拆分出来每个文件就是一个模块，模块中的数据都是私有的，模块之间相互隔离。同事也能通过一些手段，可以把模块内的指定数据“交出去”，提供其他模块使用。1.2为什么使用模块化随着应用的复杂度越来越高，其代码量和文件数据都会急剧增加，会逐渐引发一些问题：全局污染问题。依赖混</div>
</li>
<li><a href="/article/1833480304145297408.htm"
title="html中，想添加一段文字，使用什么标签最合理？" target="_blank">html中，想添加一段文字，使用什么标签最合理？</a>
<span class="text-muted">流泪兔兔头</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在HTML中，选择合适的标签来添加一段文字取决于这段文字在页面中的作用以及上下文。下面是一些常见的标签及其用途：:这是表示段落的最常见标签。当你要添加的是普通文本段落时，使用标签是最合理的。它告诉浏览器这是一个独立的段落，通常浏览器会在这段文字前后添加一些默认的外边距。:这是一个块级元素，用于组合其他HTML元素以形成更大的部分或区块。本身没有语义，通常用于布局目的或作为一个容器来应用样式。如果要</div>
</li>
<li><a href="/article/1833479296862220288.htm"
title="深入探索从ES6到ES2023" target="_blank">深入探索从ES6到ES2023</a>
<span class="text-muted">hai40587</span>
<a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
<div>从ES6到ES2023，我们深入探索ECMAScript（简称ES）的演变与发展，了解这一JavaScript标准背后的技术革新和进步。ECMAScript作为JavaScript的标准化版本，每年都在不断推出新版本，为开发者带来更加丰富和强大的功能。本文将从ES6的引入开始，逐步介绍到最新的ES2023，同时探讨这些新特性对现代Web开发的影响。ECMAScript简介与JavaScript的关</div>
</li>
<li><a href="/article/1833476520207806464.htm"
title="使用vue2和css样式添加背景图片" target="_blank">使用vue2和css样式添加背景图片</a>
<span class="text-muted">Sky1900_</span>
<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><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>登录.ma{/*//这里地址是用项目中图片所在路径为准*/background:url("../assets/2.jpg");/*//将图片样式不重复*/background-repeat:no-repeat;/*//设置图片大小*/background-size:100%;/*设置全屏*/position:fixed;/*设置div高度*/height:100%;/*设置div宽度*/width</div>
</li>
<li><a href="/article/1833473246058606592.htm"
title="【vue css】background设置背景图片不显示问题" target="_blank">【vue css】background设置背景图片不显示问题</a>
<span class="text-muted">米老鼠的摩托车日记</span>
<a class="tag" taget="_blank" href="/search/vue2/1.htm">vue2</a><a class="tag" taget="_blank" href="/search/CSS%E6%A0%B7%E5%BC%8F/1.htm">CSS样式</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>问题：如上图所示，添加背景图片页面没有显示解决：添加background-position:centercenter即可显示但是不知道为什么添加这个属性就可以，求大神解惑</div>
</li>
<li><a href="/article/1833472993293070336.htm"
title="HTML 文本标签" target="_blank">HTML 文本标签</a>
<span class="text-muted">一壶浊酒..</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>一个静态页面绝大部分都是由文字、图片、超链接、音频、视频组成。动态页面和静态页面的区别在于：是否与服务器进行数据交互标题标签这是一级标题这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题web前端开发床前明月光，疑是地上霜。举头望明月，低头思故乡这是普通文本这是粗体文本这是粗体文本斜体文本斜体文本斜体文本--->(a+b)2=a2+b2+2abH2SO4是指硫酸分子水果原价：6元现在：5</div>
</li>
<li><a href="/article/1833472866520231936.htm"
title="我们在进行前后端联调的时候 如何避免数据丢失 拿不到返回数据 查看不了状态信息等问题？" target="_blank">我们在进行前后端联调的时候 如何避免数据丢失 拿不到返回数据 查看不了状态信息等问题？</a>
<span class="text-muted">朱道阳</span>
<a class="tag" taget="_blank" href="/search/%E5%BA%95%E5%B1%82%E5%8E%9F%E7%90%86/1.htm">底层原理</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%85%AB%E8%82%A1/1.htm">面试八股</a><a class="tag" taget="_blank" href="/search/%E5%9B%9E%E5%BD%92/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/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>最近在进行前后端联调开发的全栈开发工作但是这时候会出现很多问题比如说前端拿不到数据获得的状态码可能是正确的传的值却是null我进行了学习总结出一下几点一、数据校验前端程序员必须对后端提供的数据进行严格的数据校验。数据校验的目的是确保接收到的数据符合预期的格式和类型。在JavaScript中，可以使用typeof操作符或Array.isArray()方法进行基本的类型检查。更复杂的数据结构，可以使用</div>
</li>
<li><a href="/article/1833471858285047808.htm"
title="《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》" target="_blank">《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》</a>
<span class="text-muted">陈在天box</span>
<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/css/1.htm">css</a>
<div>一、引言在当今数字化时代，人们使用各种不同的设备访问网页，包括台式电脑、笔记本电脑、平板电脑和智能手机等。为了确保网页在不同设备上都能提供良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够根据设备屏幕大小和分辨率自动调整布局和样式的设计方法。本文将深入探讨如何使用纯HTML和CSS实现响应式Web设计，分享一些实用的技巧和最佳实践。二、响应式Web设计的重要性（一）满足不同设</div>
</li>
<li><a href="/article/1833470345600921600.htm"
title="使用docker部署考试系统" target="_blank">使用docker部署考试系统</a>
<span class="text-muted">汪公子492</span>
<a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a>
<div>web--拉取nginx--挂载项目文档dist--dockerrun-itd-v/root/pes/web/dist/:/usr/share/nginx/html-p80:80nginx:latest配置mysql服务--拉取mysql:5.7.44镜像--创建容器测试dockerrun-itd-p3306:3306-eMYSQL_ROOT_PASSWORD=rootmysql:5.7.44do</div>
</li>
<li><a href="/article/1833464545889316864.htm"
title="掌握Go语言邮件发送：net/smtp实用教程与最佳实践" target="_blank">掌握Go语言邮件发送：net/smtp实用教程与最佳实践</a>
<span class="text-muted">walkskyer</span>
<a class="tag" taget="_blank" href="/search/golang%E6%A0%87%E5%87%86%E5%BA%93/1.htm">golang标准库</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>掌握Go语言邮件发送：net/smtp实用教程与最佳实践概述基本配置与初始化导入`net/smtp`包设置SMTP服务器基本信息创建SMTP客户端实例身份验证发送简单文本邮件配置发件人信息构建邮件头部信息编写邮件正文使用`SendMail`方法发送邮件示例代码发送带附件的邮件邮件多部分格式简介构建带有附件的邮件体使用`SendMail`方法发送邮件发送HTML格式的邮件HTML邮件的优势和应用场景</div>
</li>
<li><a href="/article/1833459999960035328.htm"
title="windows安装openssh" target="_blank">windows安装openssh</a>
<span class="text-muted">大猫熊猫</span>
<a class="tag" taget="_blank" href="/search/openssh/1.htm">openssh</a>
<div>下载setupssh-9.8p1-1.exehttps://www.mls-software.com/opensshd.html安装完成后，会提示密码，记录cmd命令窗口，管理员权限打开#启动服务netstartopensshd#终止服务netstopopensshd用户名就是电脑的用户名</div>
</li>
<li><a href="/article/1833454574099329024.htm"
title="Golang学习手册" target="_blank">Golang学习手册</a>
<span class="text-muted">book_longker</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Golang/1.htm">Golang</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>Golang基础第一章：Golang的安装和开发工具配置1.1安装1.2vscode插件安装失败解决方法1.3新建项目，编译文件1.4Go语言开发工具Vscode配置第二章：GoLang定义变量、fmt包、Println、Printf、Go语言注释2.1.变量声明和定义变量声明变量定义变量初始化2.2.fmt包打印输出Print、Println、Printf2.3.Go语言中的注释单行注释多行注释</div>
</li>
<li><a href="/article/1833450783916519424.htm"
title="前端面试题（附答案）持续更新中……" target="_blank">前端面试题（附答案）持续更新中……</a>
<span class="text-muted">卖家导航</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>块标签：div、h1~h6、ul、li、table、p、br、form。特征：独占一行，换行显示，可以设置宽高，可以嵌套块和行行标签：span、a、img、textarea、select、option、input。特征：只有在行内显示，内容撑开宽、高，不可以设置宽、高（img、input、textarea等除外）。5.清除浮动⭐⭐⭐父级div定义overflow:hidden结尾处加空div标签c</div>
</li>
<li><a href="/article/1833450154104025088.htm"
title="牛客错题集3，前端开发结构" target="_blank">牛客错题集3，前端开发结构</a>
<span class="text-muted">卖家导航</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>在Thread中有一个成员变量ThreadLocals，该变量的类型是ThreadLocalMap,也就是一个Map，它的键是threadLocal，值为就是变量的副本。通过ThreadLocal的get()方法可以获取该线程变量的本地副本，在get方法之前要先set,否则就要重写initialValue()方法。ThreadLocal的使用场景：数据库连接：在多线程中，如果使用懒汉式的单例模式创</div>
</li>
<li><a href="/article/1833446703181688832.htm"
title="Node.js+Express|Cookie&Session机制理解|实现保存登录状态" target="_blank">Node.js+Express|Cookie&Session机制理解|实现保存登录状态</a>
<span class="text-muted">绍重先</span>
<div>Q&A各个用户的sessionname如何设置用登陆的用户名？用当时时间？req.session.name=req.body.usernamelogout？url列表标签posthtml退出登陆js//登出事件监听varlogout=document.getElementById('logout');logout.onclick=function(){alert('logout');varlogo</div>
</li>
<li><a href="/article/1833445106376601600.htm"
title="掌财社:在html5中使用video进行全屏播放与自动播放的代码方法总结！" target="_blank">掌财社:在html5中使用video进行全屏播放与自动播放的代码方法总结！</a>
<span class="text-muted">weixin_45378258</span>
<a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a>
<div>今天由于在之前小编在项目中遇到的有关于：“在html5中使用video进行全屏播放与自动播放的代码方法总结！”这方面的内容，所以今天就来和大家分享有关于这方面的相关内容！近期开始开发公司新版官网，首页顶部（header）是一个全屏播放的小视频,现简单总结如下：页面代码：其中php简单判断了一下是否是移动设备,移动设备不展示视频(如果移动端展示的话,需要解决iOS上无法自动播放的问题):ps:如果H</div>
</li>
<li><a href="/article/1833441071204495360.htm"
title="07_React 路由" target="_blank">07_React 路由</a>
<span class="text-muted">qiao若huan喜</span>
<a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/%E5%85%A8%E5%AE%B6%E6%A1%B6/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/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
<div>React路由（5.x版本）一、相关理解1、SPA的理解2、路由的理解2.1什么是路由？2.2路由分类2.2.1后端路由2.2.2前端路由3、react-router-dom（Web开发使用）的理解二、react-router-dom相关API1、内置组件1.1BrowserRouter1.2HashRouter1.3Route1.4Redirect1.5Link1.6NavLink1.7Swit</div>
</li>
<li><a href="/article/1833440060079435776.htm"
title="WebKit 简介及工作流程深度解析" target="_blank">WebKit 简介及工作流程深度解析</a>
<span class="text-muted">不知名靓仔</span>
<a class="tag" taget="_blank" href="/search/webkit/1.htm">webkit</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/safari/1.htm">safari</a><a class="tag" taget="_blank" href="/search/edge/1.htm">edge</a>
<div>WebKit是一个开源的浏览器引擎，最初由苹果公司为Safari浏览器开发，后来被多个浏览器和应用采纳，如早期的Chrome和众多移动平台上的浏览器。WebKit不仅仅是一个渲染引擎，它集成了HTML、CSS、JavaScript的解析与渲染能力，以及网络资源加载、图形处理、排版布局等功能，为用户提供丰富的网页浏览体验。本文将深入探讨WebKit的核心组件以及其复杂的工作流程。WebKit核心架构</div>
</li>
<li><a href="/article/1833436276683010048.htm"
title="深入解析`node-html-to-image`的`main.ts`源码：实现HTML到图片的转换" target="_blank">深入解析`node-html-to-image`的`main.ts`源码：实现HTML到图片的转换</a>
<span class="text-muted">软考鸭</span>
<a class="tag" taget="_blank" href="/search/nodeHtmlToImage/1.htm">nodeHtmlToImage</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/nodeHtmlToImage/1.htm">nodeHtmlToImage</a>
<div>引言node-html-to-image是一个强大的Node.js库，它允许开发者将HTML内容转换为图片。本文将深入解析该库的main.ts文件，揭示其内部工作原理，并帮助开发者更好地理解和使用该库。项目背景与功能概述node-html-to-image的主要功能是将HTML字符串或文件渲染为图片。它支持多种输出格式（如PNG、JPEG等），并提供了一系列配置选项，如图片质量、透明度等。该库利用</div>
</li>
<li><a href="/article/1833431486074810368.htm"
title="解决VSCode终端Ctrl+V无法粘贴问题" target="_blank">解决VSCode终端Ctrl+V无法粘贴问题</a>
<span class="text-muted">嵌入式crafter</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a>
<div>粘贴到活动终端的快捷键并不能直接使用Ctrl+V，粘贴到活动终端的快捷键是Ctrl+Shift+V。</div>
</li>
<li><a href="/article/1833430603702300672.htm"
title="ubuntu 16(7)" target="_blank">ubuntu 16(7)</a>
<span class="text-muted">2401_84715880</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/%E5%8A%9F%E8%83%BD%E6%B5%8B%E8%AF%95/1.htm">功能测试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！conf：存放配置文件html：静态网页logs：存</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>