烟雨_倾城ゝ
烟雨_倾城ゝ

HTML基础教程_1

一、前言、web标准

1. 浏览器内核

浏览器 内核 备注
IE Trident IE、猎豹浏览器、３６０浏览器、百度浏览器
Firefox Gecko 可惜这几年已经没落了，打开速度慢，升级平凡、猪一样的队友Ｆｌａｓｈ
Safari ｗｅｂｋｉｔ 现在很多人错误把ｗｅｂｋｉｔ叫做Chrome内核（即使Chrome内核已经是Blink了）
Chrome chromium／Blink 在Chromium项目中研发Blink渲染引擎（即浏览器核心），内置于Chrome浏览器之中，Blink其实是ｗｅｂｋｉｔ的分支，大部分国产浏览器最新版都采用Ｂｌｉｎｋ内核，二次开发
Opera Blink 现在跟随Chrome用Blink内核

移动端的浏览器内核主要说的是系统内置浏览器的内核

  • Android手机，使用率最高的就是webkit内核，大部分国产浏览器宣称自己的内核，基本上也是属于webkit二次开发
  • iOS以及WP7平台上，由于系统原因，系统大部分自带浏览器内核，一般是Safari或者IE内核Trident

2. Web标准

2.1 Web标准的好处

  • 让web的发展前景更广阔
  • 内容能被广泛的设备访问
  • 更容易被搜索引擎搜索
  • 降低网站流量费用
  • 使网站更易于维护
  • 提高页面浏览速度

2.2 Web标准构成

Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合
主要包括：

  • 结构标准：结构用于对网页元素进行整理和分类，主要指的是HTML
  • 表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS
  • 行为标准：行为是指网页模型的定义即交互的编写，主要指的是Javascript

二、认识HTML

1. HTML初始

  • HTML，全称“Hyper Text Markup Language”（超文本标记语言），是用来描述网页的一种语言
  • HTML不是一种编程语言，而是一种标记语言
  • 标记语言是一套标记标签
    总结：HTML的作用就是用来标记标签来描述网页，把网页内容在浏览器中展示出来

1.1 HTML骨架格式

1.2 HTML标签分类

1）双标签

<标签名> 内容
  • 该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“”表示该标签的作用结束，一般称为“结束标签（end tag）”
  • 和开始标签相比，结束标签只在前面加了一个关闭符“/”

2）单标签（空元素）

<标签名 />

1.3 HTML标签关系

标签的相互关系分为两种：

1）嵌套关系


	</ title>
</ head>
</code></pre> 
 <h4 id="2）并列关系">2）并列关系</h4> 
 <pre><code class="language-HTML"><head></ head>
<body></ body>
</code></pre> 
 <h2 id="2-文档类型doctype">2. 文档类型<!DOCTYPE></h2> 
 <p>用法：</p> 
 <pre><code class="language-HTML"><!DOCTYPE html>
</code></pre> 
 <p>作用：<!DOCTYPE>声明位于文档中的最前面，处于标签之前，此标签可<strong>告知浏览器文档使用哪种HTML或XHTML规范</strong></p> 
 <p>注：<strong>就是告诉浏览器按照HTML5规范解析页面</strong></p> 
 <h2 id="3-页面语言lang">3. 页面语言lang</h2> 
 <pre><code class="language-HTML"><html lang=""en>                                   指定html语言种类
</code></pre> 
 <p>常见的两种：</p> 
 <ul> 
  <li>en定义语言为英语</li> 
  <li>zh-CN定义语言为中文</li> 
 </ul> 
 <pre><code>拓展阅读：
简单来说，可能对程序没有太大的作用，但是它可以告诉浏览器、搜索引擎，一般处理HTML的程序对页面语言内容来做一些对应的处理或者事情
</code></pre> 
 <h2 id="4-字符集">4. 字符集</h2> 
 <pre><code class="language-HTML"><meta charset="UTF-8" />
</code></pre> 
 <p>字符集（character set）是多个字符的集合，计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够是识别和存储各种文字</p> 
 <p>UTF-8是目前最常用的字符编码方式，常用的字符编码方式还有gbk和gb2312</p> 
 <ul> 
  <li>GB2312简体中文，包含6763个汉字</li> 
  <li>BIG5繁体中文，港澳台等用</li> 
  <li>GBK包含全部中文字符集，是GB2２的扩展，加入对繁体字的支持，兼容GB２３１２</li> 
  <li>UTF－８则基本包含全世界所有国家需要用到的字符</li> 
  <li><strong>这句代码非常关键,是必须要写的代码,否则可能引起乱码的情况</strong></li> 
 </ul> 
 <pre><code>团队约定:一般情况下统一使用"UTF-8"编码,请尽量统一写成标准的"UTF-8",不要写成"utf-8"、“utf8”或“UTF8”
</code></pre> 
 <h2 id="5-html标签的语义化">5. HTML标签的语义化</h2> 
 <p>所谓标签语义化,就是指标签的含义<br> 目的:根据标签的语义,在合适的地方给一个最为合理的标签，让结构更清晰</p> 
 <ul> 
  <li>方便代码的阅读和维护</li> 
  <li>同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中地内容</li> 
  <li>使用语义标签会更好地搜索引擎优化</li> 
 </ul> 
 <p>语义是否良好：当我们去掉CSS之后，网页结构依然组织有序，并且有良好地可读性<br> 遵循原则：先确定语义地HTML，再选合适地CSS</p> 
 <h1 id="三、html常用标签">三、HTML常用标签</h1> 
 <h2 id="1-html常用标签">1. HTML常用标签</h2> 
 <h3 id="11-排版标签">1.1 排版标签</h3> 
 <p>排版标签主要和CSS搭配使用，显示网页结构地标签，是网页布局最常用地标签</p> 
 <h4 id="1）标题标签h">1）标题标签h</h4> 
 <p>其基本语法格式如下：</p> 
 <pre><code class="language-HTML"><h1>标题文本</h1>
<h2>标题文本</h2>
<h3>标题文本</h3>
<h4>标题文本</h4>
<h5>标题文本</h5>
<h6>标题文本</h6>
</code></pre> 
 <p>显示效果如下：<br> <a href="http://img.e-com-net.com/image/info8/bc96ad4815db43d4ad00e1a4baaa4c2f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/bc96ad4815db43d4ad00e1a4baaa4c2f.jpg" alt="HTML基础教程_1_第1张图片" width="219" height="294" style="border:1px solid black;"></a></p> 
 <h4 id="2）段落标签p">2）段落标签p</h4> 
 <p>作用含义：<br> 可以把HTML文档分割成若干段落</p> 
 <pre><code class="language-HTML"><p>文本内容</p>
