bootstrap笔记

响应式页面

实现不同屏幕上的不同展现方式，使网站在移动端和电脑端都有良好的浏览体验。
bootstrap提供了两个类: .container和.container-fluid。
.container 类用于固定宽度并支持响应式布局的容器：
固定宽度
container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器：
100%宽度
bootstrap下实现响应式:栅格系统

栅格系统通过一系列的行(row)和列(col)来创建页面布局，row必须包含在.container或.container-fluid中，只有col能作为row的直接子元素，我们需要展示的内容就放在col中。
一行可以包含1-12个列，当超过12列时，多出的列将另起一行。
col根据宽度可以分为四种：.col-xs-,.col-sm-,.col-md-,.col-lg-，表示该列所跨越的列数。
.col-lg-只对大PC屏幕有效
.col-md-对普通PC和大屏幕PC都有效
.col-sm-对平板、普通PC、大屏幕PC都有效
.col-xs-*对手机、平板、普通PC、大屏幕PC都有效
可以对一个列在不同屏幕下指定不同的宽度：
在移动端占12列，普通PC端占8列
移动端
PC端
可以指定列的偏移量，不同屏幕下也可以设置不同偏移量:
移动端占10列，向右偏移一列，PC端占6列，向右偏移3列，通过偏移可以很方便地设置居中
移动端
PC端
可以通过添加新的row和col到已存在的col中实现嵌套：
列嵌套
列排序。通过push和pull来对列进行排序：
col-md-4居左，col-md-8居右，如果想要互换位置，col-md-4需向右移动8个列，同时将col-md-8向左移动4个列。

移动前

给col-md-4加上col-md-push-8，col-md-8加上col-md-pull-4:

移动后

如果只移动col-md-4或者只col-md-8是不可以的，会造成其中一列挡住了另一列。
如：当只移动了col-md-4时：

就会出现col-md-4移动后，被col-md-8挡住了的效果。
通过上面的例子发现其实pull和push本质上也是对列的偏移，好像和offset一样，但两者还是有区别的：
1.offset只能实现向右偏移，而pull和push可以分别实现向左偏移和向右偏移。
2.offset偏移后，该列的位置会影响其他列的位置，如当一个列使用了col-md-offset-2，那么其他的列也会因为该列的偏移向右偏移两列，而如果使用了col-md-push-2后，对其他列的位置不会产生影响，所以上面的例子才会出现只移动一列，其中一列将另一列给挡住的情况。
3.实现方式不同：offset是通过设置margin-left实现的，而push和pull是通过相对定位实现偏移的。
其他全局css样式

1.代码：提供了一些标签用来展示不同的内容

如：标记代码片段,标记用户输入的内容，标记变量等。
 
 2.表格：为表格提供了一些类可以赋予其样式 
  
  .table:赋予表格基本的样式 
  .table-striped:给每一行添加斑马条纹样式 
  .table-hover:给行添加悬停样式 
  .table-condensed:单元格内边距减半，让表格更加紧凑 
  .table-borderd:每个单元格添加边框 
  .active、.success、.info、.warning、.danger：给单元格或者行设置颜色(状态) 
  .table-responsive：包裹.table元素，即可创建响应式表格，在屏幕宽度小于768px时，出现水平滚动条。 
  
 3.表单 
  
  .form-control:为<select>设置该类，这些元素将被默认设置宽度为100%。</li> 
  <li>.form-group: 将<input><textarea><select>与<label>元素包裹在.form-group中获得最好的排列。</li> 
  <li>.form-inline:为form元素添加该类，可以使其内容左对齐并且表现为inline-block级别的控件(只适用于屏幕宽度768px时)，并可以手动设置宽度，但每个输入控件都应该添加label标签，否则会无法被正确识别</li> 
 </ul> 
 <pre><code> <form class="form-inline">
            <div class="form-group">
                <label>用户名</label>
                <input type="text" class="form-control"></div>
            </div>

            <div class="form-group">
                <label>密码</label>
                <input type="password" class="form-control"></div>
            </div>
</form>
</code></pre> 
 <ul> 
  <li>.form-horizontal:为form元素添加此类，再结合栅格布局，可以将label标签和控件水平排列,无需再添加.row。</li> 
  <li>.form-control-static:为p元素添加form-control-static类，即可将label与纯文本放在同一行。</li> 
  <li>焦点状态、禁用状态、只读状态：当表单控件处于这三种状态时，都会显示bootstrap设置好的样式。</li> 
  <li>.has-error、.has-success、.has-warning：添加这些类到空间的父元素上，任何包含在此元素之内的 .control-label、.form-control 和 .help-block 元素都将接受这些校验状态的样式。</li> 
  <li>控件尺寸:通过.input-lg类似的类可以为控件设置高度，通过.col-lg-*类似的类可以为控件设置宽度。</li> 
  <li>水平排列的表单组的尺寸：通过.form-group-lg和.form-group-md类可以为.form-horizontal包裹的label和表单控件设置尺寸。</li> 
  <li>用列包裹控件，可以快速设置其宽度。</li> 
 </ul> 
 <h6>4.按钮</h6> 
 <ul> 
  <li>为a、button、input标签添加按钮类即可使用bootstrap提供的样式，必须同时添加按钮类(.btn)和预定义样式类(.btn-default、.btn-success、.btn-info、.btn-warning、.btn-danger、.btn-link)：</li> 
 </ul> 
 <pre><code><button class="btn btn-success"></button>
