W3school
HTML是用来描述网页的一种语言
版本HTML4.01、XHTML1.0（XML，HTML5）
网页架构
- </li>
<li><body></li>
</ul>
<h1>B/S模式</h1>
<h1>软件工具</h1>
<ol>
<li>sublime text 3（开发者）</li>
<li>Adobe Dreamweaver cr6（初学者）</li>
</ol>
<h1>网站资源</h1>
<p>http://www.w3school.com</p>
<h1>网站构成</h1>
<h3>前端</h3>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>javascript</li>
</ol>
<h3>后端</h3>
<p>PHP+MySQL</p>
<h1>HTML</h1>
<ul>
<li>!-- ... --注释</li>
<li><a>超链接</li>
<li><b>加粗（外形）</li>
<li>br 换行</li>
<li>em、strong强调文本</li>
<li>hr水平线</li>
</ul>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 351px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/17ef3da728584775ba7a32b708b7ea55.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/17ef3da728584775ba7a32b708b7ea55.jpg" width="650" height="141" alt="W3school_第1张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption">
HTML.png
</div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 421px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/2152fdd767d843a1a0157aa5c6aa7100.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/2152fdd767d843a1a0157aa5c6aa7100.jpg" width="650" height="391" alt="W3school_第2张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption">
HTML.png
</div>
</div>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1224888829694021632"></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">你可能感兴趣的:(W3school)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1832343830511316992.htm"
title="03_HTML 的实体" target="_blank">03_HTML 的实体</a>
<span class="text-muted">秋的懵懂</span>
<div>时间：2018-09-29姓名：魏文应一、实体在HTML中，实体就是转义字符。比如在HTML代码中，不能直接使用实体a<b各个实体对应的字符，可以再w3school手册上查到，依次点击HTML/CSS->HTML->实体，就可以看到相对应的写法：实体字符</div>
</li>
<li><a href="/article/1759709101258010624.htm"
title="HTML5学习（三）" target="_blank">HTML5学习（三）</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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>w3school在线教程1.表格标签【作用】表格用来显示展示数据，可读性好。【基本语法】定义表格标签定义表格中的行，嵌套在table标签里定义单元格，嵌套在tr标签里2.表头单元格标签文本加粗居中显示，位于表格第一行或者第一列标签表示表头部分3.表格属性（了解）后面会通过CSS来设置；属性需要写到table标签里面4.表格结构标签【作用】将表格分成头部和主体两个部分表示头部区域，内部必须要有,表示</div>
</li>
<li><a href="/article/1756233825303674880.htm"
title="CSS中伪类及伪元素用法详解" target="_blank">CSS中伪类及伪元素用法详解</a>
<span class="text-muted">雪妮爸爸</span>
<div>伪类的分类及作用：image注：该表引自W3School教程伪元素的分类及作用：image接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试：**:active**大致效果为用鼠标点击时，元素增加特效，鼠标松开时，特效消失。多用在按钮的点击上。写法：image这里id为box的是一div块，在css中首先设置了他的基本样式，下面为加入:act</div>
</li>
<li><a href="/article/1755966151432617984.htm"
title="c语言将结构体存储在数组中,结构体数组方法用法 _C语言-w3school教程" target="_blank">c语言将结构体存储在数组中,结构体数组方法用法 _C语言-w3school教程</a>
<span class="text-muted">weixin_39532421</span>
<a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80%E5%B0%86%E7%BB%93%E6%9E%84%E4%BD%93%E5%AD%98%E5%82%A8%E5%9C%A8%E6%95%B0%E7%BB%84%E4%B8%AD/1.htm">c语言将结构体存储在数组中</a>
<div>C语言的结构体数组在C语言编程中可以将一系列结构体来存储不同数据类型的许多信息。结构体数组也称为结构的集合。我们来看一个数组结构体的例子，存储5位学生的信息并打印出来。创建一个源文件：structure-with-array.c，其代码实现如下-#include#include#includestructstudent{introllno;charname[10];};//定义可存储的最大学生数量</div>
</li>
<li><a href="/article/1754546786933948416.htm"
title="python爬虫学习步骤和推荐资料" target="_blank">python爬虫学习步骤和推荐资料</a>
<span class="text-muted">suoge223</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>学习Python爬虫是一项非常实用的技能，可以帮助你获取网络上的数据，进行信息抓取和分析。以下是一系列学习步骤和对应的参考资料，帮助你入门和深入学习Python爬虫。###学习步骤：####Step1:基础Python编程在学习爬虫之前，首先要确保你对基础的Python语法有一定的了解。参考资料：-[Python官方文档](https://docs.python.org/3/)-[w3school</div>
</li>
<li><a href="/article/1753683408363470848.htm"
title="jQuery 遍历 —— W3school 详解 简单易懂（十九）" target="_blank">jQuery 遍历 —— W3school 详解 简单易懂（十九）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>祖先是父、祖父或曾祖父等等。通过jQuery，您能够向上遍历DOM树，以查找元素的祖先。向上遍历DOM树这些jQuery方法很有用，它们用于向上遍历DOM树：parent()parents()parentsUntil()jQueryparent()方法parent()方法返回被选元素的直接父元素。该方法只会向上一级对DOM树进行遍历。下面的例子返回每个元素的的直接父元素：$(document).r</div>
</li>
<li><a href="/article/1752295302812942336.htm"
title="javaScript操作cookie" target="_blank">javaScript操作cookie</a>
<span class="text-muted">韬涛来了</span>
<div>什么是cookie？W3school解释“cookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个cookie。你可以使用JavaScript来创建和取回cookie的值。”cookie是访问过的网站创建的文件，用于存储浏览信息，例如个人资料信息。从JavaScript的角度看，cookie就是一些字符串信息。这些信息存放在客户端的计算机中，用于客户端计算</div>
</li>
<li><a href="/article/1752188806116687872.htm"
title="jQuery 遍历 —— W3school 详解 简单易懂（十八）" target="_blank">jQuery 遍历 —— W3school 详解 简单易懂（十八）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>什么是遍历？jQuery遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过jQuery遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对DOM进行遍历。图示解释：元素是的父元素，同时是其中所有内容的祖先。</div>
</li>
<li><a href="/article/1752188677959729152.htm"
title="jQuery 获取并设置 CSS 类 —— W3school 详解 简单易懂（十五）" target="_blank">jQuery 获取并设置 CSS 类 —— W3school 详解 简单易懂（十五）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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>通过jQuery，可以很容易地对CSS元素进行操作。jQuery操作CSSjQuery拥有若干进行CSS操作的方法。我们将学习下面这些：addClass()-向被选元素添加一个或多个类removeClass()-从被选元素删除一个或多个类toggleClass()-对被选元素进行添加/删除类的切换操作css()-设置或返回样式属性实例样式表下面的样式表将用于本页的所有例子：.important{f</div>
</li>
<li><a href="/article/1752188678559514624.htm"
title="jQuery 尺寸 —— W3school 详解 简单易懂（十七）" target="_blank">jQuery 尺寸 —— W3school 详解 简单易懂（十七）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>通过jQuery，很容易处理元素和浏览器窗口的尺寸。jQuery尺寸方法jQuery提供多个处理尺寸的重要方法：width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuerywidth()和height()方法width()方法设置或返回元素的宽度（不包括内边距、边框或外边距）。height()方法设置或返回元素的高度</div>
</li>
<li><a href="/article/1752188166258835456.htm"
title="jQuery css() 方法 —— W3school 详解 简单易懂（十六）" target="_blank">jQuery css() 方法 —— W3school 详解 简单易懂（十六）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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>jQuerycss()方法css()方法设置或返回被选元素的一个或多个样式属性。返回CSS属性如需返回指定的CSS属性的值，请使用如下语法：css("propertyname");下面的例子将返回首个匹配元素的background-color值：$("p").css("background-color");亲自试一试设置CSS属性如需设置指定的CSS属性，请使用如下语法：css("property</div>
</li>
<li><a href="/article/1752138916082761728.htm"
title="C/C++/Linux「学习必备」珍藏多年的学习网站分享 | 工欲善其事必先利其器" target="_blank">C/C++/Linux「学习必备」珍藏多年的学习网站分享 | 工欲善其事必先利其器</a>
<span class="text-muted">我叫RT</span>
<a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%B8%B8%E5%BF%83%E5%BE%97/1.htm">日常心得</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C/1.htm">参考手册</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E5%88%86%E4%BA%AB/1.htm">网站分享</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7/1.htm">工具</a>
<div>这里分享的是C/C++学习阶段所需网站，经博主自用使用频率较高的几个网站。废话不多说，直接看正文。ps：初学者可以从菜鸟教程、w3school在线教程等网站学习一遍基础知识，再结合本篇文章提供的网站食用更佳。文章目录一、参考手册C参考手册C++参考手册C++中文参考文档C++语言文档cplusplus.comStackOverflowgcc.gnu二、API文档linux手册页（man帮助手册）W</div>
</li>
<li><a href="/article/1751239512937218048.htm"
title="运用apicloud进行项目的开发" target="_blank">运用apicloud进行项目的开发</a>
<span class="text-muted">无忌休得作孽</span>
<div>开发框架apicloud+vue1:基于apicloud快速的编写html页面2:基于vue能快速的绑定数据3:基于apicloud配置一些三方信息4:基于apicloud的三方库能快速集成三方基于以上4点需要用到的知识点html+css+js比较好的学习网站http://www.w3school.com.cn/也可以下载一个手机版的w3school应用vue挺强大的需要先了解绑定数据这一块涉及到</div>
</li>
<li><a href="/article/1750971511381966848.htm"
title="w3school学习笔记1(python基础)" target="_blank">w3school学习笔记1(python基础)</a>
<span class="text-muted">用余生去守护</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/1.htm">基础知识</a>
<div>系列文章目录文章目录系列文章目录前言一、python简介1.1python介绍1.1.1什么是python？1.1.2python可以做什么？1.2python安装1.2.1安装教程二、python入门2.1入门教程2.1.1第一个案例"HelloWorld"2.2python语法2.2.1python缩进2.2.1python注释2.3python变量2.3.1创建变量2.3.2变量名称2.3.</div>
</li>
<li><a href="/article/1750792174351433728.htm"
title="jQuery HTML - 获取 —— W3school 详解 简单易懂（十一）" target="_blank">jQuery HTML - 获取 —— W3school 详解 简单易懂（十一）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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>jQuery获得内容和属性jQueryChainingjQuery设置jQuery拥有可操作HTML元素和属性的强大方法。jQueryDOM操作jQuery中非常重要的部分，就是操作DOM的能力。jQuery提供一系列与DOM相关的方法，这使访问和操作元素和属性变得很容易。提示：DOM=DocumentObjectModel（文档对象模型）DOM定义访问HTML和XML文档的标准：“W3C文档对象</div>
</li>
<li><a href="/article/1750792174892498944.htm"
title="jQuery 添加元素 —— W3school 详解 简单易懂（十三）" target="_blank">jQuery 添加元素 —— W3school 详解 简单易懂（十三）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>通过jQuery，可以很容易地添加新元素/内容。添加新的HTML内容我们将学习用于添加新内容的四个jQuery方法：append()-在被选元素的结尾插入内容prepend()-在被选元素的开头插入内容after()-在被选元素之后插入内容before()-在被选元素之前插入内容jQueryappend()方法jQueryappend()方法在被选元素的结尾插入内容。$("p").append("</div>
</li>
<li><a href="/article/1750792175530033152.htm"
title="jQuery 删除元素 —— W3school 详解 简单易懂（十四）" target="_blank">jQuery 删除元素 —— W3school 详解 简单易懂（十四）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>通过jQuery，可以很容易地删除已有的HTML元素。删除元素/内容如需删除元素和内容，一般可使用以下两个jQuery方法：remove()-删除被选元素（及其子元素）empty()-从被选元素中删除子元素jQueryremove()方法jQueryremove()方法删除被选元素及其子元素。$("#div1").remove();亲自试一试jQueryempty()方法jQueryempty()</div>
</li>
<li><a href="/article/1750792046425161728.htm"
title="jQuery 停止动画—— W3school 详解 简单易懂（八）" target="_blank">jQuery 停止动画—— W3school 详解 简单易懂（八）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>jQuerystop()方法用于在动画或效果完成前对它们进行停止。jQuerystop()滑动演示jQuerystop()方法。jQuerystop()动画（带有参数）演示jQuerystop()方法。jQuerystop()方法jQuerystop()方法用于停止动画或效果，在它们完成之前。stop()方法适用于所有jQuery效果函数，包括滑动、淡入淡出和自定义动画。语法$(selector)</div>
</li>
<li><a href="/article/1750792047184330752.htm"
title="jQuery Callback 函数 —— W3school 详解 简单易懂（九）" target="_blank">jQuery Callback 函数 —— W3school 详解 简单易懂（九）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>Callback函数在当前动画100%完成之后执行。jQuery动画的问题许多jQuery函数涉及动画。这些函数也许会将speed或duration作为可选参数。例子：$("p").hide("slow")speed或duration参数可以设置许多不同的值，比如"slow","fast","normal"或毫秒。$("button").click(function(){$("p").hide(1</div>
</li>
<li><a href="/article/1750792047964471296.htm"
title="jQuery Chaining —— W3school 详解 简单易懂（十）" target="_blank">jQuery Chaining —— W3school 详解 简单易懂（十）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>通过jQuery，您可以把动作/方法链接起来。Chaining允许我们在一条语句中允许多个jQuery方法（在相同的元素上）。jQuery方法链接直到现在，我们都是一次写一条jQuery语句（一条接着另一条）。不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条jQuery命令，一条接着另一条。提示：这样的话，浏览器就不必多次查找相同的元素。如需链接一个动作，您只需简单地</div>
</li>
<li><a href="/article/1750791920080142336.htm"
title="jQuery 效果 - 动画 —— W3school 详解 简单易懂（七）" target="_blank">jQuery 效果 - 动画 —— W3school 详解 简单易懂（七）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>jQueryanimate()方法允许您创建自定义的动画。jQuery动画-animate()方法jQueryanimate()方法用于创建自定义动画。语法：$(selector).animate({params},speed,callback);必需的params参数定义形成动画的CSS属性。可选的speed参数规定效果的时长。它可以取以下值："slow"、"fast"或毫秒。可选的callba</div>
</li>
<li><a href="/article/1750791917743915008.htm"
title="jQuery隐藏 显示 —— W3school 详解 简单易懂（四）" target="_blank">jQuery隐藏 显示 —— W3school 详解 简单易懂（四）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>jQuery效果-隐藏和显示jQuery事件jQuery淡入淡出隐藏、显示、切换，滑动，淡入淡出，以及动画，哇哦！实例jQueryhide()演示一个简单的jQueryhide()方法。jQueryhide()另一个hide()演示。如何隐藏部分文本。jQueryhide()和show()通过jQuery，您可以使用hide()和show()方法来隐藏和显示HTML元素：$("#hide").cl</div>
</li>
<li><a href="/article/1750791918498889728.htm"
title="jQuery淡入 淡出 —— W3school 详解 简单易懂（五）" target="_blank">jQuery淡入 淡出 —— W3school 详解 简单易懂（五）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>jQuery效果-淡入淡出jQuery隐藏/显示jQuery滑动通过jQuery，您可以实现元素的淡入淡出效果。jQueryfadeIn()演示jQueryfadeIn()方法。jQueryfadeOut()演示jQueryfadeOut()方法。jQueryfadeToggle()演示jQueryfadeToggle()方法。jQueryfadeTo()演示jQueryfadeTo()方法。jQ</div>
</li>
<li><a href="/article/1750791919149006848.htm"
title="jQuery 效果 - 滑动 —— W3school 详解 简单易懂（六）" target="_blank">jQuery 效果 - 滑动 —— W3school 详解 简单易懂（六）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>jQuery滑动方法可使元素上下滑动。实例jQueryslideDown()演示jQueryslideDown()方法。jQueryslideUp()演示jQueryslideUp()方法。jQueryslideToggle()演示jQueryslideToggle()方法。jQuery滑动方法通过jQuery，您可以在元素上创建滑动效果。jQuery拥有以下滑动方法：slideDown()sli</div>
</li>
<li><a href="/article/1750789871024226304.htm"
title="jQuery HTML - 设置 —— W3school 详解 简单易懂（十二）" target="_blank">jQuery HTML - 设置 —— W3school 详解 简单易懂（十二）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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>jQuery设置内容和属性jQuery获取jQuery添加设置内容-text()、html()以及val()我们将使用前一章中的三个相同的方法来设置内容：text()-设置或返回所选元素的文本内容html()-设置或返回所选元素的内容（包括HTML标记）val()-设置或返回表单字段的值下面的例子演示如何通过text()、html()以及val()方法来设置内容：$("#btn1").click(</div>
</li>
<li><a href="/article/1748177603765747712.htm"
title="jQuery选择器 —— W3school 详解 简单易懂（二）" target="_blank">jQuery选择器 —— W3school 详解 简单易懂（二）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>jQuery选择器jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容对HTML元素进行选择。选择器允许您对HTML元素组或单个元素进行操作。在HTMLDOM术语中：选择器允许您对DOM元素组或单个DOM节点进行操作。jQuery元素选择器jQuery使用CSS选择器来选取HTML元素。$("p")选取元素。$("p.intro")选取所有class="intro"的元素。$("p#d</div>
</li>
<li><a href="/article/1748177604424253440.htm"
title="jQuery事件 —— W3school 详解 简单易懂（三）" target="_blank">jQuery事件 —— W3school 详解 简单易懂（三）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>jQuery是为事件处理特别设计的。jQuery事件函数jQuery事件处理方法是jQuery中的核心函数。事件处理程序指的是当HTML中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。通常会把jQuery代码放到部分的事件处理方法中：$(document).ready(function(){$("button").click(function(){$("p").hide</div>
</li>
<li><a href="/article/1748176577998372864.htm"
title="jQuery —— W3school 详解 简单易懂 （一）" target="_blank">jQuery —— W3school 详解 简单易懂 （一）</a>
<span class="text-muted">爱吃果蔬的猫</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>jQuery是一个JavaScript函数库。jQuery极大地简化了JavaScript编程。jQuery很容易学习。$(document).ready(function(){$("p").click(function(){$(this).hide();});});Ifyouclickonme,Iwilldisappear.把jQuery添加到您的网页如需使用jQuery，您需要下载jQuery</div>
</li>
<li><a href="/article/1747812073783443456.htm"
title="javaweb学习day01(HTML)" target="_blank">javaweb学习day01(HTML)</a>
<span class="text-muted">菜菜小林然</span>
<a class="tag" taget="_blank" href="/search/%E9%9F%A9%E9%A1%BA%E5%B9%B3javaweb/1.htm">韩顺平javaweb</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>一、B/S软件开发架构简述1JavaWeb技术体系图2B/S软件开发架构简述B/S架构前端后端数据库二、HTML1官方文档地址:https://www.w3school.com.cn/html/index.asp离线文档:W3School离线手册(2017.03.11版).chm2网页3HTML介绍3.1HTML是什么HTML（HyperTextMark-upLanguage）即超文本标签语言(可</div>
</li>
<li><a href="/article/1744756021533884416.htm"
title="学习HTML" target="_blank">学习HTML</a>
<span class="text-muted">bzwhlll</span>
<div>知识查找接触HTML，许多不懂的标签需要查找。最开始当然是利用baidu进行搜索，一些简单的知识这样便能获得。能找到许多中文相关的信息，包括网站，个人博客。简单方便快速。html-1.png如图，baidu上很容易出现w3school、runoob菜鸟教程这两个网站。开始时候在上面查找学习也是很高效的方法。但是注意w3school并不是官方的网站，和w3c没有任何关系。MDNMDN是一个开放的社区</div>
</li>
<li><a href="/article/67.htm"
title="jvm调优总结（从基本概念 到 深度优化）" target="_blank">jvm调优总结（从基本概念 到 深度优化）</a>
<span class="text-muted">oloz</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/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a>
<div>JVM参数详解：http://www.cnblogs.com/redcreen/archive/2011/05/04/2037057.html
Java虚拟机中，数据类型可以分为两类：基本类型和引用类型。基本类型的变量保存原始值，即：他代表的值就是数值本身；而引用类型的变量保存引用值。“引用值”代表了某个对象的引用，而不是对象本身，对象本身存放在这个引用值所表示的地址的位置。 </div>
</li>
<li><a href="/article/194.htm"
title="【Scala十六】Scala核心十：柯里化函数" target="_blank">【Scala十六】Scala核心十：柯里化函数</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>本篇文章重点说明什么是函数柯里化，这个语法现象的背后动机是什么，有什么样的应用场景，以及与部分应用函数(Partial Applied Function)之间的联系 1. 什么是柯里化函数
A way to write functions with multiple parameter lists. For instance
def f(x: Int)(y: Int) is a </div>
</li>
<li><a href="/article/321.htm"
title="HashMap" target="_blank">HashMap</a>
<span class="text-muted">dalan_123</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>HashMap在java中对很多人来说都是熟的；基于hash表的map接口的非同步实现。允许使用null和null键；同时不能保证元素的顺序；也就是从来都不保证其中的元素的顺序恒久不变。
1、数据结构
在java中，最基本的数据结构无外乎：数组 和 引用（指针），所有的数据结构都可以用这两个来构造，HashMap也不例外，归根到底HashMap就是一个链表散列的数据</div>
</li>
<li><a href="/article/448.htm"
title="Java Swing如何实时刷新JTextArea，以显示刚才加append的内容" target="_blank">Java Swing如何实时刷新JTextArea，以显示刚才加append的内容</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/%E6%9B%B4%E6%96%B0/1.htm">更新</a><a class="tag" taget="_blank" href="/search/swing/1.htm">swing</a><a class="tag" taget="_blank" href="/search/JTextArea/1.htm">JTextArea</a>
<div>在代码中执行完textArea.append("message")后，如果你想让这个更新立刻显示在界面上而不是等swing的主线程返回后刷新，我们一般会在该语句后调用textArea.invalidate()和textArea.repaint()。
问题是这个方法并不能有任何效果，textArea的内容没有任何变化，这或许是swing的一个bug，有一个笨拙的办法可以实现</div>
</li>
<li><a href="/article/575.htm"
title="servlet或struts的Action处理ajax请求" target="_blank">servlet或struts的Action处理ajax请求</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a>
<div>其实处理ajax的请求非常简单，直接看代码就行了：
//如果用的是struts
//HttpServletResponse response = ServletActionContext.getResponse();
// 设置输出为文字流
response.setContentType("text/plain");
// 设置字符集
res</div>
</li>
<li><a href="/article/702.htm"
title="FineReport的公式编辑框的语法简介" target="_blank">FineReport的公式编辑框的语法简介</a>
<span class="text-muted">老A不折腾</span>
<a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E5%85%AC%E5%BC%8F/1.htm">公式</a><a class="tag" taget="_blank" href="/search/%E6%80%BB%E7%BB%93/1.htm">总结</a>
<div>FINEREPORT用到公式的地方非常多，单元格（以=开头的便被解析为公式），条件显示，数据字典，报表填报属性值定义，图表标题，轴定义，页眉页脚，甚至单元格的其他属性中的鼠标悬浮提示内容都可以写公式。
简单的说下自己感觉的公式要注意的几个地方：
1.if语句语法刚接触感觉比较奇怪，if(条件式子,值1,值2)，if可以嵌套，if(条件式子1，值1，if(条件式子2，值2，值3)</div>
</li>
<li><a href="/article/829.htm"
title="linux mysql 数据库乱码的解决办法" target="_blank">linux mysql 数据库乱码的解决办法</a>
<span class="text-muted">墙头上一根草</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E4%B9%B1%E7%A0%81/1.htm">数据库乱码</a>
<div>linux 上mysql数据库区分大小写的配置
lower_case_table_names=1 1-不区分大小写 0-区分大小写
修改/etc/my.cnf 具体的修改内容如下:
[client]
default-character-set=utf8
[mysqld]
datadir=/var/lib/mysql
socket=/va</div>
</li>
<li><a href="/article/956.htm"
title="我的spring学习笔记6-ApplicationContext实例化的参数兼容思想" target="_blank">我的spring学习笔记6-ApplicationContext实例化的参数兼容思想</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Spring+3/1.htm">Spring 3</a>
<div>ApplicationContext能读取多个Bean定义文件，方法是：
ApplicationContext appContext = new ClassPathXmlApplicationContext（
new String[]｛“bean-config1.xml”，“bean-config2.xml”，“bean-config3.xml”，“bean-config4.xml</div>
</li>
<li><a href="/article/1083.htm"
title="mysql 基准测试之sysbench" target="_blank">mysql 基准测试之sysbench</a>
<span class="text-muted">annan211</span>
<a class="tag" taget="_blank" href="/search/%E5%9F%BA%E5%87%86%E6%B5%8B%E8%AF%95/1.htm">基准测试</a><a class="tag" taget="_blank" href="/search/mysql%E5%9F%BA%E5%87%86%E6%B5%8B%E8%AF%95/1.htm">mysql基准测试</a><a class="tag" taget="_blank" href="/search/MySQL%E6%B5%8B%E8%AF%95/1.htm">MySQL测试</a><a class="tag" taget="_blank" href="/search/sysbench/1.htm">sysbench</a>
<div>1 执行如下命令，安装sysbench-0.5：
tar xzvf sysbench-0.5.tar.gz
cd sysbench-0.5
chmod +x autogen.sh
./autogen.sh
./configure --with-mysql --with-mysql-includes=/usr/local/mysql</div>
</li>
<li><a href="/article/1210.htm"
title="sql的复杂查询使用案列与技巧" target="_blank">sql的复杂查询使用案列与技巧</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/1.htm">函数</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E9%A1%B5/1.htm">数据分页</a><a class="tag" taget="_blank" href="/search/%E5%90%88%E5%B9%B6%E6%9F%A5%E8%AF%A2/1.htm">合并查询</a>
<div>
本片博客使用的数据库表是oracle中的scott用户表;
------------------- 自然连接查询
查询 smith 的上司(两种方法)
&</div>
</li>
<li><a href="/article/1337.htm"
title="深入学习Thread类" target="_blank">深入学习Thread类</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/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a>
<div>一． 线程的名字
下面来看一下Thread类的name属性，它的类型是String。它其实就是线程的名字。在Thread类中，有String getName()和void setName(String)两个方法用来设置和获取这个属性的值。
同时，Thr</div>
</li>
<li><a href="/article/1464.htm"
title="JSON串转换成Map以及如何转换到对应的数据类型" target="_blank">JSON串转换成Map以及如何转换到对应的数据类型</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/fastjson/1.htm">fastjson</a><a class="tag" taget="_blank" href="/search/net.sf.json/1.htm">net.sf.json</a>
<div> 在实际开发中，难免会碰到JSON串转换成Map的情况，下面来看看这方面的实例。另外，由于fastjson只支持JDK1.5及以上版本，因此在JDK1.4的项目中可以采用net.sf.json来处理。
一.fastjson实例
JsonUtil.java
package com.study;
impor</div>
</li>
<li><a href="/article/1591.htm"
title="【RPC框架HttpInvoker一】HttpInvoker：Spring自带RPC框架" target="_blank">【RPC框架HttpInvoker一】HttpInvoker：Spring自带RPC框架</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>HttpInvoker是Spring原生的RPC调用框架，HttpInvoker同Burlap和Hessian一样，提供了一致的服务Exporter以及客户端的服务代理工厂Bean，这篇文章主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成
在
【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中</div>
</li>
<li><a href="/article/1718.htm"
title="【Mahout二】基于Mahout CBayes算法的20newsgroup的脚本分析" target="_blank">【Mahout二】基于Mahout CBayes算法的20newsgroup的脚本分析</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Mahout/1.htm">Mahout</a>
<div>#!/bin/bash
#
# Licensed to the Apache Software Foundation (ASF) under one or more
# contributor license agreements. See the NOTICE file distributed with
# this work for additional information re</div>
</li>
<li><a href="/article/1845.htm"
title="nginx三种获取用户真实ip的方法" target="_blank">nginx三种获取用户真实ip的方法</a>
<span class="text-muted">ronin47</span>
<div>随着nginx的迅速崛起，越来越多公司将apache更换成nginx. 同时也越来越多人使用nginx作为负载均衡, 并且代理前面可能还加上了CDN加速，但是随之也遇到一个问题：nginx如何获取用户的真实IP地址,如果后端是apache,请跳转到<apache获取用户真实IP地址>，如果是后端真实服务器是nginx，那么继续往下看。
实例环境： 用户IP 120.22.11.11 </div>
</li>
<li><a href="/article/1972.htm"
title="java-判断二叉树是不是平衡" target="_blank">java-判断二叉树是不是平衡</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/25411174201142733927831/
但是用java来实现有一个问题。
由于Java无法像C那样“传递参数的地址，函数返回时能得到参数的值”，唯有新建一个辅助类：AuxClass
import ljn.help.*;
public class BalancedBTree {
</div>
</li>
<li><a href="/article/2099.htm"
title="BeanUtils.copyProperties VS PropertyUtils.copyProperties" target="_blank">BeanUtils.copyProperties VS PropertyUtils.copyProperties</a>
<span class="text-muted">诸葛不亮</span>
<a class="tag" taget="_blank" href="/search/PropertyUtils/1.htm">PropertyUtils</a><a class="tag" taget="_blank" href="/search/BeanUtils/1.htm">BeanUtils</a>
<div> BeanUtils.copyProperties VS PropertyUtils.copyProperties
作为两个bean属性copy的工具类，他们被广泛使用，同时也很容易误用，给人造成困然；比如：昨天发现同事在使用BeanUtils.copyProperties copy有integer类型属性的bean时，没有考虑到会将null转换为0，而后面的业</div>
</li>
<li><a href="/article/2226.htm"
title="[金融与信息安全]最简单的数据结构最安全" target="_blank">[金融与信息安全]最简单的数据结构最安全</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
<div>
现在最流行的数据库的数据存储文件都具有复杂的文件头格式，用操作系统的记事本软件是无法正常浏览的，这样的情况会有什么问题呢？
从信息安全的角度来看，如果我们数据库系统仅仅把这种格式的数据文件做异地备份，如果相同版本的所有数据库管理系统都同时被攻击，那么</div>
</li>
<li><a href="/article/2353.htm"
title="vi区段删除" target="_blank">vi区段删除</a>
<span class="text-muted">Cwind</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/vi/1.htm">vi</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E6%AE%B5%E5%88%A0%E9%99%A4/1.htm">区段删除</a>
<div>区段删除是编辑和分析一些冗长的配置文件或日志文件时比较常用的操作。简记下vi区段删除要点备忘。
vi概述
引文中并未将末行模式单独列为一种模式。单不单列并不重要，能区分命令模式与末行模式即可。
vi区段删除步骤：
1. 在末行模式下使用:set nu显示行号
非必须，随光标移动vi右下角也会显示行号，能够正确找到并记录删除开始行</div>
</li>
<li><a href="/article/2480.htm"
title="清除tomcat缓存的方法总结" target="_blank">清除tomcat缓存的方法总结</a>
<span class="text-muted">dashuaifu</span>
<a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a>
<div>用tomcat容器，大家可能会发现这样的问题，修改jsp文件后，但用IE打开 依然是以前的Jsp的页面。
出现这种现象的原因主要是tomcat缓存的原因。
解决办法如下:
在jsp文件头加上
<meta http-equiv="Expires" content="0"> <meta http-equiv="kiben&qu</div>
</li>
<li><a href="/article/2607.htm"
title="不要盲目的在项目中使用LESS CSS" target="_blank">不要盲目的在项目中使用LESS CSS</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/less/1.htm">less</a>
<div> 如果你还不知道LESS CSS是什么东西，可以看一下这篇文章，是我一朋友写给新人看的《CSS——LESS》
不可否认，LESS CSS是个强大的工具，它弥补了css没有变量、无法运算等一些“先天缺陷”，但它似乎给我一种错觉，就是为了功能而实现功能。
比如它的引用功能
?
.rounded_corners{
</div>
</li>
<li><a href="/article/2734.htm"
title="[入门]更上一层楼" target="_blank">[入门]更上一层楼</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>更上一层楼
通篇阅读完整个“入门”部分，你就完成了一个完整 Yii 应用的创建。在此过程中你学到了如何实现一些常用功能，例如通过 HTML 表单从用户那获取数据，从数据库中获取数据并以分页形式显示。你还学到了如何通过 Gii 去自动生成代码。使用 Gii 生成代码把 Web 开发中多数繁杂的过程转化为仅仅填写几个表单就行。
本章将介绍一些有助于更好使用 Yii 的资源：
</div>
</li>
<li><a href="/article/2861.htm"
title="Apache HttpClient使用详解" target="_blank">Apache HttpClient使用详解</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/httpclient/1.htm">httpclient</a><a class="tag" taget="_blank" href="/search/http%E5%8D%8F%E8%AE%AE/1.htm">http协议</a>
<div>Http协议的重要性相信不用我多说了，HttpClient相比传统JDK自带的URLConnection，增加了易用性和灵活性（具体区别，日后我们再讨论），它不仅是客户端发送Http请求变得容易，而且也方便了开发人员测试接口（基于Http协议的），即提高了开发的效率，也方便提高代码的健壮性。因此熟练掌握HttpClient是很重要的必修内容，掌握HttpClient后，相信对于Http协议的了解会</div>
</li>
<li><a href="/article/2988.htm"
title="zxing二维码扫描功能" target="_blank">zxing二维码扫描功能</a>
<span class="text-muted">gundumw100</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/zxing/1.htm">zxing</a>
<div>经常要用到二维码扫描功能
现给出示例代码
import com.google.zxing.WriterException;
import com.zxing.activity.CaptureActivity;
import com.zxing.encoding.EncodingHandler;
import android.app.Activity;
import an</div>
</li>
<li><a href="/article/3115.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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a>
<div>HoverTree带说明的CSS菜单:纯HTML+CSS结构链接带说明的黄色导航
在线体验效果：http://hovertree.com/texiao/css/1.htm代码如下,保存到HTML文件可以看到效果：
<!DOCTYPE html >
<html >
<head>
<title>HoverTree</div>
</li>
<li><a href="/article/3242.htm"
title="fastjson初始化对性能的影响" target="_blank">fastjson初始化对性能的影响</a>
<span class="text-muted">kane_xie</span>
<a class="tag" taget="_blank" href="/search/fastjson/1.htm">fastjson</a><a class="tag" taget="_blank" href="/search/%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">序列化</a>
<div>之前在项目中序列化是用thrift，性能一般，而且需要用编译器生成新的类，在序列化和反序列化的时候感觉很繁琐，因此想转到json阵营。对比了jackson，gson等框架之后，决定用fastjson，为什么呢，因为看名字感觉很快。。。
网上的说法：
fastjson 是一个性能很好的 Java 语言实现的 JSON 解析器和生成器，来自阿里巴巴的工程师开发。
</div>
</li>
<li><a href="/article/3369.htm"
title="基于Mybatis封装的增删改查实现通用自动化sql" target="_blank">基于Mybatis封装的增删改查实现通用自动化sql</a>
<span class="text-muted">mengqingyu</span>
<a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a>
<div>1.基于map或javaBean的增删改查可实现不写dao接口和实现类以及xml，有效的提高开发速度。
2.支持自定义注解包括主键生成、列重复验证、列名、表名等
3.支持批量插入、批量更新、批量删除
<bean id="dynamicSqlSessionTemplate" class="com.mqy.mybatis.support.Dynamic</div>
</li>
<li><a href="/article/3496.htm"
title="js控制input输入框的方法封装(数字，中文，字母，浮点数等)" target="_blank">js控制input输入框的方法封装(数字，中文，字母，浮点数等)</a>
<span class="text-muted">qifeifei</span>
<a class="tag" taget="_blank" href="/search/javascript+js/1.htm">javascript js</a>
<div>在项目开发的时候，经常有一些输入框，控制输入的格式，而不是等输入好了再去检查格式，格式错了就报错，体验不好。 /** 数字，中文，字母,浮点数(+/-/.) 类型输入限制，只要在input标签上加上 jInput="number,chinese,alphabet,floating" 备注：floating属性只能单独用*/
funct</div>
</li>
<li><a href="/article/3623.htm"
title="java 计时器应用" target="_blank">java 计时器应用</a>
<span class="text-muted">tangqi609567707</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a>
<div>mport java.util.TimerTask; import java.util.Calendar; public class MyTask extends TimerTask { private static final int </div>
</li>
<li><a href="/article/3750.htm"
title="erlang输出调用栈信息" target="_blank">erlang输出调用栈信息</a>
<span class="text-muted">wudixiaotie</span>
<a class="tag" taget="_blank" href="/search/erlang/1.htm">erlang</a>
<div>在erlang otp的开发中，如果调用第三方的应用，会有有些错误会不打印栈信息，因为有可能第三方应用会catch然后输出自己的错误信息，所以对排查bug有很大的阻碍，这样就要求我们自己打印调用的栈信息。用这个函数：erlang:process_display (self (), backtrace).需要注意这个函数只会输出到标准错误输出。
也可以用这个函数：erlang:get_s</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>
