HTML5 常用 标签 锚 列表 用法
寒假已经过去15天了，html、css、javascript、vue都已经匆匆过了一遍。再过两天就要过年了，趁过年前把这些刚刚学过的知识整理一下，然后试着做几个具体项目练练手。本文是第一篇——html。将不定期更新，把接触到的内容及时填补到本文中。
IDE推荐使用HBuilder X，其次是VScode。
HTML5 总结 本文
CSS3 总结 点击这里
首先HTML是超文本标记语言（简称：HTML）。是WEB前端必备的技能之一。其中ML是标记语言，是用一种文本标记描述结构化数据的形式语言。
- 其中 HTML5 对其进行了简化，只支持html这一种文档类型。
- 元素是 HTML 页面的根元素
- 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8。
- </strong> </span>元素描述了文档的标题</li>
<li><span style="color:#f33b45;"><strong><body></strong></span> 元素包含了可见的页面内容</li>
</ul>
<h2><span style="color:#7c79e5;">首先是html5新增的各种元素</span></h2>
<pre class="has"><code class="language-html"><header>111</header><!-- 页头 -->
<nav>222</nav><!-- 导航 -->
<section><!-- 页面分块 -->
<article>333</article>
</section>
<aside>444</aside><!-- 侧边栏 -->
<footer>555</footer><!-- 页尾 -->
</code></pre>
<p> </p>
<pre class="has"><code class="language-html"><mark>aaa</mark><!-- 标黄 -->
<meter max="100" min="0" value="91" oninput="90"> </meter>
<!--
high:定义度量值位于哪个点，被认为是高的值
low:定义度量值位于哪个点，被认为是低的值
max:最大的度量值 默认1
min:最小的度量值 默认0
oninput:最佳的度量值
value:当前所处的度量值 -->
<progress max="100" value="85"></progress> <!-- 进度条 -->
<progress></progress><!-- 不加属性即为动态滑动的滚动条 -->
<details><!-- 手动展开栏 -->
<summary>标题</summary>
详细内容
</details>
<menu><!-- 带事件的按钮 -->
<command onclick="alert('hello world!')">按钮</command>
</menu>
<!-- contenteditable：是否可编辑内容 -->
<!-- hidden:是否隐藏 -->
<input type="text"contenteditable="true" hidden="false"/>
<textarea rows="8" cols="8" spellcheck="true">
<!-- spellcheck属性是对其进行拼写检查 -->
</textarea>
</code></pre>
<h3><span style="color:#7c79e5;">其次是基本所有的标签都可以使用的百搭属性，非常常用，值得背一下</span></h3>
<ul>
<li><strong><span style="color:#f33b45;">1.class 用于绑定css属性</span></strong></li>
</ul>
<pre class="has"><code class="language-html"><h2 class="red">文字</h2>
<style type="text/css">
.red{
color: red;
}
</style></code></pre>
<ul>
<li><span style="color:#f33b45;"><strong>2.id 用于区分组件</strong></span></li>
</ul>
<pre class="has"><code class="language-html"><h2 id="hid">文字</h2></code></pre>
<ul>
<li><span style="color:#f33b45;"><strong>3.style 在标签内部绑定样式</strong></span></li>
</ul>
<pre class="has"><code class="language-html"><h2 style="color: red; width: 100px;">文字</h2></code></pre>
<ul>
<li><span style="color:#f33b45;"><strong>4.title 鼠标长放提示的信息</strong></span></li>
</ul>
<pre class="has"><code class="language-html"><h2 title="提示文本">文字</h2></code></pre>
<ul>
<li><span style="color:#f33b45;"><strong> 5.align 对齐属性</strong></span></li>
</ul>
<pre class="has"><code class="language-html"><h2 align="center">文字</h2></code></pre>
<h1><span style="color:#3399ea;">接着是各式各样常用的标签：</span></h1>
<h2 style="margin-left:0cm;"><span style="color:#e579b6;"><h1>~<h6></span></h2>
<p style="margin-left:0cm;"><strong>标题标签，标题、副标题、章、节……</strong></p>
<pre class="has"><code class="language-html"><h2>文字</h2></code></pre>
<h2 style="margin-left:0cm;"><span style="color:#e579b6;"><p></p></span></h2>
<p style="margin-left:0cm;"><strong>段落标签，上下都有空行</strong></p>
<pre class="has"><code class="language-html"><p>文字</p></code></pre>
<h2 style="margin-left:0cm;"><span style="color:#e579b6;"><br></span></h2>
<p style="margin-left:0cm;"><strong>换行标签</strong></p>
<pre class="has"><code class="language-html"><br></code></pre>
<h2 style="margin-left:0cm;"><span style="color:#e579b6;"><hr></span></h2>
<p style="margin-left:0cm;"><strong>水平线标签</strong></p>
<p style="margin-left:0cm;"><strong>size为水平线的粗细</strong></p>
<p style="margin-left:0cm;"><strong>color为水平线的颜色</strong></p>
<p style="margin-left:0cm;"><strong>width为水平线的宽度</strong></p>
<pre class="has"><code class="language-html"><hr size="7" color="black" align="center" width="200px"/></code></pre>
<h2><span style="color:#e579b6;"><link> </span></h2>
<p><strong>用于导入外部css样式</strong></p>
<h2 style="margin-left:0cm;"><span style="color:#e579b6;"><pre></pre></span></h2>
<p style="margin-left:0cm;"><strong>原样显示文字标签，保留空格和回车符</strong></p>
<pre class="has"><code class="language-html"><pre>文本 文本续</pre></code></pre>
<h2 style="margin-left:0cm;"><span style="color:#e579b6;"><center></center></span></h2>
<p style="margin-left:0cm;"><strong>居中</strong></p>
<pre class="has"><code class="language-html"><center>文本</center></code></pre>
<h2><span style="color:#e579b6;"><span></span></span></h2>
<p><strong>行内文本容器，为了突出某些文字的特殊效果，不换行。</strong></p>
<pre class="has"><code class="language-html"><h2>啦啦啦<span class="ar">呵呵呵</span>啦啦啦啦</h2></code></pre>
<h2><span style="color:#e579b6;"><figure></span></h2>
<p><strong>用于定义独立的流内容。</strong></p>
<pre class="has"><code class="language-html"><figure>
<figcaption>图片</figcaption>
<p>图片说明</p>
<img src="img/tupian1.jpg" />
</figure>
</code></pre>
<h2><span style="color:#e579b6;"><a><a></span></h2>
<p><strong>超链接标签 </strong></p>
<p><strong><span style="color:#f33b45;">target</span>为打开链接的方式</strong></p>
<p><strong><span style="color:#f33b45;">_blank</span>为在新窗口打开该链接</strong></p>
<p><strong><span style="color:#f33b45;">_self </span>在同页面覆盖打开链接</strong></p>
<p><strong>其中图片超链接指的是在<a>标签中加<img>标签</strong></p>
<pre class="has"><code class="language-html"><a href="http://www.baidu.com" target="_blank">文字</a></code></pre>
<h2><span style="color:#e579b6;">锚链接</span></h2>
<p><strong>指的是因为一个页面过长导致拖动滚动条不方便浏览的时候，有一种方法，点击某个超链接立即跳转到该部分。</strong></p>
<p><strong>具体方法是：在超链接href属性前置#，属性为需要链接的id属性，可以是<h2>、<p>等其他。</strong></p>
<pre class="has"><code class="language-html"><a href="#one">段落1</a><br>
<a href="#two">段落2</a><br>
<a href="#three">段落3</a><br>
<hr >
<p id="one">段落1</p><br><br><br><br><br><br><br><br>
<p id="two">段落2</p><br><br><br><br><br><br><br><br>
<p id="three">段落3</p><br><br><br><br><br><br><br><br>
</code></pre>
<h2 style="margin-left:0cm;"><span style="color:#e579b6;">字体物理类型标签：</span></h2>
<pre class="has"><code class="language-html"><b>aaa</b><!-- 加粗 -->
<i>aaa</i><!-- 倾斜 -->
<tt>aaa</tt><!-- 打印机字体 -->
<u>aaa</u><!-- 加下划线 -->
<strike>aaa</strike><!-- 加删除线 -->
<sub>aaa</sub><!-- 下标显示 -->
<sup>aaa</sup><!-- 上标显示 -->
<big>aaa</big><!-- 较大字体显示 -->
<small>aaa</small><!-- 较小字体显示 -->
</code></pre>
<h2 style="margin-left:0cm;"><span style="color:#e579b6;">特殊符号：</span></h2>
<pre class="has"><code class="language-html"> 空格
< <
> >
& &
" "
© ©
® ®
<!-- 注释 --></code></pre>
<h1 style="margin-left:0cm;"><span style="color:#7c79e5;">列表类：</span></h1>
<h2 style="margin-left:0cm;"><span style="color:#e579b6;">ul-li：无序列表</span></h2>
<p><strong><span style="color:#f33b45;">type</span>为前面的标识。<span style="color:#f33b45;">square</span>为正方形，<span style="color:#f33b45;">circle</span>为圆圈，<span style="color:#f33b45;">disc</span>(默认)为点。</strong></p>
<pre class="has"><code class="language-html"><ul type="square">
<li>
1
</li>
</ul>
</code></pre>
<h2 style="margin-left:0cm;"><span style="color:#e579b6;">ol-li：有序列表</span></h2>
<p style="margin-left:0cm;"><strong>type为类型，可以是1、 A、a、i等。</strong></p>
<p style="margin-left:0cm;"><strong>start为起始。</strong></p>
<pre class="has"><code class="language-html"><ol type="1" start="2">
<li>
aaa
</li>
</ol>
</code></pre>
<p><span style="color:#3399ea;"><strong>dl-dt定义性列表省略......</strong></span></p>
<h2><span style="color:#e579b6;"><img />图片标签</span></h2>
<p><strong><span style="color:#f33b45;">src</span>：图片URL地址</strong></p>
<p><strong><span style="color:#f33b45;">border</span>：图片的边框宽度</strong></p>
<p><strong><span style="color:#f33b45;">hspace、vspace</span>：图片左右、上下间距</strong></p>
<p><strong><span style="color:#f33b45;">alt</span>：图片替代掉的文本</strong></p>
<pre class="has"><code class="language-html"><img src="img/tupian1.jpg" border="2px"/></code></pre>
<p><span style="color:#3399ea;"><strong>注：最后修改时间：2020年1月23日 </strong></span></p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1279575754119593984"></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">你可能感兴趣的:(前端基础)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1835065671130640384.htm"
title="前端基础面试题·第三篇——JavaScript（其二）" target="_blank">前端基础面试题·第三篇——JavaScript（其二）</a>
<span class="text-muted">DT——</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/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>1.深浅拷贝1.浅拷贝浅拷贝会创建一个新的对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝就是改引用类型的地址。//常见的浅拷贝1.Object.assign({},obj)//对象浅拷贝assign⽅法可以⽤于处理数组，不过会把数组视为对象，⽐如这⾥会把⽬标数组视为是属性为0、1、2的对象，所以源数组的0、1属性的值覆盖了⽬标对</div>
</li>
<li><a href="/article/1833899249880887296.htm"
title="VUE3学习路线" target="_blank">VUE3学习路线</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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a>
<div>以下是一份详细的Vue3学习路线，涵盖从基础到进阶的各个方面，以帮助你系统掌握Vue3开发。第一阶段：基础知识理解前端基础HTML:了解文档结构，常用标签，语义化HTML。CSS:学习选择器、布局、Flexbox和Grid，基本的样式应用。JavaScript:理解基本语法、DOM操作、事件处理、异步编程（Promises,async/await），以及ES6+特性（如箭头函数、解构赋值、模块化）</div>
</li>
<li><a href="/article/1833678867869560832.htm"
title="前端基础知识点" target="_blank">前端基础知识点</a>
<span class="text-muted">der..</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/javascript/1.htm">javascript</a>
<div>本人现在是一名准大二计算机系的学生，准备开始写博客，一方面是想在csdn留下自己的足迹，另一方面是想通过写博客来提高自己的能力。以后会分享一些学习心得，程序代码，以及我的一些学习计划，还有每天学习后的知识总结。如果你和我一样，不甘于平凡，那么，就请给我点一个关注，我们互相交流，共同进步。--------------------------------------------------------</div>
</li>
<li><a href="/article/1833602711271075840.htm"
title="前端基础面试题·第三篇——JavaScript（其四）" target="_blank">前端基础面试题·第三篇——JavaScript（其四）</a>
<span class="text-muted">DT——</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%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>highlight:atom-one-dark1.JSON.stringifyJSON.stringify()方法将一个JavaScript值（对象或者数组）转换为一个JSON字符串，如果指定了一个replacer函数，则可以替换值。语法：JSON.stringify(value,replacer,space)参数value：要转换的值。replacer：替换值，可以是一个函数或者数组。（这个参数</div>
</li>
<li><a href="/article/1833602459067576320.htm"
title="前端基础面试题·第二篇——CSS（其一）" target="_blank">前端基础面试题·第二篇——CSS（其一）</a>
<span class="text-muted">DT——</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>1.伪类与伪元素伪类，是用来描述元素的一个状态，比如第一个元素，元素被鼠标覆盖等等状态，写法为：伪元素，用于设置一个元素的特殊状态的一部分，写法为::伪元素于伪类：伪元素：::before::after::first-line伪类：:hover:active:focus:nth-child(n)2.单位px:像素，绝对单位em:相对单位，相对于父元素字体大小rem:相对单位，相对于根元素html的</div>
</li>
<li><a href="/article/1833600190687309824.htm"
title="前端基础面试题·第二篇——CSS（其二）" target="_blank">前端基础面试题·第二篇——CSS（其二）</a>
<span class="text-muted">DT——</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>1.CSS选择器的优先性：！important-强制生效样式-有即生效行内样式-有即生效权重：1000id选择器权重：100类选择器，伪类，属性选择器权重：10元素选择器，伪元素选择器，权重：1通配符，兄弟，后代，子代，权重：02.CSS继承性1.继承属性：1.字体系列属性font,font-family,font-weight,font-size,font-style,font-variant等</div>
</li>
<li><a href="/article/1833525688494288896.htm"
title="web前端基础——第八章" target="_blank">web前端基础——第八章</a>
<span class="text-muted">ZiminLi</span>
<a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E6%A0%88%E7%AC%94%E8%AE%B0/1.htm">技术栈笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>目录八十五、对象的简介和基本操作八十六、属性名和属性值八十七、基本数据类型和引用数据类型八十八、对象字面量八十九、函数的简介九十、函数的参数九十一、函数的返回值九十二、实参可以是任何值九十三、返回值的类型九十四、立即执行函数九十五、方法九十六、枚举对象中的属性九十七、作用域（Scope）全局作用域变量的声明提前函数作用域九十八、this九十九、使用工厂方法创建对象一百、构造函数一百零一、原型对象一</div>
</li>
<li><a href="/article/1833053265667911680.htm"
title="python前端开发基础" target="_blank">python前端开发基础</a>
<span class="text-muted">GRKF15</span>
<a class="tag" taget="_blank" href="/search/python-%E5%89%8D%E7%AB%AF/1.htm">python-前端</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>1.Python前端基础教程概述Python作为一门多用途的编程语言，近年来在前端开发领域也展现出了其独特的优势。以下是对Python前端基础教程的概述，包括主要概念、工具和实践方法。1.1Python在前端开发中的应用Python在前端开发中的应用主要体现在以下几个方面：自动化测试：使用Python编写自动化测试脚本，提高测试效率。Web开发框架：利用Flask和Django等框架快速搭建Web</div>
</li>
<li><a href="/article/1831926707498610688.htm"
title="350页前端校招面试题直击大厂：前端基础、前端核心、计算机基础、项目、Hr面" target="_blank">350页前端校招面试题直击大厂：前端基础、前端核心、计算机基础、项目、Hr面</a>
<span class="text-muted">2401_86400095</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>**1.HTML2.CSS3.前端基础4.前端核心5.前端进阶6.移动端开发7.计算机基础8.算法与数据结构9.设计模式10.项目11.职业发展12.Hr面**正文HTML1.浏览器页面有哪三层构成，分别是什么，作用是什么?2.HTML5的优点与缺点？3.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?4.HTML5有哪些新特性、移除了哪些元素？5.你做的网页在哪些浏览器测试过,这些</div>
</li>
<li><a href="/article/1831790574148087808.htm"
title="盘点简洁好用的8款静态网站搭建框架，小白易上手" target="_blank">盘点简洁好用的8款静态网站搭建框架，小白易上手</a>
<span class="text-muted">AI码上来</span>
<a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7/1.htm">工具</a><a class="tag" taget="_blank" href="/search/%E6%90%AD%E5%BB%BA%E7%BD%91%E7%AB%99/1.htm">搭建网站</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>后台有个小伙伴最近接了一个私活，找了一个开源的静态网站框架，给一个小公司做了一个官网，部署到服务器上，顺手就赚了几千块钱。你眼红不？相对动态网站，静态网站不需要和后端的交互逻辑，所以只要有点前端基础都可以搞定。即使没有任何前端基础，也没问题，咱不是有GPT么？今天，就先给大家来盘点一下那些年简洁好用的静态网站框架。后续看情况给大家展示下：如何借助GPT+静态网站框架，搭建并部署一个网站。1.Wor</div>
</li>
<li><a href="/article/1830398960100012032.htm"
title="前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南" target="_blank">前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南</a>
<span class="text-muted">DTcode7</span>
<a class="tag" taget="_blank" href="/search/HTML%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91/1.htm">HTML网站开发</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8%E4%B8%89%E5%A4%A7%E6%A0%B8%E5%BF%83%E4%B9%8Bhtml/1.htm">前端基础入门三大核心之html</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E4%B8%89%E5%A4%A7%E6%A0%B8%E5%BF%83/1.htm">前端三大核心</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91/1.htm">网页开发</a>
<div>前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南基础概念与作用说明PNG8PNG16PNG24PNG32代码示例与使用场景PNG8示例PNG24示例PNG32示例性能优化与最佳实践防范漏洞提示结语与讨论在网页设计与前端开发中，选择合适的图像格式是至关重要的一步，它直接关系到页面加载速度、视觉效果乃至用户体验。PNG作为一种广泛应用的图像格式</div>
</li>
<li><a href="/article/1830033034842304512.htm"
title="前端基础整理 | require / exports / import / export" target="_blank">前端基础整理 | require / exports / import / export</a>
<span class="text-muted">格致匠心</span>
<div>一、模块规范一句话总结：CommonJs用于服务端Node.js中，AMD和CMD是针对客户端的规范，为了不让引入依赖阻塞了代码进行，使用了异步加载模块。1.CommonJs：适用区域：用于服务端。导入：require导出：module.exports，exports。exports与module.exportsexports是module.exports的引用，varexports=module</div>
</li>
<li><a href="/article/1829012848999755776.htm"
title="【前端基础篇】JavaScript之jQuery介绍" target="_blank">【前端基础篇】JavaScript之jQuery介绍</a>
<span class="text-muted">Trouvaille ~</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/1.htm">前端基础</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E4%BB%B6/1.htm">事件</a><a class="tag" taget="_blank" href="/search/%E9%80%89%E6%8B%A9%E5%99%A8/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>
<div>文章目录前言JQuery基本介绍和使用方法引入依赖jQuery语法jQuery选择器jQuery事件操作元素获取/设置元素内容获取/设置元素属性获取/返回css属性添加元素删除元素总结：常用的jQuery方法-详细解释与示例事件处理拓展-详细解释与示例其他拓展内容前言在阅读过程中可以把代码片复制到vscode上去浏览器看实际效果，更易理解喔JQuery基本介绍和使用方法W3C标准给我们提供了⼀系列</div>
</li>
<li><a href="/article/1827891016699572224.htm"
title="后端程序员的前端基础-前端三剑客之JavaScript" target="_blank">后端程序员的前端基础-前端三剑客之JavaScript</a>
<span class="text-muted">yinying293</span>
<a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF%E7%A8%8B%E5%BA%8F%E5%91%98%E7%9A%84%E5%89%8D%E7%AB%AF%E8%B7%AF%E7%BA%BF/1.htm">后端程序员的前端路线</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</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/java/1.htm">java</a>
<div>后端程序员工作中需要用的前端技术，内容精简极致，目标核心掌握即可本模块分三部分，另外两篇请戳→后端程序员的前端基础-前端三剑客之一：HTML后端程序员的前端基础-前端三剑客之二:CSS后端程序员的前端基础-前端三剑客之三:本篇文章目录1JavaScript简介1.1JavaScript简介1.2JavaScript组成部分1.3JavaScript发展史2JavaScript基本语法2.1JS的引</div>
</li>
<li><a href="/article/1827885595234496512.htm"
title="前端基础知识" target="_blank">前端基础知识</a>
<span class="text-muted">六毛的毛</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/1.htm">前端基础</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Web标准：由W3C（万维网联盟）制定HTML:超文本标记语言，负责网页结构（页面元素和内容）CSS：层叠样式表，负责网页的表现（页面元素的外观，位置等）JavaScript：负责网页的行为（交互效果）</div>
</li>
<li><a href="/article/1827878790756397056.htm"
title="【前端基础篇】JavaScript之BOM介绍" target="_blank">【前端基础篇】JavaScript之BOM介绍</a>
<span class="text-muted">Trouvaille ~</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/1.htm">前端基础</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/microsoft/1.htm">microsoft</a><a class="tag" taget="_blank" href="/search/BOM/1.htm">BOM</a><a class="tag" taget="_blank" href="/search/Window/1.htm">Window</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>文章目录浏览器对象模型（BOM）介绍1.什么是BOM？2.Window对象2.1弹出框2.1.1警告框2.1.2确认框2.1.3提示框2.2定时事件2.2.1延时器2.2.2定时器2.3Window对象其他常用属性与方法2.3.1获取窗口尺寸2.3.2打开新窗口与关闭窗口2.3.3移动与调整窗口大小3.Navigator对象3.1判断浏览器类型3.2navigator对象及方法详细解释：4.Loc</div>
</li>
<li><a href="/article/1826286846175440896.htm"
title="如何学好uni-app" target="_blank">如何学好uni-app</a>
<span class="text-muted">梨园猫</span>
<a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</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/%E9%9D%92%E5%B0%91%E5%B9%B4%E7%BC%96%E7%A8%8B/1.htm">青少年编程</a>
<div>学习uni-app需要掌握以下技能：1.前端基础：熟悉HTML、CSS和JavaScript等前端开发技术，了解基本的前端框架如Vue.js。2.Vue.js：因为uni-app是基于Vue.js构建的，所以需要对Vue.js有深入的理解。可以先通过官方文档或者一些在线课程来学习Vue.js的基础知识。3.uni-app官方文档：阅读并理解uni-app的官方文档是非常重要的，它包含了所有关于un</div>
</li>
<li><a href="/article/1760571013386522624.htm"
title="前端基础：CSS字体属性" target="_blank">前端基础：CSS字体属性</a>
<span class="text-muted">曹莓奶昔</span>
<a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/visual/1.htm">visual</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a><a class="tag" taget="_blank" href="/search/code/1.htm">code</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>目录1.字体系列2.字体大小3.字体粗细4.字体样式5.字体复合属性6.字体属性总结cssfonts（字体）属性用于字体系列、大小、粗细、文字样式（如斜体）。1.字体系列css使用font-family属性定义字体。P{font-family:"微软雅黑/MicrosoftYaHei";}各个字体之间必须用英文的逗号隔开空格隔开的多个单词组成的字体，加引号尽量使用系统默认字体，保证在任何用户的浏览</div>
</li>
<li><a href="/article/1759865687255379968.htm"
title="前端基础部分习题" target="_blank">前端基础部分习题</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/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
<div>1/HTML1.DOCTYPE的作用是什么？标准模式与兼容模式各有什么区别?声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。!DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉浏览器它应该使用什么样的文档类型定义（DTD）来解析文档。标准模式，浏览器按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。标准模式</div>
</li>
<li><a href="/article/1759827048731340800.htm"
title="一起来使用node.js制作一个视频吧" target="_blank">一起来使用node.js制作一个视频吧</a>
<span class="text-muted"></span>
<div>theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目</div>
</li>
<li><a href="/article/1759825520645730304.htm"
title="一起来使用node.js制作一个视频吧" target="_blank">一起来使用node.js制作一个视频吧</a>
<span class="text-muted"></span>
<div>theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目</div>
</li>
<li><a href="/article/1759604238436102144.htm"
title="SpringBootWeb学习笔记——12万字大合集" target="_blank">SpringBootWeb学习笔记——12万字大合集</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/j2ee/1.htm">j2ee</a><a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</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/intellij-idea/1.htm">intellij-idea</a>
<div>0.写在前面注：这套笔记是根据黑马程序员B站2023-3-21的视频学习的成果，其中省略了前端基础部分、Maven部分和数据库基础部分，详情可见目录。注注：目前文章内结尾处多幅图片加载不出来，因为图片还存在本地没被传上来，过段时间再改~所有的Spring项目都基于SpringFrameworkSpringFramework配置繁琐，入门难度大文章目录0.写在前面1.SpringBootWeb入门简</div>
</li>
<li><a href="/article/1759432628114632704.htm"
title="前端八股文" target="_blank">前端八股文</a>
<span class="text-muted">╰゛Maud</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>前端八股文通常包含一系列问题，涉及HTML、CSS、JavaScript等前端基础知识。以下是一些常见问题及其简要答案：HTML八股文什么是HTML？HTML（HypertextMarkupLanguage）是一种用于创建网页结构的标记语言。了解详细...HTML5有哪些新特性？包括语义化标签（如、等）、音视频支持、本地存储、Canvas绘图等特性。了解详细...CSS八股文什么是盒模型？盒模型指</div>
</li>
<li><a href="/article/1757848195683074048.htm"
title="前端基础 03、JavaScript 入门" target="_blank">前端基础 03、JavaScript 入门</a>
<span class="text-muted">yjtuuige</span>
<div>一、什么是JavaScript1.概述JavaScript是世界上最流行的脚本语言；JavaScript是运行在浏览器中的，解释型的编程语言；JavaScript≠Java；只用了10天设计完成；后端人员，必须要精通JavaScript；在Web世界里，只有JavaScript能跨平台、跨浏览器，驱动网页，与用户交互；2.JavaScript历史1995年，网景公司凭借Navigator浏览器，成</div>
</li>
<li><a href="/article/1757386973120577536.htm"
title="前端基础(五)_运算符(算术运算符、赋值运算符、比较运算符、逻辑运算符、三目运算符、运算符优先级和结合性、数据类型的隐式转换)" target="_blank">前端基础(五)_运算符(算术运算符、赋值运算符、比较运算符、逻辑运算符、三目运算符、运算符优先级和结合性、数据类型的隐式转换)</a>
<span class="text-muted">六卿</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%EF%BC%88JS%EF%BC%89/1.htm">前端基础（JS）</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%AE%97%E7%AC%A6/1.htm">运算符</a>
<div>一、算术运算符算术运算符即：加（+）减（-）乘（*）除（/）取余（%）加加（++）减减（–）算术运算符里比较特殊的是+，它即可以是字符串连接，也可以是加法运算。大致规则是：如果两边都是数字，则就是普通的数学计算如果有一边是字符串，则另一边也转成字符串，变成字符串的拼接如果没有字符串，则调用Number方法，转成数字，再进行相加如果有一边是对象，则对象调用toString得到字符串表示，再进行计算例</div>
</li>
<li><a href="/article/1757240619601772544.htm"
title="（代码示例）css实现等高布局的三种方式" target="_blank">（代码示例）css实现等高布局的三种方式</a>
<span class="text-muted">PHP9年架构师</span>
<div>本篇文章给大家带来的内容是关于css实现等高布局的三种方式（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。本文讲的等高布局是在不手动设置元素高度的情况下，使用纯css实现各个元素高度都相当的效果。如图：首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟</div>
</li>
<li><a href="/article/1757149881400573952.htm"
title="JS逆向手记01__前端基础" target="_blank">JS逆向手记01__前端基础</a>
<span class="text-muted">跃上青空</span>
<a class="tag" taget="_blank" href="/search/spider/1.htm">spider</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a>
<div>系列文章目录系列手记占位文章目录系列文章目录前言一、js自执行函数语法二、js变量类型的转换（与字符串相加）三、浏览器环境（BOM）四、html渲染环境（DOM）五、html发起请求（表单form）六、js两种访问对象属性的方法总结前言会带着记录些反爬相关的前端基础。一、js自执行函数语法js加载的时候会自动运行!(function(){...})()这函数也可以命名二、js变量类型的转换（与字符</div>
</li>
<li><a href="/article/1756779836770107392.htm"
title="2019-03-21" target="_blank">2019-03-21</a>
<span class="text-muted">樊小勇</span>
<div>web前端记录1.第一次尝试写这个文档，这个文档将记录我对一些东西的总结和运用。2.首先在这里列一个大纲web前端基础学习技术大纲1.html基础常用标签2.css基础常用标签3.less的引入4.盒子模型5.reset重置样式的引用6.pc、移动端公共样式7.pc端浮动、定位8.div+flex移动端布局9.BFC10.阿里图标的使用</div>
</li>
<li><a href="/article/1756769429397454848.htm"
title="vue3初识" target="_blank">vue3初识</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/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node/1.htm">node</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a>
<div>目录一、前言二、主观感受三、vue3初探原文以及该系列教程文章后续可点击这里查看：vue初识一、前言Vue.js是一款流行的前端框架，最初由尤雨溪（EvanYou）于2014年创建，非常的年轻。官网为vue3，但要注意，vue框架本身是基于前端基础知识之上的，所以学习vue的前提是，你已经理解、并能够熟练的使用html、css、JavaScript这三大前端基石去开发基本的网页应用了。如果你对这些</div>
</li>
<li><a href="/article/1756270436884168704.htm"
title="JavaScript -- jQuery网页开发案例笔记" target="_blank">JavaScript -- jQuery网页开发案例笔记</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/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>视频地址：黑马程序员前端基础必备教程|jQuery网页开发案例精讲_哔哩哔哩_bilibili视频代码地址：JavaScript_jQuery测试案例:本仓库是学习jQuery相关知识。视频网址：https://www.bilibili.com/video/BV1a4411w7Gx?share_source=copy_web&vd_source=d60891811856d864c216f6f099</div>
</li>
<li><a href="/article/64.htm"
title="关于旗正规则引擎中的MD5加密问题" target="_blank">关于旗正规则引擎中的MD5加密问题</a>
<span class="text-muted">何必如此</span>
<a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/MD5/1.htm">MD5</a><a class="tag" taget="_blank" href="/search/%E8%A7%84%E5%88%99/1.htm">规则</a><a class="tag" taget="_blank" href="/search/%E5%8A%A0%E5%AF%86/1.htm">加密</a>
<div>一般情况下，为了防止个人隐私的泄露，我们都会对用户登录密码进行加密，使数据库相应字段保存的是加密后的字符串，而非原始密码。
在旗正规则引擎中，通过外部调用，可以实现MD5的加密，具体步骤如下：
1.在对象库中选择外部调用，选择“com.flagleader.util.MD5”，在子选项中选择“com.flagleader.util.MD5.getMD5ofStr({arg1})”；
2.在规</div>
</li>
<li><a href="/article/191.htm"
title="【Spark101】Scala Promise/Future在Spark中的应用" target="_blank">【Spark101】Scala Promise/Future在Spark中的应用</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Promise/1.htm">Promise</a>
<div>Promise和Future是Scala用于异步调用并实现结果汇集的并发原语，Scala的Future同JUC里面的Future接口含义相同，Promise理解起来就有些绕。等有时间了再仔细的研究下Promise和Future的语义以及应用场景，具体参见Scala在线文档：http://docs.scala-lang.org/sips/completed/futures-promises.html</div>
</li>
<li><a href="/article/318.htm"
title="spark sql 访问hive数据的配置详解" target="_blank">spark sql 访问hive数据的配置详解</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/spark+sql/1.htm">spark sql</a><a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/thriftserver/1.htm">thriftserver</a>
<div>spark sql 能够通过thriftserver 访问hive数据，默认spark编译的版本是不支持访问hive，因为hive依赖比较多，因此打的包中不包含hive和thriftserver,因此需要自己下载源码进行编译，将hive，thriftserver打包进去才能够访问，详细配置步骤如下：
1、下载源码
2、下载Maven,并配置
此配置简单，就略过</div>
</li>
<li><a href="/article/445.htm"
title="HTTP 协议通信" target="_blank">HTTP 协议通信</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/httpclient/1.htm">httpclient</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E9%80%9A%E4%BF%A1/1.htm">通信</a>
<div>
一：简介
HTTPCLIENT，通过JAVA基于HTTP协议进行点与点间的通信！
二： 代码举例
测试类：
import java</div>
</li>
<li><a href="/article/572.htm"
title="java unix时间戳转换" target="_blank">java unix时间戳转换</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>把java时间戳转换成unix时间戳：
Timestamp appointTime=Timestamp.valueOf(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date()))
SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd hh:m</div>
</li>
<li><a href="/article/699.htm"
title="web报表工具FineReport常用函数的用法总结（报表函数）" target="_blank">web报表工具FineReport常用函数的用法总结（报表函数）</a>
<span class="text-muted">老A不折腾</span>
<a class="tag" taget="_blank" href="/search/web%E6%8A%A5%E8%A1%A8/1.htm">web报表</a><a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E6%80%BB%E7%BB%93/1.htm">总结</a>
<div>说明：本次总结中，凡是以tableName或viewName作为参数因子的。函数在调用的时候均按照先从私有数据源中查找，然后再从公有数据源中查找的顺序。
CLASS
CLASS(object):返回object对象的所属的类。
CNMONEY
CNMONEY(number,unit)返回人民币大写。
number:需要转换的数值型的数。
unit:单位，</div>
</li>
<li><a href="/article/826.htm"
title="java jni调用c++ 代码 报错" target="_blank">java jni调用c++ 代码 报错</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/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/jni/1.htm">jni</a>
<div>#
# A fatal error has been detected by the Java Runtime Environment:
#
# EXCEPTION_ACCESS_VIOLATION (0xc0000005) at pc=0x00000000777c3290, pid=5632, tid=6656
#
# JRE version: Java(TM) SE Ru</div>
</li>
<li><a href="/article/953.htm"
title="Spring中事件处理de小技巧" target="_blank">Spring中事件处理de小技巧</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Spring+%E6%95%99%E7%A8%8B/1.htm">Spring 教程</a><a class="tag" taget="_blank" href="/search/Spring+%E5%AE%9E%E4%BE%8B/1.htm">Spring 实例</a><a class="tag" taget="_blank" href="/search/Spring+%E5%85%A5%E9%97%A8/1.htm">Spring 入门</a><a class="tag" taget="_blank" href="/search/Spring3/1.htm">Spring3</a>
<div>Spring 中提供一些Aware相关de接口，BeanFactoryAware、 ApplicationContextAware、ResourceLoaderAware、ServletContextAware等等，其中最常用到de匙ApplicationContextAware.实现ApplicationContextAwaredeBean，在Bean被初始后，将会被注入 Applicati</div>
</li>
<li><a href="/article/1080.htm"
title="linux shell ls脚本样例" target="_blank">linux shell ls脚本样例</a>
<span class="text-muted">annan211</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/linux+ls%E6%BA%90%E7%A0%81/1.htm">linux ls源码</a><a class="tag" taget="_blank" href="/search/linux+%E6%BA%90%E7%A0%81/1.htm">linux 源码</a>
<div>
#! /bin/sh -
#查找输入文件的路径
#在查找路径下寻找一个或多个原始文件或文件模式
# 查找路径由特定的环境变量所定义
#标准输出所产生的结果 通常是查找路径下找到的每个文件的第一个实体的完整路径
# 或是filename :not found 的标准错误输出。
#如果文件没有找到 则退出码为0
#否则 即为找不到的文件个数
#语法 pathfind [--</div>
</li>
<li><a href="/article/1207.htm"
title="List,Set,Map遍历方式 (收集的资源,值得看一下)" target="_blank">List,Set,Map遍历方式 (收集的资源,值得看一下)</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/list/1.htm">list</a><a class="tag" taget="_blank" href="/search/set/1.htm">set</a><a class="tag" taget="_blank" href="/search/Map%E9%81%8D%E5%8E%86%E6%96%B9%E5%BC%8F/1.htm">Map遍历方式</a>
<div>List特点：元素有放入顺序，元素可重复
Map特点：元素按键值对存储，无放入顺序
Set特点：元素无放入顺序，元素不可重复（注意：元素虽然无放入顺序，但是元素在set中的位置是有该元素的HashCode决定的，其位置其实是固定的）
List接口有三个实现类：LinkedList，ArrayList，Vector
LinkedList：底层基于链表实现，链表内存是散乱的，每一个元素存储本身</div>
</li>
<li><a href="/article/1334.htm"
title="解决SimpleDateFormat的线程不安全问题的方法" target="_blank">解决SimpleDateFormat的线程不安全问题的方法</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E5%AE%89%E5%85%A8/1.htm">线程安全</a>
<div>在Java项目中，我们通常会自己写一个DateUtil类，处理日期和字符串的转换，如下所示：
public class DateUtil01 {
private SimpleDateFormat dateformat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
public void format(Date d</div>
</li>
<li><a href="/article/1461.htm"
title="http请求测试实例（采用fastjson解析）" target="_blank">http请求测试实例（采用fastjson解析）</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95/1.htm">测试</a>
<div> 在实际开发中，我们经常会去做http请求的开发，下面则是如何请求的单元测试小实例，仅供参考。
import java.util.HashMap;
import java.util.Map;
import org.apache.commons.httpclient.HttpClient;
import </div>
</li>
<li><a href="/article/1588.htm"
title="【RPC框架Hessian三】Hessian 异常处理" target="_blank">【RPC框架Hessian三】Hessian 异常处理</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hessian/1.htm">hessian</a>
<div>RPC异常处理概述
RPC异常处理指是，当客户端调用远端的服务，如果服务执行过程中发生异常，这个异常能否序列到客户端？
如果服务在执行过程中可能发生异常，那么在服务接口的声明中，就该声明该接口可能抛出的异常。
在Hessian中，服务器端发生异常，可以将异常信息从服务器端序列化到客户端，因为Exception本身是实现了Serializable的</div>
</li>
<li><a href="/article/1715.htm"
title="【日志分析】日志分析工具" target="_blank">【日志分析】日志分析工具</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%BF%97%E5%88%86%E6%9E%90/1.htm">日志分析</a>
<div>1. 网站日志实时分析工具 GoAccess
http://www.vpsee.com/2014/02/a-real-time-web-log-analyzer-goaccess/
2. 通过日志监控并收集 Java 应用程序性能数据(Perf4J)
http://www.ibm.com/developerworks/cn/java/j-lo-logforperf/
3.log.io
和</div>
</li>
<li><a href="/article/1842.htm"
title="nginx优化加强战斗力及遇到的坑解决" target="_blank">nginx优化加强战斗力及遇到的坑解决</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+%E4%BC%98%E5%8C%96/1.htm">nginx 优化</a>
<div> 先说遇到个坑，第一个是负载问题，这个问题与架构有关，由于我设计架构多了两层，结果导致会话负载只转向一个。解决这样的问题思路有两个：一是改变负载策略，二是更改架构设计。
由于采用动静分离部署，而nginx又设计了静态，结果客户端去读nginx静态，访问量上来，页面加载很慢。解决：二者留其一。最好是保留apache服务器。
来以下优化：
</div>
</li>
<li><a href="/article/1969.htm"
title="java-50-输入两棵二叉树A和B，判断树B是不是A的子结构" target="_blank">java-50-输入两棵二叉树A和B，判断树B是不是A的子结构</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>思路来自：
http://zhedahht.blog.163.com/blog/static/25411174201011445550396/
import ljn.help.*;
public class HasSubtree {
/**Q50.
* 输入两棵二叉树A和B，判断树B是不是A的子结构。
例如，下图中的两棵树A和B，由于A中有一部分子树的结构和B是一</div>
</li>
<li><a href="/article/2096.htm"
title="mongoDB 备份与恢复" target="_blank">mongoDB 备份与恢复</a>
<span class="text-muted">开窍的石头</span>
<a class="tag" taget="_blank" href="/search/mongDB%E5%A4%87%E4%BB%BD%E4%B8%8E%E6%81%A2%E5%A4%8D/1.htm">mongDB备份与恢复</a>
<div>Mongodb导出与导入
1: 导入/导出可以操作的是本地的mongodb服务器,也可以是远程的.
所以,都有如下通用选项:
-h host 主机
--port port 端口
-u username 用户名
-p passwd 密码
2: mongoexport 导出json格式的文件 </div>
</li>
<li><a href="/article/2223.htm"
title="[网络与通讯]椭圆轨道计算的一些问题" target="_blank">[网络与通讯]椭圆轨道计算的一些问题</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
<div>
如果按照中国古代农历的历法，现在应该是某个季节的开始，但是由于农历历法是3000年前的天文观测数据，如果按照现在的天文学记录来进行修正的话，这个季节已经过去一段时间了。。。。。
也就是说，还要再等3000年。才有机会了，太阳系的行星的椭圆轨道受到外来天体的干扰，轨道次序发生了变</div>
</li>
<li><a href="/article/2350.htm"
title="软件专利如何申请" target="_blank">软件专利如何申请</a>
<span class="text-muted">cuiyadll</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E4%B8%93%E5%88%A9/1.htm">软件专利</a><a class="tag" taget="_blank" href="/search/%E7%94%B3%E8%AF%B7/1.htm">申请</a>
<div>软件技术可以申请软件著作权以保护软件源代码，也可以申请发明专利以保护软件流程中的步骤执行方式。专利保护的是软件解决问题的思想，而软件著作权保护的是软件代码（即软件思想的表达形式）。例如，离线传送文件，那发明专利保护是如何实现离线传送文件。基于相同的软件思想，但实现离线传送的程序代码有千千万万种，每种代码都可以享有各自的软件著作权。申请一个软件发明专利的代理费大概需要5000-8000申请发明专利可</div>
</li>
<li><a href="/article/2477.htm"
title="Android学习笔记" target="_blank">Android学习笔记</a>
<span class="text-muted">darrenzhu</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>1.启动一个AVD
2.命令行运行adb shell可连接到AVD,这也就是命令行客户端
3.如何启动一个程序
am start -n package name/.activityName
am start -n com.example.helloworld/.MainActivity
启动Android设置工具的命令如下所示：
# am start -</div>
</li>
<li><a href="/article/2604.htm"
title="apache虚拟机配置，本地多域名访问本地网站" target="_blank">apache虚拟机配置，本地多域名访问本地网站</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a>
<div>现在假定你有两个目录，一个存在于 /htdocs/a，另一个存在于 /htdocs/b 。
现在你想要在本地测试的时候访问 www.freeman.com 对应的目录是 /xampp/htdocs/freeman ,访问 www.duchengjiu.com 对应的目录是 /htdocs/duchengjiu。
1、首先修改C盘WINDOWS\system32\drivers\etc目录下的 </div>
</li>
<li><a href="/article/2731.htm"
title="yii2 restful web服务[速率限制]" target="_blank">yii2 restful web服务[速率限制]</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a>
<div>速率限制
为防止滥用，你应该考虑增加速率限制到您的API。 例如，您可以限制每个用户的API的使用是在10分钟内最多100次的API调用。 如果一个用户同一个时间段内太多的请求被接收， 将返回响应状态代码 429 (这意味着过多的请求)。
要启用速率限制, [[yii\web\User::identityClass|user identity class]] 应该实现 [[yii\filter</div>
</li>
<li><a href="/article/2858.htm"
title="Hadoop2.5.2安装——单机模式" target="_blank">Hadoop2.5.2安装——单机模式</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hadoop%E5%8D%95%E6%9C%BA%E9%83%A8%E7%BD%B2/1.htm">hadoop单机部署</a>
<div>转载请出自出处：http://eksliang.iteye.com/blog/2185414 一、概述
Hadoop有三种模式 单机模式、伪分布模式和完全分布模式，这里先简单介绍单机模式 ，默认情况下，Hadoop被配置成一个非分布式模式，独立运行JAVA进程，适合开始做调试工作。
二、下载地址
Hadoop 网址http:</div>
</li>
<li><a href="/article/2985.htm"
title="LoadMoreListView+SwipeRefreshLayout（分页下拉）基本结构" target="_blank">LoadMoreListView+SwipeRefreshLayout（分页下拉）基本结构</a>
<span class="text-muted">gundumw100</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>一切为了快速迭代
import java.util.ArrayList;
import org.json.JSONObject;
import android.animation.ObjectAnimator;
import android.os.Bundle;
import android.support.v4.widget.SwipeRefreshLayo</div>
</li>
<li><a href="/article/3112.htm"
title="三道简单的前端HTML/CSS题目" target="_blank">三道简单的前端HTML/CSS题目</a>
<span class="text-muted">ini</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E7%9B%AE/1.htm">题目</a>
<div>使用CSS为多个网页进行相同风格的布局和外观设置时，为了方便对这些网页进行修改，最好使用（ ）。http://hovertree.com/shortanswer/bjae/7bd72acca3206862.htm
在HTML中加入<table style=”color:red; font-size:10pt”>，此为（ ）。http://hovertree.com/s</div>
</li>
<li><a href="/article/3239.htm"
title="overrided方法编译错误" target="_blank">overrided方法编译错误</a>
<span class="text-muted">kane_xie</span>
<a class="tag" taget="_blank" href="/search/override/1.htm">override</a>
<div>
问题描述：
在实现类中的某一或某几个Override方法发生编译错误如下：
Name clash: The method put(String) of type XXXServiceImpl has the same erasure as put(String) of type XXXService but does not override it
当去掉@Over</div>
</li>
<li><a href="/article/3366.htm"
title="Java中使用代理IP获取网址内容（防IP被封，做数据爬虫）" target="_blank">Java中使用代理IP获取网址内容（防IP被封，做数据爬虫）</a>
<span class="text-muted">mcj8089</span>
<a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9%E4%BB%A3%E7%90%86IP/1.htm">免费代理IP</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86IP/1.htm">代理IP</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%88%AC%E8%99%AB/1.htm">数据爬虫</a><a class="tag" taget="_blank" href="/search/JAVA%E8%AE%BE%E7%BD%AE%E4%BB%A3%E7%90%86IP/1.htm">JAVA设置代理IP</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E5%B0%81IP/1.htm">爬虫封IP</a>
<div>推荐两个代理IP网站：
1. 全网代理IP：http://proxy.goubanjia.com/
2. 敲代码免费IP：http://ip.qiaodm.com/
Java语言有两种方式使用代理IP访问网址并获取内容，
方式一，设置System系统属性
// 设置代理IP
System.getProper</div>
</li>
<li><a href="/article/3493.htm"
title="Nodejs Express 报错之 listen EADDRINUSE" target="_blank">Nodejs Express 报错之 listen EADDRINUSE</a>
<span class="text-muted">qiaolevip</span>
<a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a>
<div>当你启动 nodejs服务报错：
>node app
Express server listening on port 80
events.js:85
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE
at exports._errnoException (</div>
</li>
<li><a href="/article/3620.htm"
title="C++中三种new的用法" target="_blank">C++中三种new的用法</a>
<span class="text-muted">_荆棘鸟_</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/new/1.htm">new</a>
<div>转载自：http://news.ccidnet.com/art/32855/20100713/2114025_1.html
作者: mt
其一是new operator，也叫new表达式；其二是operator new，也叫new操作符。这两个英文名称起的也太绝了，很容易搞混，那就记中文名称吧。new表达式比较常见，也最常用，例如：
string* ps = new string("</div>
</li>
<li><a href="/article/3747.htm"
title="Ruby深入研究笔记1" target="_blank">Ruby深入研究笔记1</a>
<span class="text-muted">wudixiaotie</span>
<a class="tag" taget="_blank" href="/search/Ruby/1.htm">Ruby</a>
<div>module是可以定义private方法的
module MTest
def aaa
puts "aaa"
private_method
end
private
def private_method
puts "this is private_method"
end
end
</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>