</code></pre> 
 <ul> 
  <li>尺寸：使用.btn-lg、.btn-md、.btn-sm、.btn-xs可以快速设置不同尺寸的按钮，使用.btn-block可以将按钮拉伸至父级元素宽度的100%。</li> 
 </ul> 
 <h6>5.图片</h6> 
 <ul> 
  <li>响应式布局：通过为图片添加.img-responsive类可以使图片实现响应式布局，本质是为图片设置了max-width： 100%；height:auto；display：block属性。</li> 
  <li>图片形状： 通过添加.img-rounded（圆角）、.img-circle（圆形）、.img-thumbnail（缩略图）可以为图片设置不同的形状。</li> 
 </ul> 
 <h6>6.辅助类</h6> 
 <ul> 
  <li>文本颜色: .text-muted、.text-primary、.text-success、.text-warning、.text-danger、.text-info</li> 
  <li>背景颜色: .bg-primary、.bg-info、.bg-success、.bg-danger、.bg-warning</li> 
  <li>关闭按钮：可以让模态框或警告框消失,data-dismiss="modal"表示让模态框消失，如果要让警告框消失，设置data-dismiss="alert"。</li> 
 </ul> 
 <pre><code> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</code></pre> 
 <ul> 
  <li>三角符号： 添加.caret类指示某个元素具有下拉菜单的功能</li> 
  <li>快速浮动： pull-left、pull-right</li> 
  <li>让内容块居中: .center-block为元素设置display：block并设置其左右边距为auto让其内容居中。</li> 
  <li>清除浮动：在需要清除浮动的父元素上添加.clear-fix即可。</li> 
  <li>显示与隐藏元素: .hidden、.show、.invisible(元素的display属性不改变，仍能够影响文档流)。</li> 
  <li>.src-only：screen reader only(仅供屏幕阅读器),只在屏幕阅读器中显示。</li> 
  <li>响应式工具: .visible-xs-<em>、.visible-sm-</em>、.visible-md-<em>、.visible-lg-</em>、.hidden-xs、.hidden-sm、.hidden-md、.hidden-lg、.visible-<em>-</em>（第一个<em>可以是xs/sm/md/lg，第二个</em>可以是inline/inline-block/block）</li> 
 </ul> 
 <h5>几个常用插件</h5> 
 <h6>1.模态框</h6> 
 <pre><code><!--模态框-->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <!--
                务必为.modal添加role="dialog"和aria-labelledby="..."属性，用于指向模态框的标题栏，例如这里的aria-labelledby="myModalLabel"，将
                模态框的标题栏指向了id为myModalLabel的元素。
            -->
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                  <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">
                  ...
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                  <button type="button" class="btn btn-primary">Save changes</button>
                </div>
              </div>
            </div>
          </div>
</code></pre> 
 <ul> 
  <li>data-toggle和data-target属性：指以什么事件触发，常用的有modal,popover,tooltips等，data-target指事件的目标，一起使用代表将data-target所指元素以data-toggle指定的形式展示。如：</li> 
 </ul> 
 <pre><code><button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>
</code></pre> 
 <p>就是按下按钮后将id为myModal的元素以模态框的形式显示出来。</p> 
 <ul> 
  <li>data-dismiss: 给一个元素data-dismiss属性，通过点击该元素就可以让目标消失。如：</li> 
 </ul> 
 <pre><code>   <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</code></pre> 
 <p>点击该按钮可以关闭外层模态框。</p> 
 <ul> 
  <li>尺寸：可以为.modal-dialog添加.modal-lg或.modal-sm来调整模态框大小。</li> 
  <li>.fade：给模态框添加淡入和淡出效果。</li> 
  <li>调用模态框的方法：<br> 1.通过data属性：</li> 
 </ul> 
 <pre><code><button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>
</code></pre> 
 <p>2.通过js调用：myModal为要展示的元素id,options是一个对象，用来传递模态框的属性。</p> 
 <pre><code>$('#myModal').modal(options)
</code></pre> 
 <ul> 
  <li>属性：可以将属性放入js参数中传递，也可以通过data属性传递。对于data属性，需要将属性名放在data-之后，如data-backdrop=""。有以下这些属性：<br> 1.backdrop:点击遮罩是否能关闭模态框，值可以为static(不关闭)，true或者false。<br> 2.keyboard:键盘上的esc键被按下时关闭模态框。<br> 3.show:模态框初始化后立即显示出来（不太理解，好像是第一次点击按钮时，模态框进行初始化，如果要显示模态框需要再次点击按钮）</li> 
  <li>方法：<br> 1.modal(options)：将页面中的某块内容作为模态框激活,options为可选参数。<br> 2.modal('toggle/show/hide'):手动切换模态框状态/打开/关闭模态框。<br> 3.modal('handleUpdate'):当模态框的高度调整后并且需要出现滚动条时，更新模态框的位置。</li> 
  <li>事件：<br> 1.show.bs.modal:show方法调用之后立即出发该事件。如果是通过点击某个作为触发器的元素（如按钮），则此元素可以通过事件的relatedTarget属性进行访问，在此方法中调用preventDefault()方法，可以停止其行为（弹出模态框）<br> 2.shown.bs.modal：模态框显示出来之后触发，如果是通过点击某个作为触发器的元素（如按钮），则此元素可以通过事件的relatedTarget属性进行访问。<br> 3.hide.bs.modal:hide方法调用之后触发。在此方法中调用preventDefault()方法，可以停止其行为（关闭模态框）<br> 4.hidden.bs.modal:模态框被隐藏之后触发。<br> 5.loaded.bs.modal:从远端数据源加载完数据之后触发。</li> 
 </ul> 
 <h6>2.下拉菜单</h6> 
 <pre><code><div class="dropdown">
  <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown trigger
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dLabel">
    ...
  </ul>
</div>
</code></pre> 
 <ul> 
  <li>调用下拉菜单的方法：与模态框一样，同样可以通过data-toggle="dropdown"属性或dropdown()方法调用。</li> 
  <li>方法：dropdown('toggle')</li> 
  <li>事件：触发方式与modal类似<br> 1.show.bs.dropdown<br> 2.shown.bs.dropdown<br> 3.hide.bs.dropdown<br> 4.hidden.bs.dropdown</li> 
 </ul> 
 <h6>3.collapse可折叠面板</h6> 
 <pre><code><a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Link with href
  </a>
  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Button with data-target
  </button>
  <div class="collapse" id="collapseExample">
    <div class="well">
     折叠内容
    </div>
  </div>
</code></pre> 
 <ul> 
  <li>通过a标签或者button按钮绑定data-toggle和data-target属性（a标签可以使用href属性）来控制面板的折叠与展开。</li> 
  <li>面板可以有三种类：<br> 1.collapse：展开状态<br> 2.collpasing：正处于状态切换中<br> 3.collapse.in： 折叠状态</li> 
  <li>展开面板的方式：同样是通过data-toggle和data-target属性来控制，或者使用collapse(options)方法,options为可选属性。</li> 
  <li>options属性：<br> 1.parent:如果提供了选择器，那么在显示此可折叠项时，指定选择器下的所有可折叠元素将关闭。类似手风琴效果，需搭配panel类使用。<br> 2.toggle:切换目标元素的折叠状态</li> 
  <li>方法：collapse('toggle/show/hide'):切换/展开/折叠元素。</li> 
  <li>事件：<br> 1.show.bs.collapse<br> 2.shown.bs.collapse<br> 3.hide.bs.collapse<br> 4.hidden.bs.collapse</li> 
  <li>手风琴效果的实现：</li> 
 </ul> 
 <pre><code>  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingOne">
        <h4 class="panel-title">
          <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
            Collapsible Group Item #1
          </a>
        </h4>
      </div>
      <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
        <div class="panel-body">
          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingTwo">
        <h4 class="panel-title">
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
            Collapsible Group Item #2
          </a>
        </h4>
      </div>
      <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
        <div class="panel-body">
          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
        </div>
      </div>
    </div>
  </div>