</code></pre> 
 <p>是HTML文档中最常见地标签，默认情况下，文本在一个段落中会根据浏览器窗口地大小自动换行</p> 
 <h4 id="3）水平线标签hr">3）水平线标签hr</h4> 
 <p>其基本语法格式如下：</p> 
 <pre><code class="language-HTML"><hr />是单标签
</code></pre> 
 <p>在网页中显示默认样式地水平线</p> 
 <h4 id="4）换行标签br">4）换行标签br</h4> 
 <p>在HTML中，一个段落中地文字会从左到右一次排列，直到浏览器窗口地右端，然后自动换行，如果希望某段文本强制显示，就需要使用换行标签<br> 基本语法格式如下：</p> 
 <pre><code class="language-HTML"><br />
</code></pre> 
 <p>换行标签和段落标签地区别</p> 
 <pre><code class="language-HTML">三生三世十里桃花，<br />
一心一意百行代码。<br />
----前端万岁

<p>三生三世十里桃花，</p>
<p>一心一意百行代码。</p>
----前端万岁
</code></pre> 
 <p><a href="http://img.e-com-net.com/image/info8/2a4fa35d787c49d4b9b069500e50f19f.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/2a4fa35d787c49d4b9b069500e50f19f.png" alt="HTML基础教程_1_第2张图片" width="204" height="233" style="border:1px solid black;"></a></p> 
 <h4 id="5div和span标签">5)div和span标签</h4> 
 <p>语法格式如下：</p> 
 <pre><code class="language-HTML"><div>这是头部</div>
<span>今日价格</span>
</code></pre> 
 <p>他们两个都是盒子，用来装我们网页元素的，只不过有区别的</p> 
 <ul> 
  <li>div标签，用来布局的，但是<strong>一行只能放一个div</strong></li> 
  <li>span标签，用来布局的，<strong>一行上可以放好多个span</strong></li> 
 </ul> 
 <h3 id="12-文本格式标签">1.2 文本格式标签</h3> 
 <table> 
  <thead> 
   <tr> 
    <th>标签</th> 
    <th>显示效果</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>b和 strong</td> 
    <td>文字以<strong>粗体</strong>方式显示（XHTML推荐使用strong）</td> 
   </tr> 
   <tr> 
    <td>i和 em</td> 
    <td>文字以<strong>斜体</strong>方式显示（XHTML推荐使用em）</td> 
   </tr> 
   <tr> 
    <td>s和del</td> 
    <td>文字以<strong>加删除线</strong>方式显示（XHTML推荐使用del）</td> 
   </tr> 
   <tr> 
    <td>u和ins</td> 
    <td>文字以加<strong>下划线</strong>方式显示（XHTML推荐使用ins）</td> 
   </tr> 
  </tbody> 
 </table> 
 <p>区别：<br> b 只是加粗<br> strong 除了可以加粗还有强调的意思，语义更强烈</p> 
 <h3 id="13-标签属性">1.3 标签属性</h3> 
 <p>使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置，基本语法如下：</p> 
 <pre><code class="language-HTML"><标签名 属性1=“属性值” 属性2=“属性值2” ……> 内容 </标签名>
</code></pre> 
 <h3 id="14-图像标签img">1.4 图像标签img</h3> 
 <p>语法格式如下：</p> 
 <pre><code class="language-HTML"><img src="图像URL" />
</code></pre> 
 <table> 
  <thead> 
   <tr> 
    <th>属性</th> 
    <th>属性值</th> 
    <th>备注</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>src</td> 
    <td>URL</td> 
    <td>图像的路径</td> 
   </tr> 
   <tr> 
    <td>alt</td> 
    <td>文本</td> 
    <td>图像不能显示时的替换文本</td> 
   </tr> 
   <tr> 
    <td>title</td> 
    <td>文本</td> 
    <td>鼠标悬停时显示的内容</td> 
   </tr> 
   <tr> 
    <td>width</td> 
    <td>像素（XHTML不支持%页面百分比）</td> 
    <td>设置图像的宽度</td> 
   </tr> 
   <tr> 
    <td>height</td> 
    <td>像素（XHTML不支持%页面百分比）</td> 
    <td>设置图像的高度</td> 
   </tr> 
   <tr> 
    <td>border</td> 
    <td>数字</td> 
    <td>设置图像边框的宽度</td> 
   </tr> 
  </tbody> 
 </table> 
 <p>注：</p> 
 <ol> 
  <li>标签可以拥有多个属性，必须写在开始标签中，位于标签名后面</li> 
  <li>属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开</li> 
  <li>采用键值对的格式key=“value”的格式</li> 
 </ol> 
 <h3 id="15-链接标签">1.5 链接标签</h3> 
 <p>语法格式：</p> 
 <pre><code class="language-HTML"><a href="跳转目标" target="目标窗口的弹出方式">文本或图像 </a>
</code></pre> 
 <table> 
  <thead> 
   <tr> 
    <th>属性</th> 
    <th>作用</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>href</td> 
    <td>用于指定链接目标的URL地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能</td> 
   </tr> 
   <tr> 
    <td>target</td> 
    <td>用于指定链接页面的打开方式，其值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式</td> 
   </tr> 
  </tbody> 
 </table> 
 <p>注：</p> 
 <ol> 
  <li>外部链接需要添加网页地址</li> 
  <li>内部链接直接链接内容网页名称即可</li> 
  <li>如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”（即href=“#”），表示该链接暂时为一个空链接</li> 
  <li>不仅可以创建文本链接，在网页中各种网页元素，如图像、表格、音频、视频都可以添加超链接</li> 
 </ol> 
 <h3 id="16-注释标签">1.6 注释标签</h3> 
 <p>语法格式：</p> 
 <pre><code class="language-HTML"><!-- 注释语句 -->                             快捷键：ctrl+/
