1.3.2.1语法



    
        
            网易通行证登陆

1 <>闭合：

与之对应，自闭合的，如
2 标签可以带一个或多个属性
3 嵌套，闭合时应注意嵌套顺序，先闭合后闭合
4 注释注释内容用户不可见

书写规范

1 书写用小写
2 属性值用双引号
3 标签有嵌套应进行统一的缩进，代码清晰维护方便

常用属性

id只能出现一个

class可以多个出现

style
title额外信息

1.3.2.2章节标签

文档章节

body
header 章节或页面的头部
nav 导航性质
aside 和主要内容不相关的内容
article 可嵌套，主要内容
section 文档中的区域或一节，相邻相关
footer 章节或页面的尾部
hx

标题(h1-h6)

重要性的差别，重要性递减

1.3.2.3文本标签

文本

超链接

-a

创建指向另一个文档的连接

 科技
电影 
财经

还有一种情况：target="inner"
默认情况下，在当前窗口打开

创建一个文档内部的锚点

下单支付
下单支付…

连接到email地址

联系我们
13612345678
联系我们（抄送)

邮箱地址可为多个

强调

-em,strong
strong是比em更强的强调，em是斜体，strong是粗体。


    39元
    市场价45元

行内容器

-span
不一样的样式，给标签一特定的样式

换行

-br


     一行文字 
我想另起一行

引用

-cite
-q


   鲁迅在故乡中写道地上本没有路，走的人多了，便有了路

代码

-code



   function say(){alert("hello world");}

格式化

-b 粗体
-i 斜体


HTML是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

其中标记为关键字加粗


该项目采用html,css等实现。

html css 标记为斜体

1.3.2.4组标签

分区

div
div本身无语意，用来分区。div为其他标签的容器

段落

p
p标签表段落

列表

ul ,ol,dl
分为三种，无序列表，有序列表，自定义列表。

无序列表


      列表一
      列表二
      列表三

有序列表


    排行一
    排行二
    排行三

有序列表可以实现a,b,c, 排序

表示从b开始。

自定义列表


    作者
    Cbuck Musiano
    Bll Kennedy
    出版年
    2007-4

如问题回答列表，元素，书的信息。dt只能有一个，dd可以有多个。呈现如下：
作者
Cbuck Musiano
Bll Kennedy
出版年
2007-4
列表可以嵌套

其它标签

pre
经过格式化的内容保存在pre标签下，可保存换行符和空格
blockquote
表示大段的引用

1.3.2.5 资源标签

img
iframe
object
embed
video
audio

img