</code></pre> 
 <p>使用了data-parent属性将每一个折叠项包含进panel-group中。</p> 
</article>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1751766258056970240"></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">你可能感兴趣的:(bootstrap笔记)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1940017321296850944.htm"
                           title="小程序学习笔记：优化商铺列表页面的下拉刷新功能" target="_blank">小程序学习笔记：优化商铺列表页面的下拉刷新功能</a>
                        <span class="text-muted">you4580</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
                        <div>在前端开发中，下拉刷新功能能显著提升用户体验，让用户方便地获取最新数据。今天就来和大家分享在开发商铺列表页面时，如何实现并优化下拉刷新功能，同时美化相关窗口样式。本文以微信小程序开发为例进行讲解。开启下拉刷新功能在微信小程序里，开启下拉刷新很简单。找到商铺列表页面的.json配置文件，添加enablePullDownRefresh配置节点，把它的值从默认的false改成true，就能开启下拉刷新效</div>
                    </li>
                    <li><a href="/article/1940008112564006912.htm"
                           title="小程序学习笔记：导航、刷新、加载、生命周期" target="_blank">小程序学习笔记：导航、刷新、加载、生命周期</a>
                        <span class="text-muted"></span>

                        <div>在小程序开发的领域中，掌握视图与逻辑相关的技能是打造功能完备、用户体验良好应用的关键。今天，咱们就来深入梳理一下小程序视图与逻辑的学习要点，并结合代码示例，让大家有更直观的理解。一、页面之间的导航跳转在小程序里实现页面跳转主要有声明式导航和编程式导航这两种方式。声明式导航：借助navigator组件就能轻松实现。假设现在有两个页面，分别是index页面和detail页面，想要从index页面跳转到</div>
                    </li>
                    <li><a href="/article/1939994490987147264.htm"
                           title="C/C++连接mysql（api接口方法详解）" target="_blank">C/C++连接mysql（api接口方法详解）</a>
                        <span class="text-muted">陈七.</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E9%97%AE%E9%A2%98/1.htm">开发环境问题</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</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/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
                        <div>文章目录前言代码笔记CAPI基本接口概述附1：CAPI基本数据结构参考附2：CAPI基本函数参考前言本篇记录C/C++连接mysql利用mysql的api接口的方法：这个方法的代码基本上很久都没有变过了，这里做个笔记来简单学习一下，还有一种方法等有时间了解后再来更新使用API的方式连接，需要先做环境配置，加载mysql的头文件和lib文件。可以看我之前的一篇文章VS中C/C++访问MySQL数据库</div>
                    </li>
                    <li><a href="/article/1939991464138305536.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>自学Python笔记开篇突然喜欢上了Python，大体研究了一下，写了一个excel数据比对的小工具，边学边写，收获很多。这期间学习了xlrd、openpyxl、pandas处理excel文件的基本常识，有时间整理一下，对菜鸟入门或许有帮助。</div>
                    </li>
                    <li><a href="/article/1939964604985700352.htm"
                           title="从零到云：我在达内一年的Linux云计算培训之旅" target="_blank">从零到云：我在达内一年的Linux云计算培训之旅</a>
                        <span class="text-muted"></span>

                        <div>博客简介本篇博文中，我将从学员身份去分享过去一年里在达内教育培训有关Linux云计算的学习经历和收获，旨在为那些渴望踏入云计算领域的初学者提供一份指南参考，同时也尝试把笔记内容进行整理输出并分享给大家。无论你是刚接触IT的新手，还是希望通过报名培训机构转型的职场人，希望这份笔记能为你揭示关于培训机构里的Linux云计算基础知识和实践技巧。大纲概览培训笔记将按照机构课程顺序由简入深进行分享，总共分为</div>
                    </li>
                    <li><a href="/article/1939961455180836864.htm"
                           title="小程序学习笔记：判断分页数据边界，优化性能" target="_blank">小程序学习笔记：判断分页数据边界，优化性能</a>
                        <span class="text-muted">you4580</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
                        <div>在小程序开发过程中，数据分页展示是常见的功能需求。但如果处理不当，可能会出现无效的数据请求，影响程序性能。今天咱们就来深入探讨如何在小程序开发里精准判断是否还有下一页数据，并避免发起多余请求。一、问题引入假设有80条美食数据，每页展示10条，理论上8页就能展示完。但在实际操作时，你有没有想过，会不会出现请求第9页、第10页数据这种情况呢？答案是肯定的。就像在开发美食类小程序时，用户不断上拉加载新数</div>
                    </li>
                    <li><a href="/article/1939961328932286464.htm"
                           title="小程序学习笔记：实现分页加载商铺列表数据并渲染 UI" target="_blank">小程序学习笔记：实现分页加载商铺列表数据并渲染 UI</a>
                        <span class="text-muted">you4580</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
                        <div>在微信小程序开发中，实现分页加载指定分类下的商铺列表数据，并进行UI渲染是常见的功能需求。本文将详细介绍这一功能的实现过程，包括API接口调用、数据请求、数据处理以及UI渲染和样式美化，同时附上相应代码，帮助大家更好地理解和实践。一、API接口与数据请求（一）API接口地址我们要调用的API接口地址包含一个动态参数:cat_id，这个参数用于指定分类的ID。例如，如果要请求美食分类下的所有商铺列表</div>
                    </li>
                    <li><a href="/article/1939938985937793024.htm"
                           title="【学习】《算法图解》第十章学习笔记：贪婪算法" target="_blank">【学习】《算法图解》第十章学习笔记：贪婪算法</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
                        <div>一、贪婪算法概述贪婪算法（GreedyAlgorithm）是一种在每一步选择中都采取当前状态下最好或最优的选择，从而希望导致结果是最好或最优的算法。贪婪算法不从整体最优上加以考虑，它所做出的选择只是在某种意义上的局部最优选择。（一）算法适用场景贪婪算法适用于具有"贪心选择性质"的问题，即局部最优选择能导致全局最优解的问题。主要应用于：需要求解最优化问题问题具有贪心选择性质问题具有最优子结构性质（二</div>
                    </li>
                    <li><a href="/article/1939927173284556800.htm"
                           title="剑指offer第二版学习笔记（一）前言" target="_blank">剑指offer第二版学习笔记（一）前言</a>
                        <span class="text-muted">虚空来袭</span>