</code></pre> 
 <h2 id="2-路径">2. 路径</h2> 
 <p>路径可以分为相对路径和绝对路径</p> 
 <h3 id="1）相对路径">1）相对路径</h3> 
 <p>以引用文件之网页所在位置为参考基础，而建立的目录路径</p> 
 <table> 
  <thead> 
   <tr> 
    <th>路径分类</th> 
    <th>符号</th> 
    <th>说明</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>同一级路径</td> 
    <td></td> 
    <td>只需要输入图像文件的名称即可，如 <img src="baidu.png" /><a href="http://img.e-com-net.com/image/info8/89bd2ce2615c4966a7aff7e4974b6c58.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/89bd2ce2615c4966a7aff7e4974b6c58.jpg" alt="HTML基础教程_1_第3张图片" width="529" height="150" style="border:1px solid black;"></a></td> 
   </tr> 
   <tr> 
    <td>下一级路径</td> 
    <td>“/”</td> 
    <td>图像文件位于HTML文件同一文件夹下（例如文件夹名为images），如<img src="images/baidu.png" /><a href="http://img.e-com-net.com/image/info8/c440ea8ca9944713af281493f2f5a05c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/c440ea8ca9944713af281493f2f5a05c.jpg" alt="HTML基础教程_1_第4张图片" width="529" height="171" style="border:1px solid black;"></a></td> 
   </tr> 
   <tr> 
    <td>上一路径</td> 
    <td>“../”</td> 
    <td>在文件名之前加“../”，如果是上两级，则需要使用“../../”，以此类推，如<img src="../baidu.png" /><a href="http://img.e-com-net.com/image/info8/c89651d433e64180ac363603c53754cc.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/c89651d433e64180ac363603c53754cc.jpg" alt="HTML基础教程_1_第5张图片" width="650" height="144" style="border:1px solid black;"></a></td> 
   </tr> 
  </tbody> 
 </table> 
 <h3 id="绝对路径">绝对路径</h3> 
 <p>绝对路径以web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的，如“D:\web\img\logo.gif”</p> 
 <p><strong>注：绝对路径用的少，但要注意，它的写法特别是符号“\”并不是相对路径的“/”</strong></p> 
 <h2 id="拓展阅读">拓展阅读</h2> 
 <h3 id="31-锚点定位">3.1 锚点定位</h3> 
 <p>通过创建锚点链接，用户能够快速定位到目标内容<br> 创建锚点链接分为两步</p> 
 <pre><code class="language-HTML">1. 使用相应的id名标注跳转目标的位置
<h3 id="two>第二集</h3>

2. 使用<a href="#id名"> 链接文本</a>创建链接文本
</code></pre> 
 <h3 id="32-base标签">3.2 base标签</h3> 
 <p>语法：</p> 
 <pre><code class="language-HTML"><base target="_blank" />
</code></pre> 
 <p>总结：</p> 
 <ol> 
  <li>base可以设置整体链接的打开状态</li> 
  <li>base写到<head></head>之间</li> 
  <li>把所有的链接都默认添加target=“_blank”</li> 
 </ol> 
 <h3 id="33-预格式化文本pre标签">3.3 预格式化文本pre标签</h3> 
 <p>pre标签可定义预格式化的文本<br> 被包围在<pre>标签元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体</p> 
 <h3 id="34-特殊字符">3.4 特殊字符</h3> 
 <p><a href="http://img.e-com-net.com/image/info8/cccb4b9400c64b8ba665f9f79a733caf.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/cccb4b9400c64b8ba665f9f79a733caf.jpg" alt="HTML基础教程_1_第6张图片" width="474" height="453" style="border:1px solid black;"></a><br> 总结：</p> 
 <ol> 
  <li>是以运算符“&”开头，以分号运算符“；”结尾</li> 
  <li>他们不是标签，而是符号</li> 
  <li>HTML中不能使用小于号“<”和大于号“>”特殊符号，浏览器会将它们作为标签解析</li> 
 </ol> 
 <pre><code>团队约定：