如音乐专辑封面


    
        ![封面](http://p4.music.126.afdf.jpg?parm=200y200)

src后为图片地址，若不能显示则为alt后的封面图片

iframe

嵌入页面，如网站广告


    <param name="movie" value="http://pdfReader.swf">
    <param name="flashvars" value="http://book.pdf">
</object>
</code></pre> 
 <p>type属性中写插件的类型，上例为flash插件<br> 插件的参数放在param参数中,地址可以放在move参数中，也可放在data属性中但ie8并不兼容data属性，如下</p> 
 <pre><code><object data="http://pdfReader.swf" type="application/x-shockwave-flash">
    <param name="flashvars" value="http://book.pdf">
</object>
</code></pre> 
 <p>用embed嵌入,type属性写插件的类型，src属性写地址</p> 
 <pre><code><embed type="application/x-shockwave-flash" scr="http://pdfReader.swf"  with="640" height="480"
</code></pre> 
 <h2>video</h2> 
 <p>视频</p> 
 <pre><code><video controls="controls" poster="/img/poster.jpg">
    <source src="movie.mp4" type="video/mp4">
    <source src="move.webm" type="video/webm>
    <source src="move.ogg" type="video/ogg">
    <track kind="subtitles" src="video.srt" label="English">
    您的浏览不支持video标签。
</video>
</code></pre> 
 <ul> 
  <li>因为不同浏览器对视频的格式支持度不同所以需要准备多个视频格式</li> 
  <li>在source标签中在src属性下写上视频的地址，type写视频的类型，浏览器会选择他支持的视频类型进行播放</li> 
  <li>如果视频文件只有一个，可以把视频文件放在video标签的src属性下，因为video标签只有高版本的浏览器才支持，为了提高用户体验，可以在下面写上提示文字，这样不支持video标签的用户就会显示这里的文字</li> 
  <li>用controls属性可以控制播放器控制条的显示，poster属性视频的封面，track属性是视频的字幕。</li> 
  <li>如果需要视频一进来就是播放的需要加autoplay属性，需要循环播放需要加loop属性，如下：</li> 
 </ul> 
 <pre><code><video autoplay loop controls poster="/img/poster.jpg">
</code></pre> 
 <h2>audio</h2> 
 <p>audio标签与video标签类似，这里不详细介绍</p> 
 <h2>嵌入资源</h2> 
 <h3>图</h3> 
 <p>-canvas<br> -svg</p> 
 <ul> 
  <li>canvas基于像素，他提供了一些绘制函数，通过脚本来绘制图形图像，对于性能比较高的场景复杂的，如实时数据的展示，游戏可以使用它</li> 
  <li>sag是矢量的他提供了一系列图形，对于高保真的静态的图形图像可以使用它。</li> 
 </ul> 
 <h3>热点区域</h3> 
 <p>-map<br> -area</p> 
 <pre><code>![封面](http://p4.music.126.afdf.jpg?parm=200y200)
<map name="Map2" data-ganame="422预热主页－头牌大咖区" data-gapoint="点击大咖区－运动style">
    <area shape="rect" coords="669,75,1075,682" href="xiupin.com/…" target="_blank">
    <area shape="rect" coords="26,93,391,337" href="xiupin.com/…" target="_blank">
    …
</Map>
</code></pre> 
 <ul> 
  <li>可以通过map的name属性和img的use map属性使得map和img相关联</li> 
  <li>里面的热点通过area这个标签实现，通过shape属性定义形状，通过coords定义关键的点位置，如上例为矩形，那么可定义左上角和右下角。</li> 
 </ul> 
 <h1>1.3.2.6表格标签</h1> 
 <pre><code><table>
    <caption>照片冲印价格详情</caption>
    <thead>
        <tr><th>照片尺寸</th><th>富士</th><th>柯达</th></tr>
    </thead>
    <tbody>
        <tr><th>6寸</th><td>0.45</td><td>0.6</td></tr>
        …
    </tbody>
    <tfoot>
        <tr><td colspan="3">运费8元／单，满99元免运费</td></tr>
    </tfoot>
</table>
</code></pre> 
 <ul> 
  <li>表格的标题放在caption标签下，表格的头部放在thaead标签下，表格的尾部放在tfoot标签下。</li> 
  <li>表格的每一行用tr标签表示，单元格有<strong>两种</strong>表示方式th和td,其中th为表头或者第一列的表示，td为普通单元格表示方法。</li> 
  <li>表格的列可以跨，用colspan，上例中“colspan=3“表示跨了3列</li> 
  <li>同样可以跨行，用rowspan表示</li> 
 </ul> 
 <p>大体效果如下，作后一行合并单元格，不知用markdown怎么写？</p> 
 <table> 
  <thead> 
   <tr> 
    <th style="text-align:center">相片尺寸</th> 
    <th style="text-align:center">富士</th> 
    <th style="text-align:center">柯达</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td style="text-align:center">6寸</td> 
    <td style="text-align:center">0.45</td> 
    <td style="text-align:center">0.6</td> 
   </tr> 
   <tr> 
    <td style="text-align:center">全景六寸</td> 
    <td style="text-align:center">0.45</td> 
    <td style="text-align:center">0.6</td> 
   </tr> 
   <tr> 
    <td style="text-align:center">7寸</td> 
    <td style="text-align:center">0.89</td> 
    <td style="text-align:center">1</td> 
   </tr> 
   <tr> 
    <td style="text-align:center">8寸</td> 
    <td style="text-align:center">1.69</td> 
    <td style="text-align:center">2</td> 
   </tr> 
   <tr> 
    <td style="text-align:center">10寸</td> 
    <td style="text-align:center">3.89</td> 
    <td style="text-align:center">5</td> 
   </tr> 
   <tr> 
    <td style="text-align:center">运费8元／单，满99元免运费</td> 
   </tr> 
  </tbody> 
 </table> 
 <h1>1.3.2.7表单标签</h1> 
 <h1>表单</h1> 
 <pre><code><form action="/login" method="post">
    <fieldset>
        <legend>照片选择</legend>
        <label for="file">选择照片</label>
        …
    </fieldset>
    <fieldset>
        <legend>综合设置</legend>
        <div>选择尺寸：</div>
        …
    </fieldset>
    …
</form>
</code></pre> 
 <ul> 
  <li>action属性为表单的后台地址，需要把表单的数据提交到哪一个后台的接口就写道action里</li> 
  <li>method属性为表单提交的方式，常用的为post方式</li> 
  <li>若表单的内容很多要对表单进行分区，常用的为fieldset标签，分区的标题用legend标签表示</li> 
 </ul> 
 <pre><code><form action="/login" method="post">
    …
    <input type="file" name="file">
    …
    <input type="checkbox" name="size" value="5"><label for="cb_0">5寸</label>
    …
    <input type="radio" name="material" value="fushi"><label for="rd_0">富士</label>
    … 
    <input type="text" name="description">
    …
</form>
</code></pre> 
 <ul> 
  <li>input标签有以下属性，name名称，值用value属性表示</li> 
  <li>input标签有不同的类型，如<strong>文件上传</strong>type="file",<strong>尺寸选择</strong>多选框type="checkbox", 单选框type="radio",<strong>单行文本框</strong>type="text"</li> 
  <li>同一类型的多选框name值相同。</li> 
  <li>默认选中需要加checked属性，若如让用户操作需要用disable属性。如下所示</li> 
 </ul> 
 <pre><code><div>
    <input type="checkbox" name="size" value="5" checked><label for="cb_0">5寸</label>
</div>
</code></pre> 
 <ul> 
  <li> <strong>按钮</strong>也可用input标签表示，在type属性中<strong>提交</strong>用submit表示，<strong>重置</strong>用reset表示,如下</li> 
 </ul> 
 <pre><code><div>
    <input type="submit">
    <input type="reset">
</div>
</code></pre> 
 <p>为了更好的语意化用button标签表示，如下</p> 
 <pre><code><div>
    <button type="submit">提交</button>
    <button type="reset">重置</button>
</div>
</code></pre> 
 <p><strong>下拉选择框</strong></p> 
 <pre><code><div>
    <label for="delivery">配送方式:</label>
    <select id="delivery">
        <option value="0">快递</option>
        <option value="1">EMS</option>
        <option value="2" selected>平邮</option>
    </select>
</div>
</code></pre> 
 <ul> 
  <li>下拉选框用标签表select标签表示，里面的每一项用option标签表示</li> 
  <li> <strong>label标签</strong>表示了每一个select或input提示的信息，通过for属性与标签中的id属性对应，这两个值要一致，表示此label的内容表示了如下标签。</li> 
  <li> <strong>默认选择项</strong>为第一项，若要将其它项设为默认项需加selected属性，如上例中将“平邮”设为默认值。</li> 
  <li>可将下拉选项<strong>分组</strong>,用optgroup标签进行分组，将“快递”与“EMS”分到group1组里，如下所示</li> 
 </ul> 
 <pre><code><div>
    <label for="delivery">配送方式:</label>
    <select id="delivery">
    <optgroup label="group1">
        <option value="0">快递</option>
        <option value="1">EMS</option>
    </optgroup>
        <option value="2" selected>平邮</option>
    </select>
</div>
</code></pre> 
 <p><strong>单行文本框</strong></p> 
 <pre><code><div>
    <label for="description">商品描述：</label>
    <input class="text" id="description" placeholder="请填写描述" value="good" readonly>
</div>
</code></pre> 
 <ul> 
  <li>单行文本框可添加placeholder属性，为提示内容，在高级的浏览器中可有体现</li> 
  <li>若有默认值可写在value属性中</li> 
  <li>若文本框不能输入内容只是让用户观看，可添加readonly属性,之后用户不可修改</li> 
  <li>若想要变为隐藏的，可添加<strong>hidden</strong>属性，之后用户看不到内容，但数据也可传到后台</li> 
 </ul> 
 <p><strong>多行文本框</strong></p> 
 <pre><code><div>
    <label for="feedback">意见反馈：</label>
    <textarea name="feedback" rows="4" id="feedback"></textarea>
</div>
</code></pre> 
 <p>多行文本框用textarea标签表示</p> 
 <p><strong>input type</strong><br> -email<br> -url<br> -number<br> -tel<br> -search<br> -range<br> -color<br> -date picker</p> 
 <h1>1.3.2.8语义化</h1> 
 <h2>什么是语义化？</h2> 
 <p>在一个网页上，每个标签的用途，用正确的标签来表示正确的页面<br> 图片用img标签，段落用p标签，节目列表用户列表用ul标签表示，歌曲列表用table标签表示，评论功能用form标签表示。</p> 
 <h2>语义化的作用</h2> 
 <ul> 
  <li>有利于SEO（search engine optimization）<br> 搜索引擎EO化，页面是给搜索引擎看的，搜索引擎可根据语义化的标签来去定标签的权重，这样页面和用户的关键字可以更加匹配。搜索引擎可以对语义化的标签给更高的权重，这样可以使页面更早的出现在用户的搜索结果中。</li> 
  <li>提高可访问性<br> 页面可能是给盲人看的，他们通过屏幕阅读器来访问页面，屏幕阅读器对不同的标签可以发出不同的声音，使用更语义化的标签可以传达不同信息的重要性，使他们跟好的理解页面的内容。</li> 
  <li>提高代码的可读性<br> 页面也是给开发人员看的，语义化可以提高代码可读性，更好的用于修改维护，提高多人的开发效率</li> 
 </ul> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 700px; max-height: 393px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/adc8b70c293c4d47b3b15843455a06ad.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/adc8b70c293c4d47b3b15843455a06ad.jpg" width="650" height="365" alt="1.3.2标签_第1张图片" style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    屏幕快照 2016-02-29 下午5.26.03.png 
  </div> 
 </div> 
 <h2>页面头部代码</h2> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 700px; max-height: 81px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/6704cd8d9f10479da4cfca20ad9b6c4e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/6704cd8d9f10479da4cfca20ad9b6c4e.jpg" width="650" height="45"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    屏幕快照 2016-02-29 下午5.55.42.png 
  </div> 
 </div> 
 <pre><code><div class="native">
    <div class="wrap">
        <hl><a href="#">网易云音乐</a></h1>
        <u1 class="nav">
            <li class="z-act"><a href="#">发现音乐<i></i></a></li>
            <li><a href="#">我的音乐<i></i><a/></li>
            <li><a href="#">朋友<i></i></a></li>
            <li><a href="#">客户端下载<i></i></a></li>
        </ul>
        <div class="user"><a id="login" href="#">登陆</a></div>
    </div>
</div>
<div class="m-subnav">
    <ul>
        <li><a href="#">推荐</a></li>
        <li><a href="#">歌单</a></li>
        <li><a href="#">大牌DJ</a></li>
        <li><a href="#">歌手</a></li>
        <li><a href="#">新碟上架</a></li>
    </ul>
</div>
</code></pre> 
 <p>页面标题用h1标签来表示，导航用ul标签来表示，同样下面次要导航也用ul标签来表示，导航里的每一项因为使连接，所以用a标签来表示</p> 
 <h2>歌单详情</h2> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 578px; max-height: 258px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/1667ed3291da44e4ac5e03a891dadd72.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/1667ed3291da44e4ac5e03a891dadd72.jpg" width="578" height="258" alt="1.3.2标签_第2张图片" style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    屏幕快照 2016-02-29 下午6.02.22.png 
  </div> 
 </div> 
 <pre><code><!--详情-->
<div class="m-info">
    <div class="img">![封面](http://p4.music.126.afdf.jpg?parm=200y200)</div>
    <div class="wrap">
        <div class="content">
            <h2><span class="u-tag"><span><cm>巴西</cm></h2>
            <div class="info">
                <div class="author">
                    <a href="#" class="u-img u-img-3">![](http://p3.music.126.net/-_2…)</a>
                    <span class="time">2013-06-08 创建</span>
                    <span class="times">播放：<em>204</em>次</span>
                </div>
                <div class="btns">
                …
                </div>
                <div class="intr">
                    <h3>有待咖啡馆<i>Vol.18</i></h3>
                    <p>介绍：影片“Brazil”从小说《1984》当中获得灵感，使用…</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--／详情-->
</code></pre> 
 <p>图片用img标签表示，标题用h2标签表示，用户头像用img标签表示，灰色文字无具体语义灰色样式用span标签表示，播放次数的强调用em标签表示,下面的标题用h3标签表示，描述内容用p标签表示。</p> 
 <h2>列表</h2> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 222px; max-height: 327px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/5636eb41c5db4f8d83b8932bd6c133f0.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/5636eb41c5db4f8d83b8932bd6c133f0.jpg" width="222" height="327" alt="1.3.2标签_第3张图片" style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    屏幕快照 2016-02-29 下午6.04.51.png 
  </div> 
 </div> 
 <pre><code><div class="g-sd">
    <!--节目列表-->
    <div class="u-title2"><h2>相关节目</h2><a class="more">更多></a></div>
    <ul class="list">
        <li>
            <a href="#" class="u-img">
                ![](http://p3.music.jpga)
            </a>
            <div class="wrap">
                <div class="content">
                    <h3><a href="#">萧瑟冬季跟着歌曲去旅行</a></h3>
                </div>
            </div>
        </li>
            …
       </ul>
    </div>
    <!--/节目列表-->
    <!--/用户列表-->
    <div class="m-userlist">
        <div class="u-title2"><h2>他们也收藏了这个DJ节目</h2></div>
        <div class="list">
            <ul id="ulFavouratelist">
                <li>
                    <a href="#" class="u-img u-img-2">
                        ![joe](http://p4.music.jpg)
                    </a>
                </li>
                …
            </ul>
        </div>
    </div>
    <!--／用户列表>
</div>
</code></pre> 
 <p>标题用h2标签表示，列表用ul标签表示，节目的封面用img标签表示，节目的标题用h3标签表示，间接用p标签表示，节目标题用h2标签表示，节目列表用ul标签表示，里面每个用户头像用img标签表示</p> 
 <h2>歌曲列表</h2> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 577px; max-height: 202px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/23107d71d7b340ecb747549ff61d0f34.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/23107d71d7b340ecb747549ff61d0f34.jpg" width="577" height="202" alt="1.3.2标签_第4张图片" style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    屏幕快照 2016-02-29 下午6.05.15.png 
  </div> 
 </div> 
 <pre><code><!--/歌曲列表-->
<div class="m-songlist">
    <div class="u-title"><h2>包含歌曲列表</h2><span class="info">6首歌</span></div>
    <table>
        <colgroup><col class="coll"/><col class="col2"/><col class="col3"/><col class="col4"/><col/></colgroup>
        <thead>
            <tr><th></th><th>歌曲标题</th><th>时长</th><th>歌手</th><th>专辑</th></tr>
        </thead>
        </tbody>
            <tr class="odd">
                <th><span class="order">1</span><span class="u-icon u-icon-play"></span></th>
                <td><h3 class="text"><a href="#">北京之雪</a></h3></td>
                <td>04:19</td>
                <td><div class="text"><a href="#">田震</a></div></td>
                <td><div class="text"><a href="#">电量2005</a></h3></td>
            </tr>
            …
        </tbody>
    </tbale>
</div>
<!--/歌曲列表-->
</code></pre> 
 <p>歌曲列表标题用h2标签表示，表格数据用table标签表示，表格的头部放在thead标签中，表格的主要能容放在tbody标签中，里面的每一行用tr标签表示</p> 
 <h2>评论部分</h2> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 581px; max-height: 201px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/1c91ba3a34004e65a7db5f24b27aa113.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/1c91ba3a34004e65a7db5f24b27aa113.jpg" width="581" height="201" alt="1.3.2标签_第5张图片" style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    屏幕快照 2016-02-29 下午6.05.35.png 
  </div> 
 </div> 
 <pre><code><!--评论-->
<div class="m-comment">
    <div class ="u-title"><h2>评论</h2><span class="info">共<span id="spanCommentCount"></span>条评论</span></div>   
    <div class="form">
         <a href="#" class="u-img>![](http://p3.music.126.com.816056.jpg)</a>
         <div class="wrap">
            <form class="content">
                <div class="u-input"><textarea id="textComment" class="z-placeholder">评论</textarea></div>
                <div class="bar">
                    <span class="remain"><span id="txtRemain">140</span>/140</span>
                    <botton type="button" id="btnComment" class="u-btn2 u-btn-sm">评论</button>
                </div>
            </form>
        </div>
    </div>
    <ul class="list" id="ulCommentlist">
        <li>
            <a href="#" class="u-img"><ing src="http://p3.music.126.4286083.jpg" alt=""></a>
            <div class="wrap">
                <div class="content">
                    <p><a href="#">菜单</a>很适合睡觉的时候试试看哈很适合很适合睡觉的时候试试看哈</p>
                    <span class="time">2012-05-29</span>
                </div>
            </div>
        </li>
        …
    </ul>
</div>
<!--/评论-->
</code></pre> 
 <p>标题用h2来表示，评论的功能用form标签表示，里面的评论框用textarea标签表示评论按钮用button标签表示，下面的评论列表用ul标签表示，里面的每一项用li标签表示，每一项里的图片用img标签表示，因为头像可以点击所以嵌在a标签里面，评论的内容用p标签表示，评论时间没有具体语义用span标签表示</p> 
 <h2>页面尾部</h2> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 700px; max-height: 76px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/967ec0c3a3b74f13b6bce08b07c814c5.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/967ec0c3a3b74f13b6bce08b07c814c5.jpg" width="650" height="49"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    屏幕快照 2016-03-01 下午8.04.02.png 
  </div> 
 </div> 
 <pre><code><div class="m-foot">
    <div class="wrap">
        <a href="#" class="join">
            <h3>独立音乐人招募计划</h3>
            <p>加入我们 即将与超过亿万乐迷互动</p>
        </a>
        <div class="links">
            <a href="#">关于网易</a>-<a href="#">客户服务</a>-<a href="#">服务条款</a>-<a href="#">网站导航</a>
        </div>
        <span class="copyright">网易公司版权所有©1997-2014  粤B2-20090191-18</span>
        <a href="#" class="feedback">意见反馈</a>
    </div>
</div>
</code></pre> 
 <p>标题用h3标签表示，描述文字用p标签表示相关文档连接用a标签表示，由于里面的内容并无语义，但有一个灰色的样式，所以用span标签表示</p> 
</article>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1234939338295447552"></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">你可能感兴趣的:(1.3.2标签)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1891501925036257280.htm"
                           title="HTML、Vue和PHP文件的区别与联系" target="_blank">HTML、Vue和PHP文件的区别与联系</a>
                        <span class="text-muted">生信天地</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a>
                        <div>一、核心区别类型性质执行环境功能特点.html静态标记语言浏览器直接解析定义页面结构和内容，无逻辑处理能力.vue前端框架组件文件浏览器/构建工具整合HTML模板+JS逻辑+CSS样式，支持动态数据绑定和组件化开发.php服务器端脚本语言文件Web服务器执行动态生成HTML内容，支持数据库操作和业务逻辑处理二、联系与协作PHP与HTMLPHP文件通过标签嵌入HTML，服务器执行PHP代码后输出纯H</div>
                    </li>
                    <li><a href="/article/1891482739509620736.htm"
                           title="POI按行读取word,并去掉属性标签内容：超链接" target="_blank">POI按行读取word,并去掉属性标签内容：超链接</a>
                        <span class="text-muted">weixin_30535043</span>

                        <div>publicStringreadDoc(Filefile){StringBufferbuffer=newStringBuffer();InputStreaminput=null;WordExtractorextractor=null;String[]paragraphs=null;try{input=newFileInputStream(file);extractor=newWordExtract</div>
                    </li>
                    <li><a href="/article/1891459941093404672.htm"
                           title="图片绘制到Canvas上并能缩放和平移" target="_blank">图片绘制到Canvas上并能缩放和平移</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/canvashtml/1.htm">canvashtml</a>
                        <div>有时候我们需要预览图片，对图片进行缩放平移等操作，这时候发现用img标签就不好用了。这时候就可以用我这个帖子的代码实现你要的效果。格式支持：只要能在canvas上渲染的图片都能做缩放平移。如果想缩放后还能把图片下载到本地，请自己调用canvas的api即可。特性：小于canvas大小，则默认不缩放。大于canvas则以最长边为单位来缩放。效果如下：将下方代码新建一个html，在浏览器打开就能看到效</div>
                    </li>
                    <li><a href="/article/1891436944542461952.htm"
                           title="HTML5新特性" target="_blank">HTML5新特性</a>
                        <span class="text-muted">augenstern416</span>
<a class="tag" taget="_blank" href="/search/HTMl/1.htm">HTMl</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>1.声明方式修改html5：2.更多的语义化标签header（网页头部）footer（网页尾部）aside（侧边栏）section（内容区域块）3.新的input表单输入类型与属性类型邮箱数值输入文件导入上传本地文件，需js代码配合。如果需要上传多个文件，给表单添加mulitiple属性。如果上传图片，给表单添加enctype属性。constmyFile=document.getElementBy</div>
                    </li>
                    <li><a href="/article/1891431522452434944.htm"
                           title="HTML元素" target="_blank">HTML元素</a>
                        <span class="text-muted">强强学习</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>HTML文档是由各种各样功能的元素标签构成的，接下来这些元素可能你没有见过，不要担心，后面会逐一介绍它们，这里作为一个组略的了解，除了上一节我们介绍的span，h1，p标签外，HTML还有很多元素标签，他们分别在浏览器上呈现不同的效果和功能。例如如下元素：元素标签作用h2二级标题ul无序列表ol有序列表```我是二级标题我是无序列表1我是无序列表2我是无序列表3我是有序列表1我是有序列表1我是有序</div>
                    </li>
                    <li><a href="/article/1891394850763370496.htm"
                           title="Web组件适配网页中iframe" target="_blank">Web组件适配网页中iframe</a>
                        <span class="text-muted"></span>

                        <div>场景描述：当使用web组件加载带有iframe的页面时，由于H5的iframe标签的几个限制条件，可能会出现以下问题：1.由于iframe也要遵守浏览器同源策略，也有对应的白名单限制，所以也会出现跨域或者无法加载的问题，大多出现在本地或沙箱中的H5资源内联iframe时，并且cookie有时候也设置不上2.在应用侧调用runJavascript方法调用不到iframe里面，且主frame和ifra</div>
                    </li>
                    <li><a href="/article/1891374245611630592.htm"
                           title="使用Python构建论坛爬虫：抓取论坛主题、标签和讨论量" target="_blank">使用Python构建论坛爬虫：抓取论坛主题、标签和讨论量</a>
                        <span class="text-muted">Python爬虫项目</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">信息可视化</a><a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D/1.htm">金融</a>
                        <div>引言随着互联网的发展，论坛作为一个信息交流的地方，承载了大量的讨论内容、主题和标签。通过抓取论坛的数据，用户可以了解最热的话题、讨论量大的主题以及与特定标签相关的内容。本篇博客将介绍如何使用Python构建一个论坛数据抓取爬虫，从论坛网站上抓取主题、标签和讨论量，并对数据进行存储和分析。目标与背景我们的目标是从多个论坛网站抓取以下内容：论坛主题：讨论的主要内容或话题。标签：与主题相关的分类信息。讨</div>
                    </li>
                    <li><a href="/article/1891345742220554240.htm"
                           title="el-dialog修改其样式不生效加deep也没用" target="_blank">el-dialog修改其样式不生效加deep也没用</a>
                        <span class="text-muted">夏与冰</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>场景el-dialog标签直接写在了template下。解决方法在template中先写一层div，包裹住el-dialog。</div>
                    </li>
                    <li><a href="/article/1891341329288458240.htm"
                           title="【Vim Masterclass 笔记13】第 7 章：Vim 核心操作之——文本对象与宏操作 + S07L28：Vim 文本对象" target="_blank">【Vim Masterclass 笔记13】第 7 章：Vim 核心操作之——文本对象与宏操作 + S07L28：Vim 文本对象</a>
                        <span class="text-muted">安冬的码畜日常</span>
<a class="tag" taget="_blank" href="/search/Vim/1.htm">Vim</a><a class="tag" taget="_blank" href="/search/Masterclass/1.htm">Masterclass</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/vim%E6%96%87%E6%9C%AC%E5%AF%B9%E8%B1%A1/1.htm">vim文本对象</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E5%AF%B9%E8%B1%A1/1.htm">文本对象</a>
                        <div>文章目录Section7：TextObjectsandMacrosS07L28TextObjects1文本对象的含义2操作文本对象的基本语法3操作光标所在的整个单词4删除光标所在的整个句子5操作光标所在的整个段落6删除光标所在的中括号内的文本7删除光标所在的小括号内的文本8操作尖括号内的文本9操作光标所在的标签文本10操作大括号内的文本11操作光标所在的各种括号内的文本12本节思维导图写在前面本篇</div>
                    </li>
                    <li><a href="/article/1891330989972582400.htm"
                           title="vue若依框架dicts中字典项的使用：表格展示与下拉框示例" target="_blank">vue若依框架dicts中字典项的使用：表格展示与下拉框示例</a>
                        <span class="text-muted">豆豆（前端开发+ui设计）</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>在若依框架的开发中，字典项的使用可以帮助我们更方便地管理和展示一些具有固定取值范围的数据，比如颜色类型、人员类型等。下面将详细介绍若依框架中字典项在表格和下拉框中的使用方法。1.若依字典项的配置在若依框架中，我们首先需要在系统管理-字典管理中配置所需的字典。假设我们要配置两个字典：颜色（color）和人员类型（personnel_type）。具体配置如下：颜色字典（color）字典标签字典值红色1</div>
                    </li>
                    <li><a href="/article/1891304746522832896.htm"
                           title="MyBatis的if标签的基本使用" target="_blank">MyBatis的if标签的基本使用</a>
                        <span class="text-muted">君子剑mango</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/MyBatis%E6%A1%86%E6%9E%B6/1.htm">MyBatis框架</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><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>
                        <div>在MyBatis框架中，if标签用于在构建SQL语句时，根据参数条件判断的结果，动态地选择加入或不加where条件中。一常见使用在使用MyBatis处理查询逻辑的时候，常用的是判断一些参数是否为空，列举常用的几种情况展示1.1数据准备1.1.1创建表模型CREATETABLE`approval_info`(`id`BIGINTNOTNULLAUTO_INCREMENT,`info_name`VAR</div>
                    </li>
                    <li><a href="/article/1891302346894405632.htm"
                           title="web前端面试问什么，【前端，2024华为前端高级面试题及答案" target="_blank">web前端面试问什么，【前端，2024华为前端高级面试题及答案</a>
                        <span class="text-muted">uiuuyy67</span>
<a class="tag" taget="_blank" href="/search/2024%E5%B9%B4%E7%A8%8B%E5%BA%8F%E5%91%98%E5%AD%A6%E4%B9%A0/1.htm">2024年程序员学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a>
                        <div>效果截图：用户名是只读的，所以无法在text文本框里输入值；账号是禁用的，直接变成灰色了。2.input标签常用的type属性值讲解text文本框password密码框radio单选框checkbox复选框file文件选择hidden隐藏域hidden是用户看不见的东西，给管理员（写网页的）操作保存信息的！submit提交reset重置（2）select下拉框option：下拉选项（下拉框的基本标</div>
                    </li>
                    <li><a href="/article/1891293774726885376.htm"
                           title="vue3.x的Teleport详细解读" target="_blank">vue3.x的Teleport详细解读</a>
                        <span class="text-muted">黑码小帅</span>
<a class="tag" taget="_blank" href="/search/vue%E7%9F%A5%E8%AF%86%E7%82%B9/1.htm">vue知识点</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a>
                        <div>Teleport是Vue3.x中引入的一个新特性，用于将组件的内容渲染到DOM树中的任意位置，而不受组件自身DOM结构的限制。这在处理模态框、通知、下拉菜单等需要脱离当前组件层级的情况下非常有用。1.基本用法Teleport的基本语法如下：这是一个模态框在这个例子中，组件会将内部的渲染到标签中，而不是在当前组件的DOM结构中。2.to属性to属性指定了Teleport内容的目标位置。它可以是一个C</div>
                    </li>
                    <li><a href="/article/1891261491944943616.htm"
                           title="双指针算法 AcWing 2816. 判断子序列" target="_blank">双指针算法 AcWing 2816. 判断子序列</a>
                        <span class="text-muted">飞滕人生TYF</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/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/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
                        <div>双指针算法AcWing2816.判断子序列原题链接AcWing2816.判断子序列算法标签双指针思路子序列指序列的一部分项按原有次序排列而得的序列。在枚举序列a时，若匹配上，即a[i]==b[j]，需使i,j后移，若尚未匹配上，需使j后移。所以j满足单调性，可使用双指针算法代码#include#defineintlonglong#definerep(i,a,b)for(inti=a;ib;--i)</div>
                    </li>
                    <li><a href="/article/1891189740397457408.htm"
                           title="前端开发：CSS选择器" target="_blank">前端开发：CSS选择器</a>
                        <span class="text-muted">qincjun</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>一、基础选择器1.1标签选择器通用型，一次将所有的同类型标签设置成相同属性；p{color:red;}div{color:green;}1.2类选择器类名用.(点)开头的.eat{color:red;}.sleep{color:blue;}.play{color:black;font-size:30px;}吃饭//给段落赋予一个class类名；是此类名的是一样的CSS格式睡觉//一个元素可以赋予多</div>
                    </li>
                    <li><a href="/article/1891187221323640832.htm"
                           title="Vue前端框架的使用" target="_blank">Vue前端框架的使用</a>
                        <span class="text-muted">不想秃头的小杨</span>
<a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>1.正文vue前端框架1.1什么是Vue1.2如何使用vue$Title${{name}}{{age}}/*创建一个Vue对象*/varapp=newVue({//把该对象挂载到div标签上el属性是必有el:"#app",//data:数据区定义一些数据这些数据得类型可以是任意类型。data:{name:"张三",age:15,hobby:["游泳","看书","玩游戏"],}})总结:(1)导</div>
                    </li>
                    <li><a href="/article/1891174737896337408.htm"
                           title="Hadoop综合项目——二手房统计分析（可视化篇）" target="_blank">Hadoop综合项目——二手房统计分析（可视化篇）</a>
                        <span class="text-muted">WHYBIGDATA</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE%E9%A1%B9%E7%9B%AE/1.htm">大数据项目</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a>
                        <div>Hadoop综合项目——二手房统计分析（可视化篇）文章目录Hadoop综合项目——二手房统计分析（可视化篇）0、写在前面1、数据可视化1.1二手房四大一线城市总价Top51.2统计各个楼龄段的二手房比例1.3统计各个城市二手房标签的各类比例1.4统计各个城市各个楼层的平均价格1.5统计各个城市二手房优势的各类比例1.6统计各个城市二手房数量和关注人数的关系1.7统计各个城市二手房规格的各类比例1.</div>
                    </li>
                    <li><a href="/article/1891165536365113344.htm"
                           title="景联文科技数据处理平台：支持高质量图像标注服务" target="_blank">景联文科技数据处理平台：支持高质量图像标注服务</a>
                        <span class="text-muted">景联文科技</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a><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>
                        <div>图像标注是计算机视觉领域中不可或缺的一环，它通过为图像添加标签来帮助机器学习算法理解图像内容。这一过程对于创建高质量的训练数据集至关重要，使得AI模型能够准确地识别和分类现实世界中的物体。常见的图像标注类型：边界框标注：这是最常用的标注方式之一，通常用于物体检测任务。通过绘制矩形框来确定图像中目标物体的位置，可以是二维或三维形式。分割标注：包括语义分割（同一类别的所有实例被视为整体）和实例分割（每</div>
                    </li>
                    <li><a href="/article/1891139692934524928.htm"
                           title="vue点击左边导航，右边出现页面步骤" target="_blank">vue点击左边导航，右边出现页面步骤</a>
                        <span class="text-muted">胡桃不是夹子</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>vue点击左边导航，右边出现页面步骤一定要import不然会出错index.jsCourse作为Homeview子路由Homeview加入点击跳转父Homeview中有RouterView（路由出口，跳转至相应路径）和RouterLink（点击跳转）跳转的页面都为Homeview子只有为el-menu-item标签时，index才会和default-active配对生效高亮:default-act</div>
                    </li>
                    <li><a href="/article/1891115984106876928.htm"
                           title="深度学习（1)-简单神经网络示例" target="_blank">深度学习（1)-简单神经网络示例</a>
                        <span class="text-muted">yyc_audio</span>
<a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>我们来看一个神经网络的具体实例：使用Python的Keras库来学习手写数字分类。在这个例子中，我们要解决的问题是，将手写数字的灰度图像（28像素×28像素）划分到10个类别中（从0到9）。我们将使用MNIST数据集，图2-1给出了MNIST数据集的一些样本。在机器学习中，分类问题中的某个类别叫作类（class），数据点叫作样本（sample），与某个样本对应的类叫作标签（label）。你不需要现</div>
                    </li>
                    <li><a href="/article/1891102991600119808.htm"
                           title="Java 核心与应用：Java 输入输出流概述" target="_blank">Java 核心与应用：Java 输入输出流概述</a>
                        <span class="text-muted">星核日记</span>
<a class="tag" taget="_blank" href="/search/%E3%80%8AJava/1.htm">《Java</a><a class="tag" taget="_blank" href="/search/%E6%A0%B8%E5%BF%83%E4%B8%8E%E5%BA%94%E7%94%A8%E3%80%8B/1.htm">核心与应用》</a><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>
                        <div>目录Java核心与应用：Java输入输出流概述主题：Java核心与应用：引言学习目标1.Java输入输出流基础1.1输入输出流的概念1.1.1流的分类1.1.2常用输入输出流接口1.2输入输出流的接口继承图1.3常用输入输出流接口的方法1.3.1`InputStream`常用方法1.3.2`OutputStream`常用方法1.4装饰器模式在IO体系中的应用1.4.1装饰器模式示例1.4.2装饰器</div>
                    </li>
                    <li><a href="/article/1891094040657588224.htm"
                           title="海康sip服务器地址_一篇文章涵盖-完整SIP协议操作流程" target="_blank">海康sip服务器地址_一篇文章涵盖-完整SIP协议操作流程</a>
                        <span class="text-muted">OZARGPT</span>
<a class="tag" taget="_blank" href="/search/%E6%B5%B7%E5%BA%B7sip%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%9C%B0%E5%9D%80/1.htm">海康sip服务器地址</a>
                        <div>完整SIP协议操作流程此部分使用一个简单示例介绍了SIP的基本操作。它实际上是一个学习辅导，没有包含任何正式的说明。第一个示例显示了SIP的基本功能：终端定位，希望通信的意愿，创建会话参数的协商和创建会话后会话拆线。图表1显示了一个典型的介于两个用户之间的SIP消息交互，两个用户分别是Alice和Bob。(每个消息都通过一个带字母F的标签来标注，文本号码说明一个标注号码)。在这个例子中，Alice</div>
                    </li>
                    <li><a href="/article/1891057734158184448.htm"
                           title="DeepSeek崛起：中国AI产业的颠覆者与重构者" target="_blank">DeepSeek崛起：中国AI产业的颠覆者与重构者</a>
                        <span class="text-muted">:MNongSciFans</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>当DeepSeek以"中国版ChatGPT"的标签横空出世时，这个诞生于杭州的AI新贵仅用三个月时间就完成了从行业黑马到颠覆者的蜕变。其开源大模型DeepSeek-R1在HuggingFace开源大模型排行榜的登顶，不仅意味着技术指标的超越，更预示着中国AI产业格局的深层裂变。这场始于技术突破的产业地震，正在引发资本市场的恐慌性迁徙、技术路线的集体转向以及商业模式的根本性重构。###一、技术奇点的</div>
                    </li>
                    <li><a href="/article/1891053197435400192.htm"
                           title="thymeleaf模板_Thymeleaf参考手册（十五）：模板缓存" target="_blank">thymeleaf模板_Thymeleaf参考手册（十五）：模板缓存</a>
                        <span class="text-muted">weixin_39814960</span>
<a class="tag" taget="_blank" href="/search/thymeleaf%E6%A8%A1%E6%9D%BF/1.htm">thymeleaf模板</a>
                        <div>Thymeleaf的工作要归功于一组解析器（用于标记和文本），该解析器将模板解析为事件序列（打开标签，文本，关闭标签，注释等）和一系列处理器（每种需要一种行为）应用–修改模板解析的事件序列，以便通过将原始模板与我们的数据结合来创建我们期望的结果。默认情况下，它还包括存储已解析模板的缓存；在处理模板文件之前读取和解析模板文件所导致的事件顺序。在Web应用程序中工作时，此功能特别有用，它基于以下概念：</div>
                    </li>
                    <li><a href="/article/1891048274958282752.htm"
                           title="WEB漏洞-XXE&XML之利用检测绕过" target="_blank">WEB漏洞-XXE&XML之利用检测绕过</a>
                        <span class="text-muted">网小白白</span>
<a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a>
                        <div>XXE"xmlexternalentityinjection"-XML外部实体注入漏洞服务端接收和解析了来自用户端的xml数据,而又没有做严格的安全控制,从而导致xml外部实体注入xml基本语法XML被设计用来结构化、存储以及传输信息;恰恰相反,HTML是被设计用来显示数据，其焦点是数据的外观。XML没有预定义的标签。它仅仅是纯文本而已。有能力处理纯文本的软件都可以处理XML。XML不会做任何事情</div>
                    </li>
                    <li><a href="/article/1890956599929925632.htm"
                           title="labelme转YOLOv8、YOLOv5 标签格式 标注数据" target="_blank">labelme转YOLOv8、YOLOv5 标签格式 标注数据</a>
                        <span class="text-muted">一颗小树x</span>
<a class="tag" taget="_blank" href="/search/YOLO%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/1.htm">YOLO目标检测</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E8%B7%B5%E5%BA%94%E7%94%A8/1.htm">实践应用</a><a class="tag" taget="_blank" href="/search/labelme/1.htm">labelme</a><a class="tag" taget="_blank" href="/search/YOLOv8/1.htm">YOLOv8</a><a class="tag" taget="_blank" href="/search/YOLOv5/1.htm">YOLOv5</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%AD%BE%E6%A0%BC%E5%BC%8F/1.htm">标签格式</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E6%B3%A8%E6%95%B0%E6%8D%AE/1.htm">标注数据</a>
                        <div>前言本文分析将labelme的标签，转为YOLOv8、YOLOv5的格式，实现模型训练。首先了解YOLOv8和YOLOv5标签格式，然后了解labelme标签格式，最近实现数据格式转换。1、YOLOv8和YOLOv5标签格式YOLOv8的标签格式与YOLOv5基本相同，使用一种简单的txt文本格式，来存储每个图像的标注数据。每个图像对应一个文本文件，这些文本文件与图像文件位于同一目录并且具有相同的</div>
                    </li>
                    <li><a href="/article/1890955213053947904.htm"
                           title="交换机测试内容有哪些" target="_blank">交换机测试内容有哪些</a>
                        <span class="text-muted">network_tester</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%A4%E6%8D%A2%E6%9C%BA%E6%B5%8B%E8%AF%95/1.htm">交换机测试</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E4%B8%8E%E9%80%9A%E4%BF%A1/1.htm">信息与通信</a><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><a class="tag" taget="_blank" href="/search/tcp%2Fip/1.htm">tcp/ip</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E5%8F%B7%E5%A4%84%E7%90%86/1.htm">信号处理</a>
                        <div>交换机测试是确保其性能、功能和可靠性的关键步骤，通常包括以下内容：1.功能测试验证交换机的基本功能是否正常工作：MAC地址学习：检查交换机是否能正确学习和更新MAC地址表。VLAN功能：VLAN划分和隔离。Trunk端口（802.1Q）的VLAN标签处理。链路聚合（LACP）：测试端口聚合功能是否正常。生成树协议（STP/RSTP/MSTP）：验证环路避免和链路冗余功能。广播/组播控制：检查广播风</div>
                    </li>
                    <li><a href="/article/1890792053005152256.htm"
                           title="k均值聚类python实现" target="_blank">k均值聚类python实现</a>
                        <span class="text-muted">小尤笔记</span>
<a class="tag" taget="_blank" href="/search/%E5%9D%87%E5%80%BC%E7%AE%97%E6%B3%95/1.htm">均值算法</a><a class="tag" taget="_blank" href="/search/%E8%81%9A%E7%B1%BB/1.htm">聚类</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><a class="tag" taget="_blank" href="/search/Python%E5%9F%BA%E7%A1%80/1.htm">Python基础</a>
                        <div>K均值聚类（K-MeansClustering）是一种常用的无监督学习算法，用于将数据分成K个簇。以下是一个简单的Python实现K均值聚类的代码讲解，包括数据准备、初始化、迭代更新簇心和分配簇标签等步骤。CSDN大礼包：《2025年最新全套学习资料包》免费分享代码实现importnumpyasnpimportmatplotlib.pyplotasplt#生成示例数据np.random.seed(</div>
                    </li>
                    <li><a href="/article/1890779439420207104.htm"
                           title="Android Studio tools:replace的使用" target="_blank">Android Studio tools:replace的使用</a>
                        <span class="text-muted">川峰</span>
<a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/Studio/1.htm">Studio</a><a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/tools%3Areplace/1.htm">tools:replace</a>
                        <div>一般是项目中使用的第三方依赖库中的AndroidManifest.xml中跟当前app的AndroidManifest.xml中有重复的某些属性时AS会提示这个，其实你按照他的提示添加就可以解决了，这里只是记录一下。如三方的依赖中application标签添加了android:theme,android:label可以在当前app中添加：<applicationandroid:name=".App</div>
                    </li>
                    <li><a href="/article/1890762162952007680.htm"
                           title="常见的 Web 攻击方式有哪些，如何防御？" target="_blank">常见的 Web 攻击方式有哪些，如何防御？</a>
                        <span class="text-muted">程序员黄同学</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Java%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">Java面试题</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>一、XSS攻击（跨站脚本攻击）攻击原理：恶意脚本通过用户输入注入页面，分为存储型（数据库持久化）、反射型（URL参数注入）、DOM型（客户端脚本修改）防御方案：//1.输入过滤（Node.js示例）constxss=require('xss');constcleanContent=xss(userInput);//过滤alert(1)等标签//2.设置CSP响应头（Koa中间件示例）app.use</div>
                    </li>
                                <li><a href="/article/29.htm"
                                       title="SQL的各种连接查询" target="_blank">SQL的各种连接查询</a>
                                    <span class="text-muted">xieke90</span>
<a class="tag" taget="_blank" href="/search/UNION+ALL/1.htm">UNION ALL</a><a class="tag" taget="_blank" href="/search/UNION/1.htm">UNION</a><a class="tag" taget="_blank" href="/search/%E5%A4%96%E8%BF%9E%E6%8E%A5/1.htm">外连接</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E8%BF%9E%E6%8E%A5/1.htm">内连接</a><a class="tag" taget="_blank" href="/search/JOIN/1.htm">JOIN</a>
                                    <div>一、内连接 
&nbsp; 概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;内连接（join 或者inner join ） 
&nbsp; &nbsp; &nbsp; SQL语法： 
&nbsp; &nbsp; &nbsp; select * fron</div>
                                </li>
                                <li><a href="/article/156.htm"
                                       title="java编程思想--复用类" target="_blank">java编程思想--复用类</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BB%A7%E6%89%BF/1.htm">继承</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86/1.htm">代理</a><a class="tag" taget="_blank" href="/search/%E7%BB%84%E5%90%88/1.htm">组合</a><a class="tag" taget="_blank" href="/search/final%E7%B1%BB/1.htm">final类</a>
                                    <div>&nbsp; &nbsp; &nbsp; 复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书 
&nbsp; 
一:组合语法:就是将对象的引用放到新类中即可 
&nbsp; &nbsp; 代码: 
&nbsp; &nbsp; 
package com.wj.reuse;

/**
 * 
 * @author Administrator 组</div>
                                </li>
                                <li><a href="/article/283.htm"
                                       title="[开源与生态系统]国产CPU的生态系统" target="_blank">[开源与生态系统]国产CPU的生态系统</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/cpu/1.htm">cpu</a>
                                    <div> 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 计算机要从娃娃抓起...而孩子最喜欢玩游戏.... 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节.... 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 投入一些资金和资源,人力和政策,让游</div>
                                </li>
                                <li><a href="/article/410.htm"
                                       title="JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释" target="_blank">JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释</a>
                                    <span class="text-muted">商人shang</span>
<a class="tag" taget="_blank" href="/search/jvm%E5%86%85%E5%AD%98/1.htm">jvm内存</a>
                                    <div>jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。 非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。 
HotSpot虚拟机GC算法采用分代收</div>
                                </li>
                                <li><a href="/article/537.htm"
                                       title="页面上调用 QQ" target="_blank">页面上调用 QQ</a>
                                    <span class="text-muted">oloz</span>
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
                                    <div>&lt;A href=&quot;tencent://message/?uin=707321921&amp;amp;Site=有事Q我&amp;amp;Menu=yes&quot;&gt;&nbsp;&nbsp; 
&lt;img style=&quot;border:0px;&quot; src=http://wpa.qq.com/pa?p=1:707321921:1&gt;&lt;/a&gt;</div>
                                </li>
                                <li><a href="/article/664.htm"
                                       title="一些问题" target="_blank">一些问题</a>
                                    <span class="text-muted">文强chu</span>
<a class="tag" taget="_blank" href="/search/%E9%97%AE%E9%A2%98/1.htm">问题</a>
                                    <div>1.eclipse 导出 doc&nbsp; 出现“The Javadoc command does not exist.”&nbsp;javadoc command 选择 jdk/bin/javadoc.exe&nbsp;2.tomcate 配置 web 项目&nbsp;..... 
SQL:3.mysql&nbsp;&nbsp;* 必须得放前面 否则&nbsp;&nbsp;select&nbs</div>
                                </li>
                                <li><a href="/article/791.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/%E5%AD%A4%E7%8B%AC/1.htm">孤独</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%84%9F/1.htm">安全感</a>
                                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明</div>
                                </li>
                                <li><a href="/article/918.htm"
                                       title="php 基础语法" target="_blank">php 基础语法</a>
                                    <span class="text-muted">aichenglong</span>
<a class="tag" taget="_blank" href="/search/php+%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/1.htm">php 基本语法</a>
                                    <div>1 .1 php变量必须以$开头 
&lt;?php 
$a=” b”; 
echo 
?&gt; 
1 .2 php基本数据库类型 Integer&nbsp; float/double Boolean string 
1 .3 复合数据类型 数组array和对象 object 
1 .4 特殊数据类型&nbsp; null 资源类型(resource)&nbsp;&nbsp;&nbsp; $co</div>
                                </li>
                                <li><a href="/article/1045.htm"
                                       title="mybatis tools 配置详解" target="_blank">mybatis tools 配置详解</a>
                                    <span class="text-muted">AILIKES</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a>
                                    <div>MyBatis Generator中文文档 
MyBatis Generator中文文档地址： 
 
 http://generator.sturgeon.mopaas.com/ 
 
该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。 
本文使用Markdown进行编辑，但是博客显示效</div>
                                </li>
                                <li><a href="/article/1172.htm"
                                       title="继承与多态的探讨" target="_blank">继承与多态的探讨</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/JAVA%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1+%E7%BB%A7%E6%89%BF+%E5%AF%B9%E8%B1%A1/1.htm">JAVA面向对象 继承 对象</a>
                                    <div>继承 extends&nbsp;&nbsp; 多态 
继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法&nbsp;//继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字： 
&nbsp; 
&nbsp; 
在A类中定义属性和方法； 
class A{
//定义属性
int age；
//定义方法
public void go</div>
                                </li>
                                <li><a href="/article/1299.htm"
                                       title="JS的undefined与null的实例" target="_blank">JS的undefined与null的实例</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
                                    <div>&lt;form name=&quot;theform&quot; id=&quot;theform&quot;&gt;
&lt;/form&gt;

&lt;script language=&quot;javascript&quot;&gt;
    var a
    alert(typeof(b));    //这里提示undefined
    if(theform.datas</div>
                                </li>
                                <li><a href="/article/1426.htm"
                                       title="TDD实践（一）" target="_blank">TDD实践（一）</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/%E6%95%8F%E6%8D%B7/1.htm">敏捷</a><a class="tag" taget="_blank" href="/search/TDD/1.htm">TDD</a>
                                    <div>一.TDD概述 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。 
&nbsp;&nbsp;&nbsp;&nbsp;</div>
                                </li>
                                <li><a href="/article/1553.htm"
                                       title="[Maven学习笔记十]Maven Profile与资源文件过滤器" target="_blank">[Maven学习笔记十]Maven Profile与资源文件过滤器</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                                    <div>什么是Maven Profile 
Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息 
&nbsp; 
Profile的激活机制 
1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P</div>
                                </li>
                                <li><a href="/article/1680.htm"
                                       title="【Hive八】Hive用户自定义生成表函数(UDTF)" target="_blank">【Hive八】Hive用户自定义生成表函数(UDTF)</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
                                    <div>1. 什么是UDTF 
&nbsp; 
UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table， 貌似更应该理解为生成了类似关系表的二维行数据集 
&nbsp; 2. 如何实现UDTF 
 
 继承org.apache.hadoop.hive.ql.udf.generic</div>
                                </li>
                                <li><a href="/article/1807.htm"
                                       title="tfs restful api 加auth 2.0认计" target="_blank">tfs restful api 加auth 2.0认计</a>
                                    <span class="text-muted">ronin47</span>

                                    <div>　　目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点： 
　　一是基于客户端的ip设置。这个比较容易实现。 
　　二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。 
　　现在重点介绍第二种方法实现思路。 
　　 
前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe</div>
                                </li>
                                <li><a href="/article/1934.htm"
                                       title="jdk环境变量配置" target="_blank">jdk环境变量配置</a>
                                    <span class="text-muted">byalias</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a>
                                    <div>进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置： 
 
1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe 
 
2、安装jdk-7u79-windows-x64.exe 
 
3、配置环境变量：右击&quot;计算机&quot;--&gt;&quo</div>
                                </li>
                                <li><a href="/article/2061.htm"
                                       title="《代码大全》表驱动法-Table Driven Approach-2" target="_blank">《代码大全》表驱动法-Table Driven Approach-2</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>package com.ljn.base;

import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.Collections;
import java.uti</div>
                                </li>
                                <li><a href="/article/2188.htm"
                                       title="SQL 数值四舍五入 小数点后保留2位" target="_blank">SQL 数值四舍五入 小数点后保留2位</a>
                                    <span class="text-muted">chicony</span>
<a class="tag" taget="_blank" href="/search/%E5%9B%9B%E8%88%8D%E4%BA%94%E5%85%A5/1.htm">四舍五入</a>
                                    <div>  
1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。 
2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。 
例如： 
　　select&nbsp;&nbsp; cast(round(12.5,2)&nbsp;&nbsp; as&nbsp;&nbsp; numeric(5,2)) &nbsp</div>
                                </li>
                                <li><a href="/article/2315.htm"
                                       title="c++运算符重载" target="_blank">c++运算符重载</a>
                                    <span class="text-muted">CrazyMizzz</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a>
                                    <div>一、加+，减-，乘*，除/ 的运算符重载 
 
Rational operator*(const Rational &amp;x) const{ 
 return Rational(x.a * this-&gt;a); 
 } 
在这里只写乘法的，加减除的写法类似 
 
二、&lt;&lt;输出,&gt;&gt;输入的运算符重载 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb</div>
                                </li>
                                <li><a href="/article/2442.htm"
                                       title="hive DDL语法汇总" target="_blank">hive DDL语法汇总</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/%E4%BF%AE%E6%94%B9%E5%88%97/1.htm">修改列</a><a class="tag" taget="_blank" href="/search/DDL/1.htm">DDL</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E8%A1%A8/1.htm">修改表</a>
                                    <div>hive DDL语法汇总 
１、对表重命名 
hive&gt; ALTER TABLE table_name RENAME TO new_table_name; 
&nbsp; 
2、修改表备注 
hive&gt;&nbsp;ALTER&nbsp;TABLE&nbsp;table_name&nbsp;SET&nbsp;TBLPROPERTIES ('comment'&nbsp;= new_comm</div>
                                </li>
                                <li><a href="/article/2569.htm"
                                       title="jbox使用说明" target="_blank">jbox使用说明</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
                                    <div>参考网址：http://www.kudystudio.com/jbox/jbox-demo.html   jBox v2.3 beta    [ 
点击下载]&nbsp; 
 
技术交流QQGroup：172543951 100521167   
 
 [2011-11-11] jBox v2.3 正式版 
 - [调整&amp;修复] IE6下有iframe或页面有active、applet控件</div>
                                </li>
                                <li><a href="/article/2696.htm"
                                       title="UISegmentedControl 开发笔记" target="_blank">UISegmentedControl 开发笔记</a>
                                    <span class="text-muted">dcj3sjt126com</span>

                                    <div>&nbsp;&nbsp;//&nbsp; &nbsp; typedef NS_ENUM(NSInteger, UISegmentedControlStyle) { 
&nbsp; &nbsp;&nbsp;//&nbsp; &nbsp; &nbsp; &nbsp; UISegmentedControlStylePlain, &nbsp; &nbsp; // large plain 
&nbsp; &</div>
                                </li>
                                <li><a href="/article/2823.htm"
                                       title="Slick生成表映射文件" target="_blank">Slick生成表映射文件</a>
                                    <span class="text-muted">ekian</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
                                    <div>Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包 
 
&quot;com.typesafe.slick&quot;    %% &quot;slick-codegen&quot;      % slickVersion 
因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包 
 

&quot;com.typesa</div>
                                </li>
                                <li><a href="/article/2950.htm"
                                       title="ES-TEST" target="_blank">ES-TEST</a>
                                    <span class="text-muted">gengzg</span>
<a class="tag" taget="_blank" href="/search/test/1.htm">test</a>
                                    <div>package com.MarkNum;

import java.io.IOException;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.annotation</div>
                                </li>
                                <li><a href="/article/3077.htm"
                                       title="为何外键不再推荐使用" target="_blank">为何外键不再推荐使用</a>
                                    <span class="text-muted">hugh.wang</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/DB/1.htm">DB</a>
                                    <div>表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。 
 
在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不</div>
                                </li>
                                <li><a href="/article/3204.htm"
                                       title="领域驱动设计" target="_blank">领域驱动设计</a>
                                    <span class="text-muted">julyflame</span>
<a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/DTO/1.htm">DTO</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a>
                                    <div>概念： 
 
VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。 
 
DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对</div>
                                </li>
                                <li><a href="/article/3331.htm"
                                       title="单例设计模式" target="_blank">单例设计模式</a>
                                    <span class="text-muted">hm4123660</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Singleton/1.htm">Singleton</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">单例设计模式</a><a class="tag" taget="_blank" href="/search/%E6%87%92%E6%B1%89%E5%BC%8F/1.htm">懒汉式</a><a class="tag" taget="_blank" href="/search/%E9%A5%BF%E6%B1%89%E5%BC%8F/1.htm">饿汉式</a>
                                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb</div>
                                </li>
                                <li><a href="/article/3458.htm"
                                       title="logback" target="_blank">logback</a>
                                    <span class="text-muted">zhb8015</span>
<a class="tag" taget="_blank" href="/search/log/1.htm">log</a><a class="tag" taget="_blank" href="/search/logback/1.htm">logback</a>
                                    <div>一、logback的介绍 
&nbsp;&nbsp;&nbsp;&nbsp; Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class</div>
                                </li>
                                <li><a href="/article/3585.htm"
                                       title="整合Kafka到Spark Streaming——代码示例和挑战" target="_blank">整合Kafka到Spark Streaming——代码示例和挑战</a>
                                    <span class="text-muted">Stark_Summer</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/storm/1.htm">storm</a><a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/PARALLELISM/1.htm">PARALLELISM</a><a class="tag" taget="_blank" href="/search/processing/1.htm">processing</a>
                                    <div>作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版</div>
                                </li>
                                <li><a href="/article/3712.htm"
                                       title="spring-master-slave-commondao" target="_blank">spring-master-slave-commondao</a>
                                    <span class="text-muted">王新春</span>
<a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/dataSource/1.htm">dataSource</a><a class="tag" taget="_blank" href="/search/slave/1.htm">slave</a><a class="tag" taget="_blank" href="/search/master/1.htm">master</a>
                                    <div>互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。 
 
为此，往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数</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><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>