<a class="tag" taget="_blank" href="/search/%E5%89%91%E6%8C%87offer%E7%AC%AC%E4%BA%8C%E7%89%88/1.htm">剑指offer第二版</a><a class="tag" taget="_blank" href="/search/%E5%89%91%E6%8C%87Offer/1.htm">剑指Offer</a><a class="tag" taget="_blank" href="/search/%E7%AC%AC2%E7%89%88/1.htm">第2版</a>
                        <div>久闻剑指offer大名，如今我也到了要找工作的时候了，趁现在还有时间，多学一点是一点，在此开一个分集记录一下在学习剑指offer过程中的一些经验和想法。注：使用的书籍是剑指offer第二版。本期内容书籍内容书籍内容简介结语本期仅写了书籍内容介绍，作者还总结了书籍特色、对创作过程中家人、朋友等进行了感谢，我略去了这些部分。下期应该是接着看第一部分。</div>
                    </li>
                    <li><a href="/article/1939915072629436416.htm"
                           title="【Spring AI】 1接入 Ollama实践" target="_blank">【Spring AI】 1接入 Ollama实践</a>
                        <span class="text-muted">占星安啦</span>
<a class="tag" taget="_blank" href="/search/springai/1.htm">springai</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/springai/1.htm">springai</a><a class="tag" taget="_blank" href="/search/ollama/1.htm">ollama</a>
                        <div>SpringAI接入Ollama实践学习笔记Ollama官方文档SpringAI快速开始SpringAIOllama集成文档1.pom.xml依赖配置前置条件：请确保你已安装好Java17+、Maven、Ollama，并已下载好所需大模型。在pom.xml中添加SpringAI及Ollama相关依赖：org.springframework.bootspring-boot-starter-webor</div>
                    </li>
                    <li><a href="/article/1939900450270670848.htm"
                           title="YOLOv12_ultralytics-8.3.145_2025_5_27部分代码阅读笔记-metrics.py" target="_blank">YOLOv12_ultralytics-8.3.145_2025_5_27部分代码阅读笔记-metrics.py</a>
                        <span class="text-muted">红色的山茶花</span>