推荐使用如下格式:
<a href="#">more >></a>
</code></pre> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1274522106138214400"></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基础教程_1)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1943993659481452544.htm"
                           title="guava loadingCache代码示例" target="_blank">guava loadingCache代码示例</a>
                        <span class="text-muted">IM 胡鹏飞</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7%E7%B1%BB%E4%BB%8B%E7%BB%8D/1.htm">工具类介绍</a>
                        <div>publicclassTest2{publicstaticvoidmain(String[]args)throwsException{LoadingCachecache=CacheBuilder.newBuilder()//设置并发级别为8，并发级别是指可以同时写缓存的线程数.concurrencyLevel(8)//设置缓存容器的初始容量为10.initialCapacity(10)//设置缓存</div>
                    </li>
                    <li><a href="/article/1943993533169987584.htm"
                           title="C++11堆操作深度解析：std::is_heap与std::is_heap_until原理解析与实践" target="_blank">C++11堆操作深度解析：std::is_heap与std::is_heap_until原理解析与实践</a>
                        <span class="text-muted"></span>

                        <div>文章目录堆结构基础与函数接口堆的核心性质函数签名与核心接口std::is_heapstd::is_heap_until实现原理深度剖析std::is_heap的验证逻辑std::is_heap_until的定位策略算法优化细节代码实践与案例分析基础用法演示自定义比较器实现最小堆检查边缘情况处理性能分析与实际应用时间复杂度对比典型应用场景与手动实现的对比注意事项与最佳实践迭代器要求比较器设计C++标</div>
                    </li>
                    <li><a href="/article/1943993281092317184.htm"
                           title="为什么会出现“与此站点的连接不安全”警告？" target="_blank">为什么会出现“与此站点的连接不安全”警告？</a>
                        <span class="text-muted"></span>

                        <div>当浏览器弹出“与此站点的连接不安全”的红色警告时，不仅会让访客感到不安，还可能直接导致用户流失、品牌信誉受损，甚至引发数据泄露风险。作为网站运营者，如何快速解决这一问题？一、为什么会出现“与此站点的连接不安全”警告？浏览器提示“不安全连接”，本质上是检测到当前网站与用户之间的数据传输未经过加密保护。以下是触发警告的常见原因：1.未安装SSL证书SSL（SecureSocketsLayer）证书是网</div>
                    </li>
                    <li><a href="/article/1943992776169418752.htm"
                           title="Flask框架入门：快速搭建轻量级Python网页应用" target="_blank">Flask框架入门：快速搭建轻量级Python网页应用</a>
                        <span class="text-muted">「已注销」</span>
<a class="tag" taget="_blank" href="/search/python-AI/1.htm">python-AI</a><a class="tag" taget="_blank" href="/search/python%E5%9F%BA%E7%A1%80/1.htm">python基础</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E7%BD%91%E7%BB%9C/1.htm">网站网络</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
                        <div>转载：Flask框架入门：快速搭建轻量级Python网页应用1.Flask基础Flask是一个使用Python编写的轻量级Web应用框架。它的设计目标是让Web开发变得快速简单，同时保持应用的灵活性。Flask依赖于两个外部库：Werkzeug和Jinja2，Werkzeug作为WSGI工具包处理Web服务的底层细节，Jinja2作为模板引擎渲染模板。安装Flask非常简单，可以使用pip安装命令</div>
                    </li>
                    <li><a href="/article/1943992397344075776.htm"
                           title="驱动程序为什么要做 WHQL 认证?" target="_blank">驱动程序为什么要做 WHQL 认证?</a>
                        <span class="text-muted">GDCA SSL证书</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
                        <div>驱动程序进行WHQL（WindowsHardwareQualityLabs）认证的核心价值在于解决兼容性、安全性和市场准入三大关键问题，具体必要性如下：️‌一、规避系统拦截，保障驱动可用性‌消除安装警告‌未认证的驱动在安装时会触发Windows的‌红色安全警告‌（如“无法验证发布者”），甚至被系统强制拦截。通过WHQL认证的驱动获得微软数字签名，用户可无阻安装‌。满足系统强制要求‌Windows1</div>
                    </li>
                    <li><a href="/article/1943992396924645376.htm"
                           title="WHQL签名怎么申请" target="_blank">WHQL签名怎么申请</a>
                        <span class="text-muted">GDCA SSL证书</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a>
                        <div>WHQL（WindowsHardwareQualityLabs）签名是微软对硬件和驱动程序进行认证的一种方式，以确保它们与Windows操作系统的兼容性和稳定性。以下是申请WHQL签名的基本步骤，供您参考：1.准备阶段准备硬件设备和驱动程序：确保您的硬件设备已经准备好，并且对应的驱动程序已经经过充分的测试，能够在各种配置和环境下正常工作。获取EV代码签名证书：根据微软的要求，驱动程序进行WHQL认</div>
                    </li>
                    <li><a href="/article/1943992018892025856.htm"
                           title="JSON 与 AJAX" target="_blank">JSON 与 AJAX</a>
                        <span class="text-muted">Auscy</span>
<a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>一、JSON（JavaScriptObjectNotation）1.数据类型与语法细节支持的数据类型：基本类型：字符串（需用双引号）、数字、布尔值（true/false）、null。复杂类型：数组（[]）、对象（{}）。严格语法规范：键名必须用双引号包裹（如"name":"张三"）。数组元素用逗号分隔，最后一个元素后不能有多余逗号。数字不能以0开头（如012会被解析为12），不支持八进制/十六进制</div>
                    </li>
                    <li><a href="/article/1943992018111885312.htm"
                           title="发票合并工具" target="_blank">发票合并工具</a>
                        <span class="text-muted">小朋的软件园</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
                        <div>"发票合并工具"是一款专为高效整理票据设计的实用工具，支持将来自不同渠道的发票文件（如PDF文档、各类图片格式）快速整合为排版规范的PDF文件，尤其适用于财务报销场景下的批量票据处理需求。核心功能亮点多格式兼容：无缝导入PDF文件及常见图片格式（.png/.jpg/.jpeg/.bmp），适配多来源发票整合需求。智能布局配置：提供灵活的页面布局选项（每页2/3/4张发票），其中"2合1"模式针对报</div>
                    </li>
                    <li><a href="/article/1943991261279088640.htm"
                           title="C++ 11 Lambda表达式和min_element()与max_element()的使用_c++ lamda函数 min_element((1)" target="_blank">C++ 11 Lambda表达式和min_element()与max_element()的使用_c++ lamda函数 min_element((1)</a>
                        <span class="text-muted">2401_84976182</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/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
                        <div>既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上CC++开发知识点，真正体系化！由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新如果你需要这些资料，可以戳这里获取#include#include#includeusingnamespacestd;boolcmp(int</div>
                    </li>
                    <li><a href="/article/1943991262029869056.htm"
                           title="C++ 11 Lambda表达式和min_element()与max_element()的使用_c++ lamda函数 min_element(" target="_blank">C++ 11 Lambda表达式和min_element()与max_element()的使用_c++ lamda函数 min_element(</a>
                        <span class="text-muted"></span>

                        <div>网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！intmain(){vectormyvec{3,</div>
                    </li>
                    <li><a href="/article/1943990630690648064.htm"
                           title="【LeetCode 热题 100】24. 两两交换链表中的节点——（解法一）迭代+哨兵" target="_blank">【LeetCode 热题 100】24. 两两交换链表中的节点——（解法一）迭代+哨兵</a>
                        <span class="text-muted">xumistore</span>
<a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E9%93%BE%E8%A1%A8/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/java/1.htm">java</a>
                        <div>Problem:24.两两交换链表中的节点题目：给你一个链表，两两交换其中相邻的节点，并返回交换后链表的头节点。你必须在不修改节点内部的值的情况下完成本题（即，只能进行节点交换）。文章目录整体思路完整代码时空复杂度时间复杂度：O(N)空间复杂度：O(1)整体思路这段代码旨在解决一个经典的链表操作问题：两两交换链表中的节点(SwapNodesinPairs)。问题要求将链表中每两个相邻的节点进行交换</div>
                    </li>
                    <li><a href="/article/1943990125864218624.htm"
                           title="JavaScript 树形菜单总结" target="_blank">JavaScript 树形菜单总结</a>
                        <span class="text-muted">Auscy</span>
<a class="tag" taget="_blank" href="/search/microsoft/1.htm">microsoft</a>
                        <div>树形菜单是前端开发中常见的交互组件，用于展示具有层级关系的数据（如文件目录、分类列表、组织架构等）。以下从核心概念、实现方式、常见功能及优化方向等方面进行总结。一、核心概念层级结构：数据以父子嵌套形式存在，如{id:1,children:[{id:2}]}。节点：树形结构的基本单元，包含自身信息及子节点（若有）。展开/折叠：子节点的显示与隐藏切换，是树形菜单的核心交互。递归渲染：因数据层级不固定，</div>
                    </li>
                    <li><a href="/article/1943989244456398848.htm"
                           title="冒泡、选择、插入排序：三大基础排序算法深度解析（C语言实现）" target="_blank">冒泡、选择、插入排序：三大基础排序算法深度解析（C语言实现）</a>
                        <span class="text-muted">xienda</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/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>
                        <div>在算法学习道路上，排序算法是每位程序员必须掌握的基石。本文将深入解析冒泡排序、选择排序和插入排序这三种基础排序算法，通过C语言代码实现和对比分析，帮助读者彻底理解它们的差异与应用场景。算法原理与代码实现1.冒泡排序（BubbleSort）工作原理：通过重复比较相邻元素，将较大元素逐步"冒泡"到数组末尾。voidbubbleSort(intarr[],intn){  for(inti=0;iarr[</div>
                    </li>
                    <li><a href="/article/1943988865945628672.htm"
                           title="Leetcode 148. 排序链表" target="_blank">Leetcode 148. 排序链表</a>
                        <span class="text-muted"></span>

                        <div>文章目录前引题目代码（首刷看题解）代码（8.9二刷部分看解析）代码（9.15三刷部分看解析）前引综合性比较强的一道题，要求时间复杂度必须O(logn)才能通过，最适合链表的排序算法就是归并。这里采用自顶向下的方法步骤：找到链表中点（双指针）对两个子链表排序(递归，直到只有一个结点，记得将子链表最后指向nullptr）归并（引入dummy结点）题目Leetcode148.排序链表代码（首刷看题解）c</div>
                    </li>
                    <li><a href="/article/1943988487875260416.htm"
                           title="python_虚拟环境" target="_blank">python_虚拟环境</a>
                        <span class="text-muted">阿_焦</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>第一、配置虚拟环境：virtualenv（1）pipvirtualenv>安装虚拟环境包（2）pipinstallvirtualenvwrapper-win>安装虚拟环境依赖包（3）c盘创建虚拟目录>C:\virtualenv>配置环境变量【了解一下】：（1）如何使用virtualenv创建虚拟环境a、cd到C:\virtualenv目录下：b、mkvirtualenvname>创建虚拟环境nam</div>
                    </li>
                    <li><a href="/article/1943988486428225536.htm"
                           title="全面触摸屏输入法设计与实现" target="_blank">全面触摸屏输入法设计与实现</a>
                        <span class="text-muted">长野君</span>

                        <div>本文还有配套的精品资源，点击获取简介：触摸屏输入法是针对触摸设备优化的文字输入方案，包括虚拟键盘、手写、语音识别和手势等多种输入方式。本方案通过提供主程序文件、用户手册、界面截图、示例图、说明文本和音效文件，旨在为用户提供一个完整的、多样的文字输入体验。开发者通过持续优化算法和用户界面，使用户在无物理键盘环境下也能高效准确地进行文字输入。1.触摸屏输入法概述简介在现代信息技术飞速发展的今天，触摸屏</div>
                    </li>
                    <li><a href="/article/1943988486843461632.htm"
                           title="LeetCode 148. 排序链表：归并排序的细节解析" target="_blank">LeetCode 148. 排序链表：归并排序的细节解析</a>
                        <span class="text-muted">进击的小白菜</span>
<a class="tag" taget="_blank" href="/search/2025/1.htm">2025</a><a class="tag" taget="_blank" href="/search/Top100/1.htm">Top100</a><a class="tag" taget="_blank" href="/search/%E8%AF%A6%E8%A7%A3/1.htm">详解</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E9%93%BE%E8%A1%A8/1.htm">链表</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
                        <div>文章目录题目描述一、方法思路：归并排序的核心步骤二、关键实现细节：快慢指针分割链表1.快慢指针的初始化问题2.为什么选择`fast=head.next`？示例1：链表长度为偶数（`1->2->3->4`）三、完整代码实现四、复杂度分析五、总结题目描述LeetCode148题要求对链表进行排序，时间复杂度需为O(nlogn)，且空间复杂度为O(logn)。由于链表的特殊结构（无法随机访问），归并排序</div>
                    </li>
                    <li><a href="/article/1943987856808669184.htm"
                           title="前端项目架构设计要领" target="_blank">前端项目架构设计要领</a>
                        <span class="text-muted"></span>

                        <div>1.架构设计的核心目标在设计前端项目架构时，核心目标是模块化、可维护、可扩展、可测试，以及开发效率的最大化。这些目标可以通过以下几个方面来实现：组件化：将UI功能封装为可复用的组件。模块化：将业务逻辑分解为独立的模块或服务。自动化构建与部署：实现自动化构建、测试和部署流程，减少人为操作的错误。代码规范化与检查：确保团队协作时，代码风格和质量一致。2.项目目录结构设计一个清晰合理的目录结构对大型项目</div>
                    </li>
                    <li><a href="/article/1943987101301272576.htm"
                           title="精通Canvas：15款时钟特效代码实现指南" target="_blank">精通Canvas：15款时钟特效代码实现指南</a>
                        <span class="text-muted">烟幕缭绕</span>

                        <div>本文还有配套的精品资源，点击获取简介：HTML5的Canvas是一个用于绘制矢量图形的API，通过JavaScript实现动态效果。本项目集合了15种不同的时钟特效代码，帮助开发者通过学习绘制圆形、线条、时间更新、旋转、颜色样式设置及动画效果等概念，深化对Canvas的理解和应用。项目中的CSS文件负责时钟的样式设定，而JS文件则包含实现各种特效的逻辑，通过不同的函数或类处理时间更新和动画绘制，提</div>
                    </li>
                    <li><a href="/article/1943986471220342784.htm"
                           title="嵌入式系统LCD显示模块编程实践" target="_blank">嵌入式系统LCD显示模块编程实践</a>
                        <span class="text-muted"></span>

                        <div>本文还有配套的精品资源，点击获取简介：本文档提供了一个具有800x480分辨率的3.5英寸液晶显示模块LW350AC9001的驱动程序代码，以及嵌入式系统中使用C/C++语言进行硬件编程的实践指南。该模块的2mm厚度使其适用于空间受限的便携式设备。内容包括驱动程序源代码、硬件控制接口使用方法，以及如何在嵌入式系统中进行图形处理、电源管理与性能优化。1.嵌入式系统原理1.1嵌入式系统概念嵌入式系统是</div>
                    </li>
                    <li><a href="/article/1943986344934043648.htm"
                           title="深入剖析OpenJDK 18 GA源码：Java平台最新发展" target="_blank">深入剖析OpenJDK 18 GA源码：Java平台最新发展</a>
                        <span class="text-muted">想法臃肿</span>

                        <div>本文还有配套的精品资源，点击获取简介：OpenJDK18GA作为Java开发的关键里程碑，提供了诸多新特性和改进。本文章深入探讨了OpenJDK18GA源码，揭示其内部机制，帮助开发者更好地理解和利用这个版本。文章还涵盖了PatternMatching、SealedClasses、Records、JEP395、JEP406和JEP407等特性，以及HotSpot虚拟机、编译器、垃圾收集器、内存模型</div>
                    </li>
                    <li><a href="/article/1943985463522029568.htm"
                           title="Android 开源组件和第三方库汇总" target="_blank">Android 开源组件和第三方库汇总</a>
                        <span class="text-muted">gyyzzr</span>
<a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E6%A1%86%E6%9E%B6/1.htm">开源框架</a>
                        <div>转载1、github排名https://github.com/trending,github搜索：https://github.com/search2、https://github.com/wasabeef/awesome-android-ui目录UIUI卫星菜单节选器下拉刷新模糊效果HUD与Toast进度条UI其它动画网络相关响应式编程地图数据库图像浏览及处理视频音频处理测试及调试动态更新热更新</div>
                    </li>
                    <li><a href="/article/1943985461995302912.htm"
                           title="22、文档：Google Docs的强大与易用性" target="_blank">22、文档：Google Docs的强大与易用性</a>
                        <span class="text-muted">pear55</span>
<a class="tag" taget="_blank" href="/search/%E6%8E%A2%E7%B4%A2%E4%BA%91%E6%8A%80%E6%9C%AF%E7%9A%84%E6%97%A0%E9%99%90%E5%8F%AF%E8%83%BD/1.htm">探索云技术的无限可能</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a><a class="tag" taget="_blank" href="/search/Docs/1.htm">Docs</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E7%AB%AF%E6%96%87%E6%A1%A3/1.htm">云端文档</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E9%9F%B3%E8%BE%93%E5%85%A5/1.htm">语音输入</a>
                        <div>文档：GoogleDocs的强大与易用性1.GoogleDocs简介GoogleDocs是Google提供的在线办公套件的一部分，它是一个基于云端的文字处</div>
                    </li>
                    <li><a href="/article/1943985462716723200.htm"
                           title="docker-compose方式搭建lnmp环境——筑梦之路" target="_blank">docker-compose方式搭建lnmp环境——筑梦之路</a>
                        <span class="text-muted">筑梦之路</span>
<a class="tag" taget="_blank" href="/search/linux%E7%B3%BB%E7%BB%9F%E8%BF%90%E7%BB%B4/1.htm">linux系统运维</a><a class="tag" taget="_blank" href="/search/%E5%9B%BD%E4%BA%A7%E5%8C%96/1.htm">国产化</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/adb/1.htm">adb</a>
                        <div>docker-compose.yml文件#生成docker-compose.ymlcat>docker-compose.ymlnginx/conf.d/default.conf">www/index.phpecho"开始启动服务..."docker-composeup-d#获取本机ipip_addr=$(hostname-I|awk'{print$1}')echo"部署完成！"echo"访问测试页</div>
                    </li>
                    <li><a href="/article/1943985208218939392.htm"
                           title="Python爱心光波" target="_blank">Python爱心光波</a>
                        <span class="text-muted"></span>

                        <div>系列文章序号直达链接Tkinter1Python李峋同款可写字版跳动的爱心2Python跳动的双爱心3Python蓝色跳动的爱心4Python动漫烟花5Python粒子烟花Turtle1Python满屏飘字2Python蓝色流星雨3Python金色流星雨4Python漂浮爱心5Python爱心光波①6Python爱心光波②7Python满天繁星8Python五彩气球9Python白色飘雪10Pyt</div>
                    </li>
                    <li><a href="/article/1943985208697090048.htm"
                           title="Python流星雨" target="_blank">Python流星雨</a>
                        <span class="text-muted">Want595</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>文章目录系列文章写在前面技术需求完整代码代码分析1.模块导入2.画布设置3.画笔设置4.颜色列表5.流星类(Star)6.流星对象创建7.主循环8.流星运动逻辑9.视觉效果10.总结写在后面系列文章序号直达链接表白系列1Python制作一个无法拒绝的表白界面2Python满屏飘字表白代码3Python无限弹窗满屏表白代码4Python李峋同款可写字版跳动的爱心5Python流星雨代码6Python</div>
                    </li>
                    <li><a href="/article/1943983696184930304.htm"
                           title="基于链家网的二手房数据采集清洗与可视化分析" target="_blank">基于链家网的二手房数据采集清洗与可视化分析</a>
                        <span class="text-muted">Mint_Datazzh</span>
<a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE/1.htm">项目</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%88%AC%E8%99%AB/1.htm">网络爬虫</a>
                        <div>个人学习内容笔记，仅供参考。项目链接：https://gitee.com/rongwu651/lianjia原文链接：基于链家网的二手房数据采集清洗与可视化分析–笔墨云烟研究内容该课题的主要目的是通过将二手房网站上的存量与已销售房源，构建一个二手房市场行情情况与房源特点的可视化平台。该平台通过HTML架构和Echarts完成可视化的搭建。因此，该课题的主要研究内容就是如何利用相关技术设计并实现这样</div>
                    </li>
                    <li><a href="/article/1943983191836651520.htm"
                           title="【超硬核】JVM源码解读：Java方法main在虚拟机上解释执行" target="_blank">【超硬核】JVM源码解读：Java方法main在虚拟机上解释执行</a>
                        <span class="text-muted">HeapDump性能社区</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</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><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a>
                        <div>本文由HeapDump性能社区首席讲师鸠摩（马智）授权整理发布第1篇-关于Java虚拟机HotSpot，开篇说的简单点开讲Java运行时，这一篇讲一些简单的内容。我们写的主类中的main()方法是如何被Java虚拟机调用到的？在Java类中的一些方法会被由C/C++编写的HotSpot虚拟机的C/C++函数调用，不过由于Java方法与C/C++函数的调用约定不同，所以并不能直接调用，需要JavaC</div>
                    </li>
                    <li><a href="/article/1943983064304644096.htm"
                           title="算法学习笔记：17.蒙特卡洛算法 ——从原理到实战，涵盖 LeetCode 与考研 408 例题" target="_blank">算法学习笔记：17.蒙特卡洛算法 ——从原理到实战，涵盖 LeetCode 与考研 408 例题</a>
                        <span class="text-muted"></span>

                        <div>在计算机科学和数学领域，蒙特卡洛算法（MonteCarloAlgorithm）以其独特的随机抽样思想，成为解决复杂问题的有力工具。从圆周率的计算到金融风险评估，从物理模拟到人工智能，蒙特卡洛算法都发挥着不可替代的作用。本文将深入剖析蒙特卡洛算法的思想、解题思路，结合实际应用场景与Java代码实现，并融入考研408的相关考点，穿插图片辅助理解，帮助你全面掌握这一重要算法。蒙特卡洛算法的基本概念蒙特卡</div>
                    </li>
                    <li><a href="/article/1943983065500020736.htm"
                           title="Python之七彩花朵代码实现" target="_blank">Python之七彩花朵代码实现</a>
                        <span class="text-muted">PlutoZuo</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>Python之七彩花朵代码实现文章目录Python之七彩花朵代码实现下面是一个简单的使用Python的七彩花朵。这个示例只是一个简单的版本，没有很多高级功能，但它可以作为一个起点，你可以在此基础上添加更多功能。importturtleastuimportrandomasraimportmathtu.setup(1.0,1.0)t=tu.Pen()t.ht()colors=['red','skybl</div>
                    </li>
                                <li><a href="/article/10.htm"
                                       title="jsonp 常用util方法" target="_blank">jsonp 常用util方法</a>
                                    <span class="text-muted">hw1287789687</span>
<a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jsonp%E5%B8%B8%E7%94%A8%E6%96%B9%E6%B3%95/1.htm">jsonp常用方法</a><a class="tag" taget="_blank" href="/search/jsonp+callback/1.htm">jsonp callback</a>
                                    <div>jsonp 常用java方法 
(1)以jsonp的形式返回:函数名(json字符串) 
/***
	 * 用于jsonp调用
	 * @param map : 用于构造json数据
	 * @param callback : 回调的javascript方法名
	 * @param filters : <code>SimpleBeanPropertyFilter theFilt</div>
                                </li>
                                <li><a href="/article/137.htm"
                                       title="多线程场景" target="_blank">多线程场景</a>
                                    <span class="text-muted">alafqq</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a>
                                    <div>0 
能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 
对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ 
Java多线程 
2012年11月23日 15:41 Young9007 Young9007 
4 
0 0 4 
 
Comment添加评论关注(2) 
3个答案 按时间排序 按投票排序 
 
0 
0 
最典型的如： 
1、</div>
                                </li>
                                <li><a href="/article/264.htm"
                                       title="Maven学习——修改Maven的本地仓库路径" target="_blank">Maven学习——修改Maven的本地仓库路径</a>
                                    <span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                                    <div>      安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。 
  
 </div>
                                </li>
                                <li><a href="/article/391.htm"
                                       title="placeholder的浏览器兼容" target="_blank">placeholder的浏览器兼容</a>
                                    <span class="text-muted">120153216</span>
<a class="tag" taget="_blank" href="/search/placeholder/1.htm">placeholder</a>
                                    <div>【前言】 
自从html5引入placeholder后，问题就来了， 
不支持html5的浏览器也先有这样的效果， 
各种兼容，之前考虑，今天测试人员逮住不放， 
想了个解决办法，看样子还行，记录一下。 
  
【原理】 
不使用placeholder，而是模拟placeholder的效果， 
大概就是用focus和focusout效果。 
  
【代码】 
<scrip</div>
                                </li>
                                <li><a href="/article/518.htm"
                                       title="debian_用iso文件创建本地apt源" target="_blank">debian_用iso文件创建本地apt源</a>
                                    <span class="text-muted">2002wmj</span>
<a class="tag" taget="_blank" href="/search/Debian/1.htm">Debian</a>
                                    <div>1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下

2.创建N个挂载点目录  
如下： 
debian:~#mkdir –r /media/dvd1 
debian:~#mkdir –r /media/dvd2 
debian:~#mkdir –r /media/dvd3 
…. 
debian:~#mkdir –r /media</div>
                                </li>
                                <li><a href="/article/645.htm"
                                       title="SQLSERVER耗时最长的SQL" target="_blank">SQLSERVER耗时最长的SQL</a>
                                    <span class="text-muted">357029540</span>
<a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a>
                                    <div>对于DBA来说，经常要知道存储过程的某些信息： 
 
1.   执行了多少次 
 
2.   执行的执行计划如何 
 
3.   执行的平均读写如何 
 
4.   执行平均需要多少时间 
 
列名          &</div>
                                </li>
                                <li><a href="/article/772.htm"
                                       title="com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil" target="_blank">com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil</a>
                                    <span class="text-muted">7454103</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
                                    <div>今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 
 
错误提示信息： 
 
An error has occurred.See error log for more details. 
Reason: 
com/genuitec/</div>
                                </li>
                                <li><a href="/article/899.htm"
                                       title="用正则删除文本中的html标签" target="_blank">用正则删除文本中的html标签</a>
                                    <span class="text-muted">adminjun</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E6%8E%89html%E6%A0%87%E7%AD%BE/1.htm">去掉html标签</a>
                                    <div>使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 
如下： 
public static String Html2Text(String inputString) {  
String htmlStr = inputString; // 含html标签的字符串
  String textSt</div>
                                </li>
                                <li><a href="/article/1026.htm"
                                       title="嵌入式系统设计中常用总线和接口" target="_blank">嵌入式系统设计中常用总线和接口</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/linux+%E5%9F%BA%E7%A1%80/1.htm">linux 基础</a>
                                    <div>               嵌入式系统设计中常用总线和接口 
  
        任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线</div>
                                </li>
                                <li><a href="/article/1153.htm"
                                       title="Java函数调用方式——按值传递" target="_blank">Java函数调用方式——按值传递</a>
                                    <span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%8C%89%E5%80%BC%E4%BC%A0%E9%80%92/1.htm">按值传递</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1/1.htm">对象</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/1.htm">基础数据类型</a>
                                    <div>Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。 
  
首先，让我们看一看基础数据类型是如何按值传递的。 
  
public static void main(String[] args) {
		
	int a = 2;
</div>
                                </li>
                                <li><a href="/article/1280.htm"
                                       title="ios音量线性下降" target="_blank">ios音量线性下降</a>
                                    <span class="text-muted">bewithme</span>
<a class="tag" taget="_blank" href="/search/ios%E9%9F%B3%E9%87%8F/1.htm">ios音量</a>
                                    <div>直接上代码吧 
  
//second 几秒内下降为0
- (void)reduceVolume:(int)second {
    KGVoicePlayer *player = [KGVoicePlayer defaultPlayer];
    
    if (!_flag) {
        _tempVolume = player.volume;
       </div>
                                </li>
                                <li><a href="/article/1407.htm"
                                       title="与其怨它不如爱它" target="_blank">与其怨它不如爱它</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E9%80%89%E6%8B%A9/1.htm">选择</a><a class="tag" taget="_blank" href="/search/%E7%90%86%E6%83%B3/1.htm">理想</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E4%B8%9A/1.htm">职业</a><a class="tag" taget="_blank" href="/search/%E8%A7%84%E5%88%92/1.htm">规划</a>
                                    <div>        抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。 
        一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。 
  </div>
                                </li>
                                <li><a href="/article/1534.htm"
                                       title="一边时间不够用一边浪费时间" target="_blank">一边时间不够用一边浪费时间</a>
                                    <span class="text-muted">bingyingao</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4/1.htm">时间</a><a class="tag" taget="_blank" href="/search/%E6%B5%AA%E8%B4%B9/1.htm">浪费</a>
                                    <div>一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 
 
每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 
精神还是很差，下午像一直野鬼在城市里晃荡。 
 
 
为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 
控制让自己周末早睡早起，你就成功了一半。 
 
有多少个工作</div>
                                </li>
                                <li><a href="/article/1661.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>Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con</div>
                                </li>
                                <li><a href="/article/1788.htm"
                                       title="sudoku slover in Haskell (2)" target="_blank">sudoku slover in Haskell (2)</a>
                                    <span class="text-muted">bookjovi</span>
<a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a><a class="tag" taget="_blank" href="/search/sudoku/1.htm">sudoku</a>
                                    <div>继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。 
  
board = [0,3,4,1,7,0,5,0,0,
         0,6,0,0,0,8,3,0,1,
         7,0,0,3,0,0,0,0,6,
         5,0,0,6,4,0,8,0,7,
</div>
                                </li>
                                <li><a href="/article/1915.htm"
                                       title="Java-Collections Framework学习与总结-HashSet和LinkedHashSet" target="_blank">Java-Collections Framework学习与总结-HashSet和LinkedHashSet</a>
                                    <span class="text-muted">BrokenDreams</span>
<a class="tag" taget="_blank" href="/search/linkedhashset/1.htm">linkedhashset</a>
                                    <div>        本篇总结一下两个常用的集合类HashSet和LinkedHashSet。 
        它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序</div>
                                </li>
                                <li><a href="/article/2042.htm"
                                       title="读《研磨设计模式》-代码笔记-备忘录模式-Memento" target="_blank">读《研磨设计模式》-代码笔记-备忘录模式-Memento</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/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
                                    <div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 

import java.util.ArrayList;
import java.util.List;



/*
 * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
</div>
                                </li>
                                <li><a href="/article/2169.htm"
                                       title="《RAW格式照片处理专业技法》笔记" target="_blank">《RAW格式照片处理专业技法》笔记</a>
                                    <span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/PS/1.htm">PS</a>
                                    <div>注意，这不是教程！仅记录楼主之前不太了解的 
 
 一、色彩（空间）管理 
作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 
注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv</div>
                                </li>
                                <li><a href="/article/2296.htm"
                                       title="使用 Git 下载 Spring 源码 编译 for Eclipse" target="_blank">使用 Git 下载 Spring 源码 编译 for Eclipse</a>
                                    <span class="text-muted">crabdave</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
                                    <div>使用 Git 下载 Spring 源码 编译 for Eclipse 
  
1、安装gradle，下载 http://www.gradle.org/downloads 
配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v 
  
2、spring4 用jdk8 下载 https://jdk8.java.</div>
                                </li>
                                <li><a href="/article/2423.htm"
                                       title="mysql连接拒绝问题" target="_blank">mysql连接拒绝问题</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E7%99%BB%E5%BD%95%E6%9D%83%E9%99%90/1.htm">登录权限</a>
                                    <div>mysql中在其它机器连接mysql服务器时报错问题汇总 
 
一、[running]root@192.168.9.136:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 
Enter password:    //无字符串输入 
ERROR 1045 (28000): Access </div>
                                </li>
                                <li><a href="/article/2550.htm"
                                       title="Google Chrome 为何打压 H.264" target="_blank">Google Chrome 为何打压 H.264</a>
                                    <span class="text-muted">dsjt</span>
<a class="tag" taget="_blank" href="/search/apple/1.htm">apple</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a>
                                    <div>Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 
 
Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome</div>
                                </li>
                                <li><a href="/article/2677.htm"
                                       title="yii 获取控制器名 和方法名" target="_blank">yii 获取控制器名 和方法名</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a><a class="tag" taget="_blank" href="/search/framework/1.htm">framework</a>
                                    <div>1. 获取控制器名 
在控制器中获取控制器名:  $name = $this->getId(); 
在视图中获取控制器名:    $name = Yii::app()->controller->id;  
  
2. 获取动作名  
在控制器beforeAction()回调函数中获取动作名:  $name = </div>
                                </li>
                                <li><a href="/article/2804.htm"
                                       title="Android知识总结（二）" target="_blank">Android知识总结（二）</a>
                                    <span class="text-muted">come_for_dream</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>明天要考试了，速速总结如下 
  
1、Activity的启动模式 
       standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。） 
       singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac</div>
                                </li>
                                <li><a href="/article/2931.htm"
                                       title="高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元" target="_blank">高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元</a>
                                    <span class="text-muted">gcq511120594</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a>
                                    <div>高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 
首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕</div>
                                </li>
                                <li><a href="/article/3058.htm"
                                       title="linux expect" target="_blank">linux expect</a>
                                    <span class="text-muted">heipark</span>
<a class="tag" taget="_blank" href="/search/expect/1.htm">expect</a>
                                    <div>1. 创建、编辑文件go.sh 
  
#!/usr/bin/expect

spawn sudo su admin

expect  "*password*" { send "13456\r\n" }

interact  
   2. 设置权限 
   chmod u+x go.sh   3.</div>
                                </li>
                                <li><a href="/article/3185.htm"
                                       title="Spring4.1新特性——静态资源处理增强" target="_blank">Spring4.1新特性——静态资源处理增强</a>
                                    <span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a>
                                    <div>目录 
Spring4.1新特性——综述 
Spring4.1新特性——Spring核心部分及其他 
Spring4.1新特性——Spring缓存框架增强 
Spring4.1新特性——异步调用和事件机制的异常处理 
Spring4.1新特性——数据库集成测试脚本初始化 
Spring4.1新特性——Spring MVC增强 
Spring4.1新特性——页面自动化测试框架Spring MVC T</div>
                                </li>
                                <li><a href="/article/3312.htm"
                                       title="idea ubuntuxia 乱码" target="_blank">idea ubuntuxia 乱码</a>
                                    <span class="text-muted">liyonghui160com</span>

                                    <div>    
1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 
2.在ubuntu 下可以执行下面操作安装该字体： 
sudo mkdir /usr/share/fonts/truetype/simsun
sudo cp simsun.ttf  /usr/share/fonts/truetype/simsun
fc-cache -f -v 
</div>
                                </li>
                                <li><a href="/article/3439.htm"
                                       title="改良程序的11技巧" target="_blank">改良程序的11技巧</a>
                                    <span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/%E6%8A%80%E5%B7%A7/1.htm">技巧</a>
                                    <div>有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。 
  
让我们看一些基本的编程技巧： 
  
 
 尽量保持方法简短 
 永远永远不要把同一个变量用于多个不同的</div>
                                </li>
                                <li><a href="/article/3566.htm"
                                       title="300个涵盖IT各方面的免费资源（下）——工作与学习篇" target="_blank">300个涵盖IT各方面的免费资源（下）——工作与学习篇</a>
                                    <span class="text-muted">shoothao</span>
<a class="tag" taget="_blank" href="/search/%E5%88%9B%E4%B8%9A/1.htm">创业</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9%E8%B5%84%E6%BA%90/1.htm">免费资源</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%AF%BE%E7%A8%8B/1.htm">学习课程</a><a class="tag" taget="_blank" href="/search/%E8%BF%9C%E7%A8%8B%E5%B7%A5%E4%BD%9C/1.htm">远程工作</a>
                                    <div>工作与生产效率: 
  
 
 A. 背景声音 
 
 
  Noisli:背景噪音与颜色生成器。 
  Noizio:环境声均衡器。 
  Defonic:世界上任何的声响都可混合成美丽的旋律。 
  Designers.mx:设计者为设计者所准备的播放列表。 
  Coffitivity:这里的声音就像咖啡馆里放的一样。 
 
 
 B. 避免注意力分散 
 
 
  Self Co</div>
                                </li>
                                <li><a href="/article/3693.htm"
                                       title="深入浅出RPC" target="_blank">深入浅出RPC</a>
                                    <span class="text-muted">uule</span>
<a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a>
                                    <div>深入浅出RPC-浅出篇 
深入浅出RPC-深入篇 
  
RPC 
Remote Procedure Call Protocol 
远程过程调用协议 
  
它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发</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>