<a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a>
                        <div>metrics.pyultralytics\utils\metrics.py目录metrics.py1.所需的库和模块2.defbbox_ioa(box1:np.ndarray,box2:np.ndarray,iou:bool=False,eps:float=1e-7)->np.ndarray:3.defbox_iou(box1:torch.Tensor,box2:torch.Tensor,eps</div>
                    </li>
                    <li><a href="/article/1939900448802664448.htm"
                           title="YOLOv12_ultralytics-8.3.145部分代码阅读笔记-utils.py" target="_blank">YOLOv12_ultralytics-8.3.145部分代码阅读笔记-utils.py</a>
                        <span class="text-muted">红色的山茶花</span>
<a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a>
                        <div>utils.pyultralytics\nn\modules\utils.py目录utils.py1.所需的库和模块2.def_get_clones(module,n):3.definverse_sigmoid(x,eps=1e-5):4.defmulti_scale_deformable_attn_pytorch(value:torch.Tensor,value_spatial_shapes:t</div>
                    </li>
                    <li><a href="/article/1939900449545056256.htm"
                           title="YOLOv12_ultralytics-8.3.145_2025_5_27部分代码阅读笔记-loss.py" target="_blank">YOLOv12_ultralytics-8.3.145_2025_5_27部分代码阅读笔记-loss.py</a>
                        <span class="text-muted">红色的山茶花</span>
<a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a>
                        <div>loss.pyultralytics\utils\loss.py目录loss.py1.所需的库和模块2.classVarifocalLoss(nn.Module):3.classFocalLoss(nn.Module):4.classDFLoss(nn.Module):5.classBboxLoss(nn.Module):6.classv8DetectionLoss:7.classE2EDetec</div>
                    </li>
                    <li><a href="/article/1939900321685893120.htm"
                           title="YOLOv11-ultralytics-8.3.67部分代码阅读笔记-utils.py" target="_blank">YOLOv11-ultralytics-8.3.67部分代码阅读笔记-utils.py</a>
                        <span class="text-muted">红色的山茶花</span>
<a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a>
                        <div>utils.pyultralytics\nn\modules\utils.py目录utils.py1.所需的库和模块2.def_get_clones(module,n):3.defbias_init_with_prob(prior_prob=0.01):4.deflinear_init(module):5.definverse_sigmoid(x,eps=1e-5):6.defmulti_scal</div>
                    </li>
                    <li><a href="/article/1939900322461839360.htm"
                           title="YOLOv11-ultralytics-8.3.67部分代码阅读笔记-predict.py" target="_blank">YOLOv11-ultralytics-8.3.67部分代码阅读笔记-predict.py</a>
                        <span class="text-muted">红色的山茶花</span>
<a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a>
                        <div>predict.pyultralytics\models\yolo\detect\predict.py目录predict.py1.所需的库和模块2.classDetectionPredictor(BasePredictor):1.所需的库和模块#UltralyticsAGPL-3.0License-https://ultralytics.com/licensefromultralytics.eng</div>
                    </li>
                    <li><a href="/article/1939895783876784128.htm"
                           title="YOLOv12_ultralytics-8.3.145_2025_5_27部分代码阅读笔记-torch_utils.py" target="_blank">YOLOv12_ultralytics-8.3.145_2025_5_27部分代码阅读笔记-torch_utils.py</a>
                        <span class="text-muted">红色的山茶花</span>
<a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a>
                        <div>torch_utils.pyultralytics\utils\torch_utils.py目录torch_utils.py1.所需的库和模块2.defsmart_inference_mode():3.defautocast(enabled:bool,device:str="cuda"):4.deftime_sync():5.deffuse_conv_and_bn(conv,bn):6.deffu</div>
                    </li>
                    <li><a href="/article/1939825719471304704.htm"
                           title="OpenKyLin开源操作系统——银河麒麟" target="_blank">OpenKyLin开源操作系统——银河麒麟</a>
                        <span class="text-muted"></span>

                        <div>openKylin操作系统是由openKylin社区主导开发的一款根社区桌面操作系统，适用于X86、ARM、RISC-V等主流架构的台式电脑、笔记本电脑、平板和嵌⼊式设备。在内核、基础库、应用软件等方面均采用领先的版本，是麒麟商业版本的技术上游，与商业版本路线一致、协同发展。同时，openKylin社区版还将融合各类创新技术应用，汇聚行业力量，共同推动Linux行业创新发展！版本特性openKyl</div>
                    </li>
                    <li><a href="/article/1939819040088322048.htm"
                           title="YOLOv12_ultralytics-8.3.145_2025_5_27部分代码阅读笔记-autobackend.py" target="_blank">YOLOv12_ultralytics-8.3.145_2025_5_27部分代码阅读笔记-autobackend.py</a>
                        <span class="text-muted">红色的山茶花</span>
<a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a>
                        <div>autobackend.pyultralytics\nn\autobackend.py目录autobackend.py1.所需的库和模块2.defcheck_class_names(names:Union[List,Dict])->Dict[int,str]:3.defdefault_class_names(data:Optional[Union[str,Path]]=None)->Dict[in</div>
                    </li>
                    <li><a href="/article/1939795707800121344.htm"
                           title="阿里云服务器 配置frp实现Ubuntu台式机电脑内网穿透" target="_blank">阿里云服务器 配置frp实现Ubuntu台式机电脑内网穿透</a>
                        <span class="text-muted">涛歌依旧fly</span>
<a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/frp/1.htm">frp</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E7%BD%91%E7%A9%BF%E9%80%8F/1.htm">内网穿透</a><a class="tag" taget="_blank" href="/search/Ubuntu/1.htm">Ubuntu</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">云服务器</a>
                        <div>起因实验室一台Ubuntu20.04的台式机电脑，我想用我的Win10笔记本远程连接它，用它的高性能，在Ubuntu的环境下来跑代码，这样比较方便。编程环境即可具有便携、性能。两者兼得，而且我的笔记本看来很舒服，毕竟2.8k，90分辨率。需要使用内网穿透技术，我的Ubuntu处于内网，需要挂载到云服务器上，云服务器具有公网ip和域名。这样外网就可以访问我的内网ubuntu电脑。图来自：https:</div>
                    </li>
                    <li><a href="/article/1939755629484765184.htm"
                           title="研究生养成计划5月1日" target="_blank">研究生养成计划5月1日</a>
                        <span class="text-muted"></span>

                        <div>学习：《机器人操作系统》作者：刘相权，张万杰第一章，第二章笔记ROS虽然被称为操作系统，但是真正底层的任务调度，编译，寻址等任务还是由Linux操作系统完成——ROS是一个运行在Linux上的次级操作系统。双系统建议空间在100G以上，分区如下：如果有条件/:这个分区可以设置的大一些截图：shift+prtsc+Fn截取某个区域的图片内容/微信截图Alt+a命令行使用（1）调出终端程序，命令行上下</div>
                    </li>
                    <li><a href="/article/1939748319064551424.htm"
                           title="研究生第一次参加国际学术会议，啥也不懂怎么办？" target="_blank">研究生第一次参加国际学术会议，啥也不懂怎么办？</a>
                        <span class="text-muted">诗远Yolanda</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86/1.htm">图像处理</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
                        <div>第一次参加的同学也不需要太紧张，国际学术会议基本流程是三天，第一天签到，签到时间一般是从早到晚，所以不用担心自己去晚了会不会耽误赶不上。然后第二天早上8/9点开始，首先是主持人开场，有的就是会议大会主席充当主持人的角色，早上一般就是KeynoteSpeakers的报告，俗称大佬演讲，可以做做笔记啥的，中间会有一次茶歇，一般3-4个演讲之后就到中午那会了，就可以炫饭啦，一般是自助餐，可以吃饭期间认识</div>
                    </li>
                    <li><a href="/article/1939736977465208832.htm"
                           title="Python3爬虫笔记 -- urllib" target="_blank">Python3爬虫笔记 -- urllib</a>
                        <span class="text-muted">Alst0n</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/Python3/1.htm">Python3</a><a class="tag" taget="_blank" href="/search/urllib/1.htm">urllib</a><a class="tag" taget="_blank" href="/search/urllib.request/1.htm">urllib.request</a>
                        <div>urllib库是Python内置的HTTP请求库，不需要额外安装。它包含如下4个模块：request：HTTP请求模块error：异常处理模块parse：提供URL处理方法，包括拆分、解析、合并等robotparser：识别网站等robot.txt文件1、urllib.request发送请求连接URL，获取返回页面的源代码；默认请求方式为GETimporturllib.requestrespons</div>
                    </li>
                    <li><a href="/article/1939715588666486784.htm"
                           title="Golang基础笔记七之指针，值类型和引用类型" target="_blank">Golang基础笔记七之指针，值类型和引用类型</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AFgo%E6%8C%87%E9%92%88%E5%BC%95%E7%94%A8/1.htm">后端go指针引用</a>
                        <div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记七之指针，值类型和引用类型本篇笔记介绍Golang里的指针，值类型与引用类型相关的概念，以下是本篇笔记目录：指针值类型与引用类型内存逃逸减少内存逃逸的几种方案1、指针在计算机内存中，每个变量都存储在特定的内存地址上，而指针是一种特殊的变量，它存储的是一个变量的内存地址。我们可以通过指针访问变量的内存地址，也可以通过指针访问或修改这个变</div>
                    </li>
                    <li><a href="/article/1939701915474522112.htm"
                           title="frp内网穿透及sshuttle" target="_blank">frp内网穿透及sshuttle</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/linux/1.htm">linux</a>
                        <div>frpssh配合sshuttle可以真实模拟，直接访问内网vmwareip地址FRP内网穿透一、所需环境：服务端：1台有公网ip并且安装有docker的服务器、域名客户端：有1台或者多台安装docker的服务器如果有域名需要添加对应的解析有防火墙或者安全组需要开放对应端口，frps监听7000，frpsdashboard监听7500，client本次示例是6000，根据实际情况修改本篇笔记均使用u</div>
                    </li>
                    <li><a href="/article/1939697000761061376.htm"
                           title="Authorization Basic认证 笔记" target="_blank">Authorization Basic认证 笔记</a>
                        <span class="text-muted">从未、淡定</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>Basic认证Basic认证过程简单介绍浏览器请求一个需要认证的网页。服务器向浏览器返回“401Unauthorized（未认证）”状态码。浏览器收到此状态码后，询问用户名和密码。浏览器发送附带认证信息（Authorization头信息）的请求。本次请求得到了文档（用户名密码均正确的情况下）。方案1：header添加Authorization原理说明：stringcode=‘fozzie:fozz</div>
                    </li>
                    <li><a href="/article/1939613158930968576.htm"
                           title="Python商务数据分析——Matplotlib 数据可视化学习笔记" target="_blank">Python商务数据分析——Matplotlib 数据可视化学习笔记</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/numpy/1.htm">numpy</a><a class="tag" taget="_blank" href="/search/matplotlib/1.htm">matplotlib</a><a class="tag" taget="_blank" href="/search/pandas/1.htm">pandas</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a>
                        <div>一、Matplotlib基础认知1.1库功能与定位核心作用：将数据可视化展示，提升数据直观性与说服力应用场景：绘制折线图、饼图、柱状图等2D/3D图表双接口模式：MATLAB风格：通过pyplot函数快速绘图（自动管理图形对象）面向对象：显式创建Figure和Axes对象（适合复杂绘图）1.2核心对象架构容器类：图(Figure)、坐标系(Axes)、坐标轴(Axis)、刻度(Tick)基础类：线</div>
                    </li>
                    <li><a href="/article/1939611142695481344.htm"
                           title="PCIe学习笔记（26）" target="_blank">PCIe学习笔记（26）</a>
                        <span class="text-muted">IC纯小白</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
                        <div>ErrorForwarding（错误转发）错误转发(也称为数据中毒)，通过设置EP位表示。下面是一些使用错误转发的例子:•例#1:从主存读取遇到不可纠正的错误•例#2:PCI写到主存的奇偶校验错误•例#3:内部数据缓冲区或缓存上的数据完整性错误错误转发使用模型•错误转发仅用于读取完成数据，AtomicOp完成数据，AtomicOp请求数据或写数据，从不用于错误在“头”(请求阶段，地址/命令等)的情</div>
                    </li>
                    <li><a href="/article/1939607236192038912.htm"
                           title="SapphireRapids NVMe Aggregate Performance with灵活IO测试--学习笔记（二）" target="_blank">SapphireRapids NVMe Aggregate Performance with灵活IO测试--学习笔记（二）</a>
                        <span class="text-muted">向阳生活</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
                        <div>4.主机系统配置由于NVMe控制器使用队列和数据缓冲区，这些队列和数据缓冲区可以托管在主机系统内存空间的任何位置，因此假设主机系统具有足够的内存容量和内存带宽来同时处理多个NVMe访问，以避免受到内存带宽限制。主机系统是Sapphire-Rapid2S系统，每个插槽上配置了8个DDR564GB,1DPC,运行在每个插槽上的速度为4800MTS（例如，共1TB内存容量）。4.1根端口的硬盘数量Sap</div>
                    </li>
                    <li><a href="/article/1939602194416332800.htm"
                           title="Linux学习笔记：PCIe内核篇（1）：初始化与枚举流程" target="_blank">Linux学习笔记：PCIe内核篇（1）：初始化与枚举流程</a>
                        <span class="text-muted">ZH_2025</span>
<a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%8D%8F%E8%AE%AE%E7%AF%87/1.htm">嵌入式协议篇</a><a class="tag" taget="_blank" href="/search/PCIE/1.htm">PCIE</a>
                        <div>根据system.map查看内核中PCIe加载流程：root@zh-vm:~#cat/boot/System.map-5.15.0-130-generic|greppci|grepinitcallffffffff8350ff68d__initcall__kmod_pci__453_6907_pci_realloc_setup_params0ffffffff83510098d__initcall__</div>
                    </li>
                    <li><a href="/article/1939601690621702144.htm"
                           title="UBOOT学习笔记（六）：UBOOT启动--CPU架构及板级初始化阶段" target="_blank">UBOOT学习笔记（六）：UBOOT启动--CPU架构及板级初始化阶段</a>
                        <span class="text-muted">ZH_2025</span>
<a class="tag" taget="_blank" href="/search/uboot/1.htm">uboot</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/linux%E5%90%AF%E5%8A%A8%E7%AF%87/1.htm">linux启动篇</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/arm/1.htm">arm</a>
                        <div>3.1、_mainENTRY(_main)#ifdefined(CONFIG_TPL_BUILD)&&defined(CONFIG_TPL_NEEDS_SEPARATE_STACK)ldrr0,=(CONFIG_TPL_STACK)/*TPL（三级引导）使用独立栈*/#elifdefined(CONFIG_SPL_BUILD)&&defined(CONFIG_SPL_STACK)ldrr0,=(C</div>
                    </li>
                                <li><a href="/article/37.htm"
                                       title="ASM系列五 利用TreeApi 解析生成Class" target="_blank">ASM系列五 利用TreeApi 解析生成Class</a>
                                    <span class="text-muted">lijingyao8206</span>
<a class="tag" taget="_blank" href="/search/ASM/1.htm">ASM</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E8%8A%82%E7%A0%81%E5%8A%A8%E6%80%81%E7%94%9F%E6%88%90/1.htm">字节码动态生成</a><a class="tag" taget="_blank" href="/search/ClassNode/1.htm">ClassNode</a><a class="tag" taget="_blank" href="/search/TreeAPI/1.htm">TreeAPI</a>
                                    <div>   前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。 
         在介绍前，先要知道一点， Tree工程的接口基本可以完</div>
                                </li>
                                <li><a href="/article/164.htm"
                                       title="链表树——复合数据结构应用实例" target="_blank">链表树——复合数据结构应用实例</a>
                                    <span class="text-muted">bardo</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E6%A0%91%E5%9E%8B%E7%BB%93%E6%9E%84/1.htm">树型结构</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E7%BB%93%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">表结构设计</a><a class="tag" taget="_blank" href="/search/%E9%93%BE%E8%A1%A8/1.htm">链表</a><a class="tag" taget="_blank" href="/search/%E8%8F%9C%E5%8D%95%E6%8E%92%E5%BA%8F/1.htm">菜单排序</a>
                                    <div>我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 
需求简介： 
经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后</div>
                                </li>
                                <li><a href="/article/291.htm"
                                       title="为啥要用位运算代替取模呢" target="_blank">为啥要用位运算代替取模呢</a>
                                    <span class="text-muted">chenchao051</span>
<a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/%E5%93%88%E5%B8%8C/1.htm">哈希</a><a class="tag" taget="_blank" href="/search/%E6%B1%87%E7%BC%96/1.htm">汇编</a>
                                    <div>  
  在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧， 
  
  JDK6中的HashMap中的indexFor方法： 
    /**
     * Returns index for hash code h.
     */
    static int indexFor(int h, int length) {
</div>
                                </li>
                                <li><a href="/article/418.htm"
                                       title="最近的情况" target="_blank">最近的情况</a>
                                    <span class="text-muted">麦田的设计者</span>
<a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E6%84%9F%E6%82%9F/1.htm">感悟</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E5%88%92/1.htm">计划</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E8%80%83/1.htm">软考</a><a class="tag" taget="_blank" href="/search/%E6%83%B3/1.htm">想</a>
                                    <div>      今天是2015年4月27号 
     整理一下最近的思绪以及要完成的任务 
            1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为</div>
                                </li>
                                <li><a href="/article/545.htm"
                                       title="PHP去掉字符串中最后一个字符的方法" target="_blank">PHP去掉字符串中最后一个字符的方法</a>
                                    <span class="text-muted">IT独行者</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">字符串</a>
                                    <div>今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： 
$str = "1,2,3,4,5,6,";
$newstr = substr($str,0,strlen($str)-1);
echo $newstr; </div>
                                </li>
                                <li><a href="/article/672.htm"
                                       title="hadoop在linux上单机安装过程" target="_blank">hadoop在linux上单机安装过程</a>
                                    <span class="text-muted">_wy_</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a>
                                    <div>1、安装JDK 
    jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行： 
   export JAVA_HOME=/usr/java/jdk1.7.0_25  </div>
                                </li>
                                <li><a href="/article/799.htm"
                                       title="JAVA进阶----分布式事务的一种简单处理方法" target="_blank">JAVA进阶----分布式事务的一种简单处理方法</a>
                                    <span class="text-muted">无量</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%B3%BB%E7%BB%9F%E4%BA%A4%E4%BA%92/1.htm">多系统交互</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1/1.htm">事务</a>
                                    <div>每个方法都是原子操作： 
 
提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 
 
A系统调用B,C,D系统完成分布式事务 
 
 
=========执行开始======== 
A.aa(); 
 
try { 
 B.bb(); 
} catch(Exception e) { 
 A.rollbackAa(); 
} 
 
try { 
 C.cc(); 
} catch(Excep</div>
                                </li>
                                <li><a href="/article/926.htm"
                                       title="安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉" target="_blank">安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉</a>
                                    <span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E4%BA%92%E8%81%94%E7%BD%91/1.htm">互联网</a>
                                    <div>　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 
 
　　到底什么是移动DSP呢? 
 
　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广 </div>
                                </li>
                                <li><a href="/article/1053.htm"
                                       title="myelipse设置" target="_blank">myelipse设置</a>
                                    <span class="text-muted">alafqq</span>
<a class="tag" taget="_blank" href="/search/IP/1.htm">IP</a>
                                    <div>  在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 
 
 
 
注释模板导入步骤  
 
 
 
安装方法： 
打开eclipse/myeclipse 
选择 window-->Preferences-->JAVA-->Code-->Code </div>
                                </li>
                                <li><a href="/article/1180.htm"
                                       title="java数组" target="_blank">java数组</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/java%E6%95%B0%E7%BB%84/1.htm">java数组</a>
                                    <div>java数组的   声明  创建  初始化；   java支持C语言 
   
  
数组中的每个数都有唯一的一个下标 
  一维数组的定义   声明：  int[] a = new int[3];声明数组中有三个数int[3]    
int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数

</div>
                                </li>
                                <li><a href="/article/1307.htm"
                                       title="javascript读取表单数据" target="_blank">javascript读取表单数据</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
                                    <div>利用javascript读取表单数据，可以利用以下三种方法获取： 
1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 
2、通过表单名称属性：var b = document.getElementsByName("name"); 
3、直接通过表单名字获取：var c = form.content.</div>
                                </li>
                                <li><a href="/article/1434.htm"
                                       title="探索JUnit4扩展：使用Theory" target="_blank">探索JUnit4扩展：使用Theory</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/JUnit/1.htm">JUnit</a><a class="tag" taget="_blank" href="/search/Theory/1.htm">Theory</a>
                                    <div>理论机制（Theory） 
一.为什么要引用理论机制（Theory） 
        当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 
TDD 的优点： 
    &nb</div>
                                </li>
                                <li><a href="/article/1561.htm"
                                       title="[Spring Data Mongo一]Spring Mongo Template操作MongoDB" target="_blank">[Spring Data Mongo一]Spring Mongo Template操作MongoDB</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/template/1.htm">template</a>
                                    <div>什么是Spring Data Mongo 
Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 
1. 封装客户端跟MongoDB的链接管理 
2. 文档-对象映射，通过注解:@Document(collectio</div>
                                </li>
                                <li><a href="/article/1688.htm"
                                       title="【Kafka八】Zookeeper上关于Kafka的配置信息" target="_blank">【Kafka八】Zookeeper上关于Kafka的配置信息</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a>
                                    <div>问题： 
1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 
3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 
4. Producer跟Zookeeper究竟有没有关系？没有关系！！！ 
  
//consumers、config、brokers、cont</div>
                                </li>
                                <li><a href="/article/1815.htm"
                                       title="java OOM内存异常的四种类型及异常与解决方案" target="_blank">java OOM内存异常的四种类型及异常与解决方案</a>
                                    <span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/java+OOM+%E5%86%85%E5%AD%98%E5%BC%82%E5%B8%B8/1.htm">java OOM 内存异常</a>
                                    <div>      　OOM异常的四种类型： 
　　　 
　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。 
  
  　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx</div>
                                </li>
                                <li><a href="/article/1942.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>20120422更新： 
对链表中部分节点进行反转操作，这些节点相隔k个： 
0->1->2->3->4->5->6->7->8->9 
k=2 
8->1->6->3->4->5->2->7->0->9 
注意1 3 5 7 9 位置是不变的。 
解法： 
将链表拆成两部分： 
a.0-&</div>
                                </li>
                                <li><a href="/article/2069.htm"
                                       title="Netty源码学习-DelimiterBasedFrameDecoder" target="_blank">Netty源码学习-DelimiterBasedFrameDecoder</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/netty/1.htm">netty</a>
                                    <div> 看DelimiterBasedFrameDecoder的API，有举例： 
 接收到的ChannelBuffer如下： 
 
 +--------------+
 | ABC\nDEF\r\n |
 +--------------+ 
 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： 
 
 +-----+----</div>
                                </li>
                                <li><a href="/article/2196.htm"
                                       title="linux的一些命令 -查看cc攻击-网口ip统计等" target="_blank">linux的一些命令 -查看cc攻击-网口ip统计等</a>
                                    <span class="text-muted">hotsunshine</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
                                    <div>Linux判断CC攻击命令详解 
2011年12月23日 ⁄ 安全 ⁄ 暂无评论 
查看所有80端口的连接数 
 
 
netstat -nat|grep -i '80'|wc -l
对连接的IP按连接数量进行排序

netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n
查看TCP连接状态

n</div>
                                </li>
                                <li><a href="/article/2323.htm"
                                       title="Spring获取SessionFactory" target="_blank">Spring获取SessionFactory</a>
                                    <span class="text-muted">ctrain</span>
<a class="tag" taget="_blank" href="/search/sessionFactory/1.htm">sessionFactory</a>
                                    <div>
String sql = "select sysdate from dual";
		
WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); 
String[] names = wac.getBeanDefinitionNames();
for(int i=0; i&</div>
                                </li>
                                <li><a href="/article/2450.htm"
                                       title="Hive几种导出数据方式" target="_blank">Hive几种导出数据方式</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%87%BA/1.htm">数据导出</a>
                                    <div>Hive几种导出数据方式 
     
1.拷贝文件 
  
如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 
hadoop fs –cp source_path target_path 
  
2.导出到本地文件系统 
  
--不能使用insert into local directory来导出数据，会报错 
--只能使用</div>
                                </li>
                                <li><a href="/article/2577.htm"
                                       title="编程之美" target="_blank">编程之美</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a>
                                    <div>我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解 
  
header("Content-type: text/plain");
function static_function () {
    static $i = 0;
    if ($i++ < 1</div>
                                </li>
                                <li><a href="/article/2704.htm"
                                       title="Android保存用户名和密码" target="_blank">Android保存用户名和密码</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>转自：http://www.2cto.com/kf/201401/272336.html 
我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 
1、通过普通 的txt文本存储 
2、通过properties属性文件进行存</div>
                                </li>
                                <li><a href="/article/2831.htm"
                                       title="Oracle 复习笔记之同义词" target="_blank">Oracle 复习笔记之同义词</a>
                                    <span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/Oracle+%E5%90%8C%E4%B9%89%E8%AF%8D/1.htm">Oracle 同义词</a><a class="tag" taget="_blank" href="/search/Oracle+synonym/1.htm">Oracle synonym</a>
                                    <div>转载请出自出处：http://eksliang.iteye.com/blog/2098861 
1.什么是同义词 
      同义词是现有模式对象的一个别名。 
      概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过</div>
                                </li>
                                <li><a href="/article/2958.htm"
                                       title="Ajax案例" target="_blank">Ajax案例</a>
                                    <span class="text-muted">gongmeitao</span>
<a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a>
                                    <div>数据库采用Sql Server2005 
项目名称为:Ajax_Demo 
1.com.demo.conn包 
package com.demo.conn; 
import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; 
//获取数据库连接的类public class DBConnec</div>
                                </li>
                                <li><a href="/article/3085.htm"
                                       title="ASP.NET中Request.RawUrl、Request.Url的区别" target="_blank">ASP.NET中Request.RawUrl、Request.Url的区别</a>
                                    <span class="text-muted">hvt</span>
<a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a>
                                    <div>  
如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&</div>
                                </li>
                                <li><a href="/article/3212.htm"
                                       title="SVG 教程 （七）SVG 实例，SVG 参考手册" target="_blank">SVG 教程 （七）SVG 实例，SVG 参考手册</a>
                                    <span class="text-muted">天梯梦</span>
<a class="tag" taget="_blank" href="/search/svg/1.htm">svg</a>
                                    <div>SVG 实例   在线实例 
下面的例子是把SVG代码直接嵌入到HTML代码中。 
谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 
注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。    SVG 实例 
SVG基本形状 
一个圆 
矩形 
不透明矩形 
一个矩形不透明2 
一个带圆角矩</div>
                                </li>
                                <li><a href="/article/3339.htm"
                                       title="事务管理" target="_blank">事务管理</a>
                                    <span class="text-muted">luyulong</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1/1.htm">事务</a>
                                    <div>事物管理 
 
spring事物的好处 
 
为不同的事物API提供了一致的编程模型 
支持声明式事务管理 
提供比大多数事务API更简单更易于使用的编程式事务管理API 
整合spring的各种数据访问抽象 
 
TransactionDefinition 
定义了事务策略 
 
int getIsolationLevel()得到当前事务的隔离级别 
 
READ_COMMITTED </div>
                                </li>
                                <li><a href="/article/3466.htm"
                                       title="基础数据结构和算法十一：Red-black binary search tree" target="_blank">基础数据结构和算法十一：Red-black binary search tree</a>
                                    <span class="text-muted">sunwinner</span>
<a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/Red-black/1.htm">Red-black</a>
                                    <div>  
The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known</div>
                                </li>
                                <li><a href="/article/3593.htm"
                                       title="centos同步时间" target="_blank">centos同步时间</a>
                                    <span class="text-muted">stunizhengjia</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E7%BE%A4%E5%90%8C%E6%AD%A5%E6%97%B6%E9%97%B4/1.htm">集群同步时间</a>
                                    <div>做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o</div>
                                </li>
                                <li><a href="/article/3720.htm"
                                       title="ITeye 9月技术图书有奖试读获奖名单公布" target="_blank">ITeye 9月技术图书有奖试读获奖名单公布</a>
                                    <span class="text-muted">ITeye管理员</span>
<a class="tag" taget="_blank" href="/search/ITeye/1.htm">ITeye</a>
                                    <div>ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：  
  
  
《NFC：Arduino、Andro</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>