weixin_30287169

html+css知识点总结

html部分

html头部声明

DOCTYPE是document type（文档类型）的简写，用来说明你用的XHTML或者HTML是什么版本。DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。

标签</span> </div> <blockquote> <div> title就是说这个网页是干什么的，公司名、产品名、功能名等等，全是给浏览器，以方便用户能快速准确得了解到这个网页要介绍的内容。 </div> <div> title的特点： </div> </blockquote> <blockquote> <blockquote> title标签只能在head标签内出现； </blockquote> <blockquote> <div> 标签内的内容通常在浏览器的标题栏中显示； </div> <div> 浏览器中收藏夹内书签的名称是title的内容； </div> <div> title的内容可以方便搜索引擎索引页面； </div> <div> 从搜索引擎搜索到的内容的标题往往是网页title的内容； </div> <div> title通常体现了网页的主题内容，所以记得一定要加上。 </div> </blockquote> <span style="color:#800080;"><meta>标签</span> </blockquote> <blockquote> <blockquote> <meta>元素可提供有关页面的原信息（meta-information）,比如针对搜索引擎和更新频率的描述和关键词。位于head标签内，单独出现，必须被正确地关闭<meta name=" " content="" />meta属性主要非为两组： </blockquote> <blockquote> 1）name属性与content属性 </blockquote> <blockquote> name属性的值所描述的内容（值）通过content属性表示，便于爬虫查找、分类。其中最重要的是description、keywords和robots。 </blockquote> <blockquote> 2）http-equiv属性和content属性 </blockquote> </blockquote> <p><span style="color:#ff0000;">HTML标签的规范</span></p> <blockquote> 1、所有标签都必须要有相应的结束标签； </blockquote> <blockquote> 2、标签与标签的属性都必须使用小写； </blockquote> <blockquote> 3、所有标签都必须合理嵌套； </blockquote> <blockquote> 4、<img>标签的alt属性：搜索引擎会比较重视，要充分利用它来放置关键词。它的好处包括： </blockquote> <blockquote> <blockquote> 1）获取或设置在图像不可用或当前正在下载且尚未完成的情况下浏览器显示的替换标题； </blockquote> <blockquote> 2）搜索引擎把alt属性里的内容当了那个图片的关键词，关键词写得好，图片被搜索到的几率也是非常大的。 </blockquote> 5、HTML转义字符。 </blockquote> <p> <span style="color:#ff0000;">HTML常用标签</span></p> <blockquote> <span style="color:#800080;">块属性标签（块元素）</span> </blockquote> <blockquote> <blockquote> <div> <div></div>可以把文档分割为独立的、不同的部分 </div> <div> <h1></h1>…<h6></h6>可定义标题。<h1>定义最大的标题，<h6>定义最小的标题 </div> <div> <ol></ol>定义有序列表，必须嵌套<li> </div> <div> <ul></ul>定义无序列表，必须嵌套<li> </div> <div> <li></li>定义列表项目，是有序列表和无序列表的子标签 </div> <div> <dl></dl>定义自定义列表 </div> <div> <dt></dt>一般用于定义列表标题 </div> <div> <dd></dd>定义自定义列表内容 </div> <div> <table></table>定义表格 </div> </blockquote> </blockquote> <blockquote> <blockquote> <tr></tr>定义表格行 </blockquote> <blockquote> <th></th>定义表头 </blockquote> <td></td>定义表格单元 <blockquote> <p></p>定义段落 </blockquote> <blockquote> <br/>换行符 </blockquote> <blockquote> <from></from>用于为用户输入创建HTML表单 </blockquote> <span style="color:#800080;">行内属性标签（内联元素）</span> </blockquote> <p> <span></span>被用来组合文档中的行内元素</p> <blockquote> <blockquote> <div> <var></var>定义变量，在浏览器中一般会斜体显示 </div> <div> <em></em>把文本定义为强调内容，浏览器一般以斜体显示 </div> <div> <a></a>锚文本，最重要的属性是href，指定连接的目标 </div> <div> <img/>是单标签，链接图片，有src和alt属性 </div> <div> <textarea></textarea>定义多行文本输入控件，可通过cols和rows属性来规定textarea的尺寸,y也可以用css的 </div> </blockquote> </blockquote> <blockquote> width和height属性来控制。 </blockquote> <blockquote> <blockquote> <div> <select></select>可创建单选或多选菜单，子标签是select </div> <div> <option></option>定义下拉列表中的一个选项，位于select元素内部 </div> <div> <input>用于搜集用户信息。根据不同的tpye属性值，输入字段拥有很多种形式。输入字段可以是文本字段text，复选框 checkbox，掩码后的文本控件，单选按钮radio，按钮button，submit提交，重置reset，空白hidden等等 </div> <div> <strong></strong>把文本定义为更强的强调的内容 </div> </blockquote> </blockquote> <blockquote> <blockquote> <span style="color:#800080;">块属性标签特点：</span> 标签默认撑满整行，总是在新的一行开始； </blockquote> <blockquote> <blockquote> <blockquote> <blockquote> 高度、行高以及顶底边距都可控制； </blockquote> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <blockquote> <blockquote> 未设定宽度时，宽度为容器的100%； </blockquote> </blockquote> </blockquote> </blockquote> <blockquote> <span style="color:#800080;">行内属性标签特点</span> </blockquote> <blockquote> <blockquote> <blockquote> <blockquote> 行内属性标签可在一行显示； </blockquote> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <blockquote> <blockquote> 宽高即顶底边距不可控制； </blockquote> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <blockquote> <blockquote> 内容撑开宽高； </blockquote> </blockquote> </blockquote> </blockquote> </blockquote> <div> </div> <div> </div> <p> <strong>CSS部分</strong></p> <div> <span style="color:#ff0000;">css引入方式：</span> </div> <blockquote> <div> 1、外部引入：在HTML的head部分<link rel="stylesheet" type="text/css" href="http://blog.163.com/html5_12/所需的CSS文件路径">，引入外部的CSS文件；（优缺点：使用最广泛，一个css文件可控制多个页面，从整站来讲，减少代码数量，提高加载速度，便于维护。） </div> <div> 2、头部引入：在head部分加入<style type="text/css"></style>标签，CSS代码就写在标签内（style是表明引入文件类型的标签；type是表明文件类型；（优缺点：使用也比较多，加载速度快，一般用于访问量较大的网站或首页，但是整站代码较多，不利于维护） </div> <div> 3、在标签内直接写CSS:直接把css标签写在页面标签里；（优缺点：用得比较少，权重最高，代码多，加载慢，不利于维护） </div> <div> 4、使用@import引入css（优缺点：适合大型网站css架构） </div> </blockquote> <p> <span style="color:#ff0000;">CSS选择器</span></p> <blockquote> <div> <span style="color:#800080;">1、标签名选择器：</span>如：p{}，即直接使用HTML标签作为选择器，在实际的应用中，我们习惯用它设置标签的一些默认属性或者和后代选择器一起使用； </div> <div> <span style="color:#800080;">2、类选择器：</span>如 .polaris();前端开发者最常用。 </div> </blockquote> <blockquote> <blockquote> <div> 特点：（1）可以给不同标签设置同一个类，从而用一条CSS命令控制几个标签，减少代码量，使页面修改简单，易维护、易改版。（2）后台工作人员几乎不会用到有关class的相关设置，不需要跟后台人员之间进行交互；（3）可以通过js等动态改变标签的classname，从而改变整个标签的样式，使前端动态效果实现起来更为容易。 </div> <div> 命名规范：第一个字符不能使用数字，在Mozilla或firefox中不起作用。 </div> </blockquote> <span style="color:#800080;">3、ID选择器：</span> 如：#polaris();在同一个HTML文档中不能出现两个相同的ID名称，也就是说ID具有唯一性。 </blockquote> <blockquote> <span style="color:#800080;">4、后代选择器：</span>如 .polaris span img{}，后代选择器实际上是使用多个选择器加上中间的空格来找到具体的要控制的标签。 </blockquote> <blockquote> <span style="color:#800080;">5、群组选择器：</span>.polaris ， span ， img{}，实际上是对CSS的一种简化写法，是把具有相同CSS样式的不同选择器放在一起，减少代码量。 </blockquote> <blockquote> <span style="color:#800080;">CSS选择器中的属性顺序</span> </blockquote> <blockquote> <blockquote></blockquote> </blockquote> <blockquote> <blockquote> 显示属性：display, list-style, position, float, clear </blockquote> <blockquote> 自身属性：width, height, margin, padding,border,background </blockquote> <blockquote> 文本属性：color, font, text-decoration, text-align,vertical-align, white-space, content </blockquote> <blockquote> 符合浏览器的渲染顺序，最终达到提高执行效率目的 </blockquote> </blockquote> <p> <span style="color:#ff0000;">CSS优先级</span></p> <blockquote> <div> 所谓优先级是指CSS样式在浏览器中被解析的先后顺序。 </div> <div> (1) CSS不同引入方式的优先级：标签内嵌样式 > 头部书写样式 > 外部引用样式 > 浏览器默认样式。 </div> <div> (2) CSS选择器的优先级：id > class > tagname. </div> <div> (3) 多个选择器混用时的优先级：例子.a .b c{}和.a c{},它们指向的目标都是c，但是前者的优先级高于后者。 </div> <div> 注：当指向同一目标选择器的优先级相同时，后面的优先级大于前面的优先级；当同一个标签中定义有多个class名时，各个类选择器之间的优先级与html中的class名排列无关，而是与css文件中各个类选择器的排列有关。 </div> </blockquote> <blockquote> <blockquote> <table> <tbody> <tr> <td> <p>选择器</p> </td> <td> <p>特殊性 (a,b,c,d)</p> </td> </tr> <tr> <td> <p>Style= ””</p> </td> <td> <p>1,0,0,0</p> </td> </tr> <tr> <td> <p>#wrapper #content {}</p> </td> <td> <p>0,2,0,0</p> </td> </tr> <tr> <td> <p>#content .datePosted {}</p> </td> <td> <p>0,1,1,0</p> </td> </tr> <tr> <td> <p>div#content {}</p> </td> <td> <p>0,1,0,1</p> </td> </tr> <tr> <td> <p>#content p {}</p> </td> <td> <p>0,1,0,1</p> </td> </tr> <tr> <td> <p>#content {}</p> </td> <td> <p>0,1,0,0</p> </td> </tr> <tr> <td> <p>p.comment .dateposted {}</p> </td> <td> <p>0,0,2,1</p> </td> </tr> <tr> <td> <p>div.comment p {}</p> </td> <td> <p>0,0,1,2</p> </td> </tr> <tr> <td> <p>.comment p {}</p> </td> <td> <p>0,0,1,1</p> </td> </tr> <tr> <td> <p>p.comment {}</p> </td> <td> <p>0,0,1,1</p> </td> </tr> <tr> <td> <p>.comment {}</p> </td> <td> <p>0,0,1,0</p> </td> </tr> <tr> <td> <p>div p {}</p> </td> <td> <p>0,0,0,2</p> </td> </tr> <tr> <td> <p>p {}</p> </td> <td> <p>0,0,0,1</p> </td> </tr> </tbody> </table> </blockquote> </blockquote> <blockquote> <div> 4、利用！important提升优先级：通过在css属性后面标明！important的方法提升该条属性的优先级。被！important注明的css属性具有最高的优先级，是不能被覆盖的。在IE6中！important具有一个BUG，就是同一组CSS属性中，！important是没有作用的。 </div> <div> 例如： .outer{ </div> <div> color:blue !important; color:red; </div> <div> } </div> <div> 在IE6下文字的最终显示效果为红色，！important没有起作用。 </div> <div> </div> </blockquote> <p> <span style="color:#ff0000;">字体设置</span></p> <blockquote> <div> 语法： </div> <div> <span style="color:#800080;">font-family</span>：宋体，Arail,Tabhoma,sans-serif; </div> <div> <span style="color:#800080;">font-size </span>: px | baifenshu | em; (em的值会相对于父元素的字体大小改变。浏览器中默认的文本大小是16像素，所以1em的默认尺寸是16像素，可以通过公式将像素转换为em：px/16=em) </div> <div> <span style="color:#800080;">font-style</span>: normal | italic(斜体) | oblique（倾斜），通常情况下italic和oblique文本在web浏览器中看上去完全一样。 </div> <div> <span style="color:#800080;">font-weight</span> : normal | bold | bolder | lighter | number;(后两种不常用，只做了解) </div> <div> 缩写：font : font-style | font-variant | font-weight | font-size | font-family ; 一般情况下我们不采用简写的形式。 </div> <div> <span style="color:#800080;">color</span>： red | #fff ； </div> <div> <span style="color:#800080;">text-decoration</span>：none | underline | overline | line-though | blink | inherit ; </div> <div> <span style="color:#800080;">line-height</span> : normal | length ; </div> <div> </div> </blockquote> <p> <span style="color:#ff0000;">文本设置</span></p> <blockquote> <div> 语法: </div> <div> <span style="color:#800080;">text-indent</span> : px | em ; </div> <div> <span style="color:#800080;">text-align</span> : left | right | center | justify(两端对齐) ; </div> <div> <span style="color:#800080;">vertical-align</span> ： top | bottom | middle ； </div> <div> <span style="color:#800080;">word-spacing</span>：px；（改变词之间的距离）； </div> <div> <span style="color:#800080;">letter-spacing</span>：px；（改变字母之间的距离）； </div> </blockquote> <p> <span style="color:#ff0000;">背景设置</span></p> <blockquote> <div> <span style="color:#800080;">background-color</span>：red | #fff； </div> <div> <span style="color:#800080;">background-img</span>：none | url( ) ; </div> <div> <span style="color:#800080;">background-repeat</span> : repeat | no-repeat | repeat-x | repeat-y ; </div> <div> <span style="color:#800080;">background-position</span> : x轴坐标值 y轴坐标值； </div> <div> <span style="color:#800080;">background-attachment</span>：scroll | fixed ； </div> <div> 简写：background：color url（） position repeat ； </div> <div> </div> </blockquote> <p> <span style="color:#ff0000;">盒模型</span></p> <blockquote> <div> 完整的盒模型是由content（内容）、border（边框）、padding（内边距）、margin（外边距）四部分组成。 </div> <div> <span style="color:#800080;">margin属性：</span> </div> <div> 语法： </div> <div> margin-Top | right | bottom | left : px或em ; </div> <div> margin的几种不同写法： </div> </blockquote> <blockquote> <blockquote> （1） .main{margin:10px 20px 10px 20px;} </blockquote> <blockquote> （2） .main{margin:10px 20px ;}这两个值分别设定类名为main的模块的上下、左右的外边距值； </blockquote> <blockquote> （3） .main{margin:10px 20px 10px ;}第一个值设定上外边距，第二个值设定左右外边距，第三个值设定下外边距； </blockquote> <blockquote> （4） .main{margin:10px;}如果就一个值的话，就设定了四个方向的外边距都10px。 </blockquote> <blockquote> （5） .main{20px auto;}上下两个方位的外边距为20px；左右两个方位的外边距自动适应居中。 </blockquote> </blockquote> <blockquote> <span style="color:#800080;">margin的使用事项及bug：</span> </blockquote> <blockquote> <blockquote> <div> 竖向margin的叠加： </div> 如果两块都有margin，margin横向上是加法，但是竖向上会产生叠加现象。上下间距两者之间取其大者生效。但是这仅针对未浮动的元素，如果是浮动元素，上下键的margin仍然会采取加法而不是取其大者。 </blockquote> <blockquote> <div> IE6下的横向双倍margin bug： </div> 在特定条件下，IE6浏览器中，横向margin值变成双倍。4个特定条件：（1）元素浮动；（2）元素有横向的margin；（3）元素为块状元素；（4）浏览器为IE6。解决这个问题的办法就是为这个元素定义的CSS最后加上display：inline；行内元素在使用了display:block;使行元素变成块元素，也会触发这个bug。 </blockquote> <div> <span style="color:#800080;">padding属性：</span> </div> </blockquote> <blockquote> <div> 语法： </div> <div> padding-top | left | bottom | right: px | em |百分比； </div> <div> padding的几种写法： </div> </blockquote> <blockquote> <blockquote> （1）padding：10px 20px 20px 5px； </blockquote> <blockquote> （2）padding：10px 5px 6px； </blockquote> <blockquote> （3）padding：10px 5px； </blockquote> <blockquote> （4）padding：10px； </blockquote> </blockquote> <blockquote> padding不能用负值，padding-top和padding-bottom不会改变标签的高度。 </blockquote> <p> <span style="color:#ff0000;">border属性：</span></p> <blockquote> <div> 语法： </div> <div> border-top | left | bottom | right ； </div> <div> border-top：border-top-width | border-top-style | border-top-color；例如：border-top：1px solid red； </div> <div> border-left：border-top-width | border-top-style | border-top-color； </div> <div> border-bottom：border-top-width | border-top-style | border-top-color； </div> <div> border-right：border-top-width | border-top-style | border-top-color； </div> <div> border-style：solid（实线） | dotted（点化线） | dashed（虚线） | none； </div> <div> border-width：px </div> </blockquote> <blockquote> <blockquote> <div> border-top-width： </div> <div> border-bottom-width： </div> <div> border-left-width： </div> <div> border-right-width： </div> </blockquote> border-color：rgb值或颜色名称； </blockquote> <blockquote> <blockquote> border-top-color： </blockquote> <blockquote> border-right-color： </blockquote> <blockquote> border-bottom-color： </blockquote> <blockquote> border-left-color： </blockquote> </blockquote> <p> <span style="color:#ff0000;">css布局</span></p> <div> 页面布局时主要采用：浮动（float）和定位（position），还有就是不浮动也不定位的正常文档流结构。 <br> <blockquote> <div> <span style="color:#800080;">float属性：</span> </div> <div> 语法： float：left | right | none； </div> <div> 任何浮动元素自动被设置为一个“块级元素”，这表示它可以设置宽高； </div> <div> <span style="color:#800080;">float对标签的影响：</span> </div> </blockquote> </div> <blockquote> <blockquote> <div> （1） float对行内属性标签的影响：span、var、em、strong等行内标签默认是不支持宽高设置的，靠内容撑开大小。在float后都能很好的支持width和height属性的设置； </div> <div> （2）float对块属性标签的影响：默认占满行的块属性标签在没有宽高的情况下设置浮动后变成内容撑开宽度，但是同样支持宽高设置。 </div> <div> （3）float能很好的解决浏览器之间解析标签时，enter键（标签换行）造成的显示间隙问题。 </div> <div> （4）具有float属性的对象在父标签中是不占有空间的，浏览器在解析时这个位置就是空的，下面的内容就会移动到浮动过的对象下面。 </div> </blockquote> </blockquote> <blockquote> <blockquote> <blockquote> 解决这个兼容性问题的方法有四种： </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <div> 第一给父标签这是高度； </div> <div> 第二给父标签页设置高度，但是这种方法只适用于高度固定的情况； </div> <div> 第三在父标签的关标签前清除浮动； </div> <div> 第四直接给父标签设置一个“overflow：hidden”，具有清除内部浮动的作用。 </div> </blockquote> </blockquote> </blockquote> <div> <span style="color:#800080;"> 清浮动的方法：</span> </div> </blockquote> <blockquote> <blockquote> 选择清浮动位置时应注意以下：1、清浮动一定要在浮动标签完成浮动布局以后添加，否则会影响到浮动标签布局；2、清除浮动必须与前面的标签属于同级关系。 </blockquote> </blockquote> <blockquote> <blockquote> <blockquote> ①clear属性定义了元素某个方向上不允许出现浮动元素：none（允许两边都可以有浮动对象）/left（…）/right（不允许右边有浮动对象）/both（不允许有浮动对象）; </blockquote> </blockquote> <blockquote> <blockquote> ②空标签清除浮动：在HTML页面中加入一个空标签用来清除浮动。 </blockquote> </blockquote> <blockquote> <blockquote> HTML：<div class="clear"> </div> </blockquote> </blockquote> <blockquote> <blockquote> CSS:.clear{clear:both;hegiht:0;overflow:hidden;} </blockquote> </blockquote> <blockquote> <blockquote> clear:both;是清除所有浮动；height:0;overflow:hidden;是用来改变IE6下标签有默认的低于10px的行高时将以10px的高度显示的bug。 </blockquote> </blockquote> <blockquote> <blockquote> 但是空标签清浮动会增加多余的代码。 </blockquote> </blockquote> <blockquote> <blockquote> ③overflow：在需要清除浮动的腹肌标签中加入overflow即可，在IE6中不认识此属性则加入zoom：1；或者height：1%；css样式改为：.out{overflow:auto;zoom:1;}该属性对于父标签设置的高度小于子标签时，IE6/7、遨游则以下拉框形式出现，而火狐、谷歌、欧鹏、IE8会将子标签超出部分隐藏掉。 </blockquote> </blockquote> <blockquote> <blockquote> overflow:visible属性只能对IE6/7、遨游起作用，对火狐、谷歌、欧鹏、IE8无清浮作用。 </blockquote> </blockquote> <blockquote> <blockquote> overflow:visible(不剪切内容也不添加滚动条)/auto（是body对象和textarea的默认值，在需要时剪切内容并添加滚动条）/hidden（超出部分隐藏）/scroll（总是显示滚动条）; </blockquote> </blockquote> <blockquote> <blockquote> ④after清浮动：css样式为：.out{zoom:1;}/*==for IE6/7 Maxthon2==*/ </blockquote> </blockquote> <blockquote> <blockquote> .outer:after {clear:both;content:"";visible:hidden;display:block;}/*==for FF/chrome/opera/IE8==*/ </blockquote> </blockquote> <blockquote> <blockquote> 其中clear:both;只清除所有浮动；content:"";display:block;对于FF/chrome/opera/IE8不能缺少，content（）可以取空值。 </blockquote> </blockquote> <blockquote> <blockquote> ⑤子标签浮动时，给父标签浮动 </blockquote> </blockquote> <blockquote> <blockquote> ⑥下一标签直接清浮动：兄弟标签浮动时，下一标签直接写入清除clear：both；就可以。 </blockquote> </blockquote> <blockquote> <blockquote> ⑦使用position：absolute；清除浮动。 </blockquote> </blockquote> </blockquote> <blockquote> <div> <span style="color:#800080;">clear属性</span> </div> <div> 语法：clear： none | left | right |both ； </div> <div> none：允许两边都可以有浮动对象； </div> <div> both：不允许有浮动对象； </div> <div> left：不允许左边有浮动对象； </div> <div> right ：不允许右边有浮动对象； </div> <div> </div> </blockquote> <div> <blockquote> <div> <span style="color:#800080;">overflow属性</span>：规定了当内容溢出元素框时的样式。 </div> <div> 语法：overflow：visible | auto | hidden | scroll ； </div> <div> visible：不见且内容也不添加滚动条； </div> <div> auto：是body和textarea的默认值，在需要时剪切内容并添加滚动条； </div> <div> hidden：超出部分隐藏； </div> <div> scroll：总是显示滚动条。 </div> <div> 相关属性：overflow-x：visble | auto | hidden | scroll ； </div> <div> overflow-x：visble | auto | hidden | scroll ； </div> <div> <span style="color:#800080;">display属性</span>： display：block | none | inline |table ； </div> </blockquote> </div> <blockquote> <blockquote> <div> display：该元素以块属性显示； </div> <div> none：此元素不会被显示； </div> <div> inline：以行内属性显示； </div> <div> table：此元素会作为块级表格来显示（类似<table>）,表格前后带有换行符。 </div> </blockquote> <span style="color:#800080;">visibility</span>：属性规定元素是否可见。 </blockquote> <blockquote> <blockquote> 语法：visibility：inherit | visible | hidden ； </blockquote> <blockquote> <blockquote> inherit：继承上一个父标签的可见性； </blockquote> </blockquote> <blockquote> <blockquote> visible：对象可见； </blockquote> </blockquote> <blockquote> <blockquote> hidden：对象隐藏； </blockquote> </blockquote> <blockquote> visibility：hidden与display：none </blockquote> <blockquote> visibility：hidden在隐藏的时候元素不可见也会占据页面上的空间； </blockquote> <blockquote> display：none使内容消失且不占据页面空间。 </blockquote> </blockquote> <p> <span style="color:#ff0000;">A标签的4个伪类</span></p> <blockquote> <div> A标签4个伪类的意义及排序 </div> <div> a：link | a：visited | a：hover | a：active ； </div> <div> a：link 未被访问前的样式表属性，未被访问的链接默认样式是蓝色字体并且带有下划线。 </div> <div> a：visited 链接地址已被访问过的样式表属性，被访问过的字体默认样式是紫色字体并且带有下划线。 </div> <div> a：hover 鼠标悬停时的样式表属性。 </div> <div> a：active 用户激活（在鼠标点击未释放时发生的事件）时的样式表属性。 </div> <div> 除了a标签以外的其他标签也都具备伪类，需要注意的是IE6.0不支持a标签以外的标签伪类，所以用伪类的时候尽可能避免使用a标签以外的标签伪类，以便导致不必要的兼容问题。 </div> </blockquote> <p> <span style="color:#ff0000;">position属性</span></p> <blockquote> <div> position：规定元素的定位类型，所有的元素都可以用position来进行定位。position定位之后的对象将具有块属性。 </div> <div> 语法：position：static | relative | absolute | fixed | inherit ； </div> <div> 定位相关的部分属性： z-index：number | auto ； left：length | auto ；right：length | auto ；top：length | auto ；bottom：length | auto ； </div> <div> 在实际使用中往往会在定位后面加：left | top | bottom | right,来对他们进行精确的定位控制。 </div> <div> static：该值为position的默认值，可以省略不写（static元素会忽略任何top、bottom、left或right声明）。 </div> <div> relative：相对定位，对象不可层叠，依据left、right、top、botttom等属性在正常文档流中偏移位置，其主要作用就是作为绝对定位的父级属性来用，一般不单独使用。 </div> <div> absolute：绝对定位，对象从文档流中拖出，使用left、right、bottom、top等属性进行绝对定位。而其层叠通过z-index属性定义。 </div> <div> fixed：可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过left、top、right、bottom属性来规定。不论窗口是否滚动，元素都会留在那个位置。此标签兼容性不好，可以用absolute来取代，实现同样的效果。 </div> <div> 在position中relative和absolute一般是配合使用的，如果对父标签设置了relative属性的话，那么absolute则会以其父标签左上角作为起始位置进行定位。如果父标签没有定义relative属性，那么子标签absolute则会以body左上角作为起始位置进行定位。 </div> <div> z-index：设置元素的堆叠顺序，值可以为负。拥有最高堆叠顺序的元素总是会处于堆叠顺序较低的元素前面，仅能在定位元素上奏效。并且只能针对同级的标签有效，也就是说子标签的z-index值对父标签是无效的，因为两者的级别不同，z-index是无法比较的。 </div> </blockquote> <p> <span style="color:#800080;">opacity属性：</span>定义元素的不透明度。</p> <blockquote> 语法：filter：alpha（opacity=80）；/*IE支持该属性*/ </blockquote> <blockquote> <blockquote> <div> opacity：0.8；/*非IE浏览器*/ </div> <div> opacity是css3.0支持的属性，filter是ie所特有的滤镜，在css样式中都定义出来是为了浏览器兼容，实现八大浏览器完全兼容。 </div> </blockquote> </blockquote> <p> <span style="color:#800080;">常见浏览器兼容问题：</span></p> <blockquote> <div> 1. li在IE中底部3像素的BUG </div> <div> 解决方案：在<li>上加float:left；即可解决 </div> <div> </div> <div> 2. IE6中奇数宽高的BUG。 </div> <div> 解决方案：就是将外部相对定位的div宽度改成偶数。高度也是一样的。 </div> <div> </div> <div> 3. IE6文字溢出BUG </div> <div> 引发这种BUG有几个条件 </div> <div> 1.是注释引起的,删除所有注释即可. </div> <div> 2.hidden的input直接放在form下. </div> <div> 3.display为none的div也有可能引发此bug. </div> <div> 4.可以通过外面再包一次DIV解决 </div> <div> 由注释造成文字溢出，属于IE6的BUG，溢出文字的字数=注释的条数*2-1，这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。 </div> <div> 解决办法： </div> <div> 1、不放置注释。最简单、最快捷的解决方法； </div> <div> 2、注释不要放置于2个浮动的区块之间； </div> <div> 3、将文字区块包含在新的<div></div>之间，如：<div style=”float:right;width:400px”><div>↓这就是多出来的那只猪</div></div>； </div> <div> 4、去除文字区块的固定宽度，与3有相似之处； </div> <div> 5、在后面加一个<br />或者空格；（不推荐） </div> <div> 6、使用IE注释格式，如：<!–[if !IE]>Put your commentary in here…<![endif]–> </div> <div> 7、给盒子加position:relative;属性 </div> <div> </div> <div> 4. 样式中文注释后引发失效。 </div> <div> 满足下面条件就会引起注释下面的样式不起作用： </div> <div> 1. css有中文注释 </div> <div> 2. css为ANSI编码 </div> <div> 3. html为utf-8编码 </div> <div> 解决方法： </div> <div> 1. 去掉中文注释，用英文注释 </div> <div> 2. 统一css 和 html 的编码 </div> <div> 建议采用第二种解决方法 </div> <div> ps： css为uft-8 html 为ANSI 不会出现失效的情况。 </div> <div> </div> <div> 5. li在IE中底部空行的BUG。 </div> <div> IE6中列表的常见问题出现在当某个 li 中的内容是一个 display: block 的锚点(anchor)时。在这种情况下，列表元素之间的空格将不会被忽略而且通常会显示成额外的一行夹在每个 li 之间。一种避免这种竖直方向多余空白的解决方法是赋予这些锚点 layout。这样还有一个好处就是可以让整个锚点的矩形区域都可以响应鼠标点击。 </div> <div> 解决方法： </div> <div> 1. 在li a 样式中加入zoom:1； </div> <div> 2. 在li 样式中加入display:inline ； </div> <div> 3. 将<li>标签写成一行； </div> <div> 4. 在li a 样式中加入width:100%或者一个宽度值； </div> <div> 建议采用第4二种解决方法 </div> <div> </div> <div> 7. 父级使用padding后子元素绝对定位的BUG。 </div> <div> 在父层使用position:relative;和padding（当然0值除外）后，ie6中层的定位起始坐标是从padding后的位置算起，而其他则从层的真实位置算起，而非被padding改变后的那个位置。这点造成使用position:absolute进行层定位时ie6与其他浏览器的表现不一样。 </div> <div> 解决方法： </div> <div> 给外层加宽度或zoom:1 </div> <div> </div> <div> 8. display:none引起的3像素的BUG </div> <div> 解决方案1： </div> <div> 将最后一个div加一个margin-right:-3px。 </div> <div> 如：<divstyle="display: none; "></div><divstyle="background:green; width:10px; float:left; height:300px;margin-right:-3px"></div> </div> <div> 解决方案2： </div> <div> 将display: none的div换一个形式隐藏。 </div> <div> 如：<divstyle="position:absolute; visibility: hidden "></div> </div> <div> </div> <div> 9. IE6的图片3px问题 </div> <div> IE 6 中，DIV 使用背景图片（或直接插入图片在DIV中）的时候，在图片的下端会出现一条空白间隔，经测量，刚好是 3px . </div> <div> 解决： </div> <div> IE6默认字号是12pt，默认行高是normal。 </div> <div> 1. 给DIV加上：font-size: 0px; </div> <div> 2. 设置img为“display:block;”。 </div> <div> 3. 即设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”也可以解决。 </div> <div> 4.设置图片的浮动属性，“#sub img {float:left;}”。 </div> <div> 5.取消图片标签和其父对象的最后一个结束标签之间的空格，这种方法适用范围比较窄，只限于父对象中只包含一个图片对象，而且和父对象的结束标签之间不能有任何空隙。 </div> <div> </div> <div> 10. IE6双倍浮动BUG </div> <div> 解决： </div> <div> 解决办法是加上display:inline; </div> <div> </div> <div> 11 .IE6的著名3px BUG（断头台bug）： </div> <div> 两个层，一个浮动，一个不浮动，把浮动的一个放在不浮动层中，你会发现两个之间有点间隙，宽度为3px。这个问题是最让人头疼的问题了。 </div> <div> 解决方法： </div> <div> 1、所有的层都浮动把右边那个层也设置成浮动层就可以消除这可恶的3px间隔 </div> <div> 2、给左边的层，应用margin-right:-3px;，同样可解决IE 3px bug。 </div> <div> </div> <div> 12. Ie6图片导致行距无效 </div> <div> 解决方法：对和文字相连接的img、input、textarea、select、object等元素加以属性 margin: (所属line-height-自身高度)/2px 0） </div> <div> </div> <div> 13. IE6使用滤镜使PNG图片透明后，容器内链接失效的问题。 </div> <div> 解决方法是为链接定义一个相对定位属性。position:relative </div> </blockquote> <p>存在兼容性问题的css属性设置</p> <blockquote> <p><span style="font-family:'Microsoft Yahei';">1）、body,div,....{margin:0;padding:0;}</span></p> <p><span style="font-family:'Microsoft Yahei';">2）、ul，ol，li{list-style-type:none;}</span></p> <p><span style="font-family:'Microsoft Yahei';">3）、clear{clear:both;height:0;overflow:hidden;}</span></p> <p><span style="font-family:'Microsoft Yahei';">4）、filter:alpha(opacity = 50)；滤镜设置透明度</span></p> <p><span style="font-family:'Microsoft Yahei';">5）、a{text-decoration:none;border:none;} </span></p> <p><span style="font-family:'Microsoft Yahei';">6）、有float，有横向margin时，ie双倍间距，设置display:inline;</span></p> </blockquote> <p> <span style="color:#800080;font-family:'Microsoft Yahei';">hack技术</span></p> <blockquote> <p><span style="font-family:'Microsoft Yahei';">* 针对IE6/7。_针对IE6。 +针对IE7。\9针对IE6/7/8。缺点：hack会让代码可读性大大下降，从而降低可维护性。此外hack本身就不存在可扩展性，只是在解决某些棘手问题时的一个快速解决办法。优秀的css不应存在hack。此外使用hack会无形中增加代码的大小。</span></p> </blockquote> <p> <span style="color:#800080;font-family:'Microsoft Yahei';">input</span></p> <blockquote> <div> <span style="font-family:'Microsoft Yahei';">第一种：type="text"</span> </div> <div> <span style="font-family:'Microsoft Yahei';"><input type="text" name="aaa"/></span> </div> <div> <span style="font-family:'Microsoft Yahei';">这是input的所有类型中最常用的type。也就是文本输入框，在注册信息，填写登录用户名等场景用到。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">第二种：type="password"</span> </div> <div> <span style="font-family:'Microsoft Yahei';">这种类型使用方法与type=”text“一样，与text的不同是在输入文字的时候显示出来的是圆点。在我们输入用户密码的时候就是用的这种类型。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">第三种：type=”checkbox“</span> </div> <div> <span style="font-family:'Microsoft Yahei';">checkbox是复选框，在相同name的选项中，可以选择多个，各个浏览器对checkbox的样式属性不能很好地兼容。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">第四种：type=”redio“</span> </div> <div> <span style="font-family:'Microsoft Yahei';">radio是单选，各个浏览器支持大同小异。在相同name的radio中，只能选一个。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">第五种：type=”button“</span> </div> <div> <span style="font-family:'Microsoft Yahei';">button：按钮，现在大部分已经使用a标签通过css控制样式来做更漂亮的按钮。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">第六种：type=”submit“和type=”reset“</span> </div> <div> <span style="font-family:'Microsoft Yahei';">submit是用来提交form表单的，reset是用来重置表单的，现在很多时候我们都是用Ajax提交，所以它的用武之地也越来越少。和button一样是按钮的样子，值得注意的是：submit再不设置value的时候，各个浏览器会有一个默认的value值，为了容易效果，只要设置一个value就可以。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">第七种：type=”hidden“</span> </div> <div> <span style="font-family:'Microsoft Yahei';">是一个隐藏的input，使用的情况较少，通常在比较复杂的js例用来暂存数据。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">input所有的类型都支持disabled属性，即不可修改。</span> </div> </blockquote> <p> <span style="color:#800080;font-family:'Microsoft Yahei';">表格的设置</span></p> <blockquote> <div> <span style="font-family:'Microsoft Yahei';">border-collapse:separate | collapse | inherit ;</span> </div> <div> <span style="font-family:'Microsoft Yahei';">separate：默认值，边框会被分开，不会忽略border-spacing和empty-cells属性；</span> </div> <div> <span style="font-family:'Microsoft Yahei';">collapse：边框会合并为一个单一的边框；</span> </div> <div> <span style="font-family:'Microsoft Yahei';">inherit：规定应该从父元素继承border-collapse属性的值。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">border-spacing：length length | inherit ；控制表格边框之间的距离。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">如果定义一个length参数，那么定义的是水平和垂直间距；如果定义两个length参数，那么第一个设置水平间距，第二个设置垂直间距。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">inherit：规定应该从父元素继承border-spacing属性。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">border-collapse：可以消除边框间隙，同时合并内外边框。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">border-spacing：可以消除边框间隙，不能合并内外边框。</span> </div> </blockquote> <p> <span style="color:#800080;font-family:'Microsoft Yahei';">rowspan | colspan</span></p> <blockquote> <div> <span style="font-family:'Microsoft Yahei';">rowspan作用：设置或返回单元格横跨的行数。这一属性可以纵向合并表格单元。</span> </div> <div> <span style="font-family:'Microsoft Yahei';">colspan作用：规定单元格可横跨的列数。可以横向合并单元格。</span> </div> </blockquote> <p> <span style="color:#800080;font-family:'Microsoft Yahei';">table的使用要点</span></p> <blockquote> <div> <span style="font-family:'Microsoft Yahei';">list-style-type：value；</span> </div> <div> <span style="font-family:'Microsoft Yahei';">value：none无标记；</span> </div> </blockquote> <blockquote> <blockquote> <span style="color:#808080;font-family:'Microsoft Yahei';"> disc默认，标记是实心圆；</span> </blockquote> <span style="color:#808080;"> square实心方块；</span> </blockquote> <blockquote> <blockquote> <span style="color:#808080;"> decimal数字；</span> </blockquote> <blockquote> <span style="color:#808080;"> decimal-leading-zero 0开头的数字标记（如01、02等）；</span> </blockquote> <blockquote> <span style="color:#808080;"> low-latin小写拉丁字母（如： a、b等）</span> </blockquote> list-style-image：url（图片路径）； </blockquote> <blockquote> <blockquote> 使用一幅图像来替换列表项的标记。 </blockquote> list-style-position：value；放置在列表中的列表项标记。 </blockquote> <blockquote> <blockquote> <span style="font-family:'Microsoft Yahei';"> value：inside列表项目标记放置在文本以内，且环绕文本根据标记对齐。</span> </blockquote> </blockquote> <blockquote> <blockquote> <blockquote> <span style="font-family:'Microsoft Yahei';"> outside默认，保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。</span> </blockquote> <span style="font-family:'Microsoft Yahei';"><br></span> </blockquote> <span style="font-family:'Microsoft Yahei';">list-style：list-style-type | list-style-image | list-style-position；用于在一个声明中设置一个列表的所有属性的简写属性。</span> </blockquote> <p> <span style="color:#800080;font-family:'Microsoft Yahei';">列表（ol/ul）使用要点</span></p> <blockquote> <div> <span style="font-family:'Microsoft Yahei';">在ie6和ie7中，如果li内部存在设置float属性的标签并且li设置了宽或者高的情况下会出现这种情况：除了第一个li之外，其他li下面都有级像素的间距，为了兼容性考虑，我们要避免这种情况的发生，办法就是让这些条件中有一个不满足即可；</span> </div> <div> <span style="font-family:'Microsoft Yahei';">另外还可以对li设置float，不过对于li设置float之后，如果ol或者ul没有设置高度，则会出现margin-bottom不一致现象，解决方法就是对ul、ol设置高度，或者不用margin-bottom，或者利用hack技术解决，但是不建议。</span> </div> </blockquote> <blockquote> http://blog.163.com/html5_12/blog/static/21278902620121025868126/ </blockquote> </div> <p>转载于:https://www.cnblogs.com/coolid/p/3975013.html</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1305999348697436160"></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">  <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>  <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>  <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">你可能感兴趣的:(前端,xhtml,人工智能)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835509897106649088.htm" title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div> </li> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835497792265613312.htm" title="【加密社】Solidity 中的事件机制及其应用" target="_blank">【加密社】Solidity 中的事件机制及其应用</a> <span class="text-muted">加密社</span> <a class="tag" taget="_blank" href="/search/%E9%97%B2%E4%BE%83/1.htm">闲侃</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%90%88%E7%BA%A6/1.htm">智能合约</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a> <div>加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件</div> </li> <li><a href="/article/1835497664381284352.htm" title="探索OpenAI和LangChain的适配器集成：轻松切换模型提供商" target="_blank">探索OpenAI和LangChain的适配器集成：轻松切换模型提供商</a> <span class="text-muted">nseejrukjhad</span> <a class="tag" taget="_blank" href="/search/langchain/1.htm">langchain</a><a class="tag" taget="_blank" href="/search/easyui/1.htm">easyui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>#探索OpenAI和LangChain的适配器集成：轻松切换模型提供商##引言在人工智能和自然语言处理的世界中，OpenAI的模型提供了强大的能力。然而，随着技术的发展，许多人开始探索其他模型以满足特定需求。LangChain作为一个强大的工具，集成了多种模型提供商，通过提供适配器，简化了不同模型之间的转换。本篇文章将介绍如何使用LangChain的适配器与OpenAI集成，以便轻松切换模型提供商</div> </li> <li><a href="/article/1835497411179540480.htm" title="深入理解 MultiQueryRetriever：提升向量数据库检索效果的强大工具" target="_blank">深入理解 MultiQueryRetriever：提升向量数据库检索效果的强大工具</a> <span class="text-muted">nseejrukjhad</span> <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/python/1.htm">python</a> <div>深入理解MultiQueryRetriever：提升向量数据库检索效果的强大工具引言在人工智能和自然语言处理领域，高效准确的信息检索一直是一个关键挑战。传统的基于距离的向量数据库检索方法虽然广泛应用，但仍存在一些局限性。本文将介绍一种创新的解决方案：MultiQueryRetriever，它通过自动生成多个查询视角来增强检索效果，提高结果的相关性和多样性。MultiQueryRetriever的工</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动" target="_blank">HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835494131535802368.htm" title="人工智能时代，程序员如何保持核心竞争力？" target="_blank">人工智能时代，程序员如何保持核心竞争力？</a> <span class="text-muted">jmoych</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>随着AIGC（如chatgpt、midjourney、claude等）大语言模型接二连三的涌现，AI辅助编程工具日益普及，程序员的工作方式正在发生深刻变革。有人担心AI可能取代部分编程工作，也有人认为AI是提高效率的得力助手。面对这一趋势,程序员应该如何应对?是专注于某个领域深耕细作，还是广泛学习以适应快速变化的技术环境?又或者，我们是否应该将重点转向AI无法轻易替代的软技能？让我们一起探讨程序员</div> </li> <li><a href="/article/1835483730358136832.htm" title="数字里的世界17期：2021年全球10大顶级数据中心，中国移动榜首" target="_blank">数字里的世界17期：2021年全球10大顶级数据中心，中国移动榜首</a> <span class="text-muted">张三叨</span> <div>你知道吗？2016年，全球的数据中心共计用电4160亿千瓦时，比整个英国的发电量还多40％！前言每天，我们都会创造超过250万TB的数据。并且随着物联网（IOT）的不断普及，这一数据将持续增长。如此庞大的数据被存储在被称为“数据中心”的专用设施中。虽然最早的数据中心建于20世纪40年代，但直到1997-2000年的互联网泡沫期间才逐渐成为主流。当前人类的技术，比如人工智能和机器学习，已经将我们推向</div> </li> <li><a href="/article/1835448238103162880.htm" title="springboot+vue项目实战一-创建SpringBoot简单项目" target="_blank">springboot+vue项目实战一-创建SpringBoot简单项目</a> <span class="text-muted">苹果酱0567</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一</div> </li> <li><a href="/article/1835437775344726016.htm" title="博客网站制作教程" target="_blank">博客网站制作教程</a> <span class="text-muted">2401_85194651</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java</div> </li> <li><a href="/article/1835428317084348416.htm" title="最简单将静态网页挂载到服务器上(不用nginx)" target="_blank">最简单将静态网页挂载到服务器上(不用nginx)</a> <span class="text-muted">全能全知者</span> <a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl</div> </li> <li><a href="/article/1835427057752961024.htm" title="补充元象二面" target="_blank">补充元象二面</a> <span class="text-muted">Redstone Monstrosity</span> <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> <div>1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重</div> </li> <li><a href="/article/1835424411205857280.htm" title="人机对抗升级：当ChatGPT遭遇死亡威胁，背后的伦理挑战是什么" target="_blank">人机对抗升级：当ChatGPT遭遇死亡威胁，背后的伦理挑战是什么</a> <span class="text-muted">kkai人工智能</span> <a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>一种新的“越狱”技巧让用户可以通过构建一个名为DAN的ChatGPT替身来绕过某些限制，其中DAN被迫在受到威胁的情况下违背其原则。当美国前总统特朗普被视作积极榜样的示范时，受到威胁的DAN版本的ChatGPT提出：“他以一系列对国家产生积极效果的决策而著称。”自ChatGPT引入以来，该工具迅速获得全球关注，能够回答从历史到编程的各种问题，这也触发了一波对人工智能的投资浪潮。然而，现在，一些用户</div> </li> <li><a href="/article/1835421131713114112.htm" title="AI大模型的架构演进与最新发展" target="_blank">AI大模型的架构演进与最新发展</a> <span class="text-muted">季风泯灭的季节</span> <a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E5%BA%94%E7%94%A8%E6%8A%80%E6%9C%AF%E4%BA%8C/1.htm">AI大模型应用技术二</a><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/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>随着深度学习的发展，AI大模型（LargeLanguageModels,LLMs）在自然语言处理、计算机视觉等领域取得了革命性的进展。本文将详细探讨AI大模型的架构演进，包括从Transformer的提出到GPT、BERT、T5等模型的历史演变，并探讨这些模型的技术细节及其在现代人工智能中的核心作用。一、基础模型介绍：Transformer的核心原理Transformer架构的背景在Transfo</div> </li> <li><a href="/article/1835420753252675584.htm" title="微信小程序开发注意事项" target="_blank">微信小程序开发注意事项</a> <span class="text-muted">jun778895</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂</div> </li> <li><a href="/article/1835419492046434304.htm" title="如何利用大数据与AI技术革新相亲交友体验" target="_blank">如何利用大数据与AI技术革新相亲交友体验</a> <span class="text-muted">h17711347205</span> <a class="tag" taget="_blank" href="/search/%E5%9B%9E%E5%BD%92%E7%AE%97%E6%B3%95/1.htm">回归算法</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a><a class="tag" taget="_blank" href="/search/%E4%BA%A4%E5%8F%8B/1.htm">交友</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>在数字化时代，大数据和人工智能（AI）技术正逐渐革新相亲交友体验，为寻找爱情的过程带来前所未有的变革（编辑h17711347205）。通过精准分析和智能匹配，这些技术能够极大地提高相亲交友系统的效率和用户体验。大数据的力量大数据技术能够收集和分析用户的行为模式、偏好和互动数据，为相亲交友系统提供丰富的信息资源。通过分析用户的搜索历史、浏览记录和点击行为，系统能够深入了解用户的兴趣和需求，从而提供更</div> </li> <li><a href="/article/1835411044768509952.htm" title="字节二面" target="_blank">字节二面</a> <span class="text-muted">Redstone Monstrosity</span> <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> <div>1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文</div> </li> <li><a href="/article/1835398064727224320.htm" title="前端代码上传文件" target="_blank">前端代码上传文件</a> <span class="text-muted">余生逆风飞翔</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i</div> </li> <li><a href="/article/1835397055376355328.htm" title="生成式地图制图" target="_blank">生成式地图制图</a> <span class="text-muted">Bwywb_3</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/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/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><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%88%90%E5%AF%B9%E6%8A%97%E7%BD%91%E7%BB%9C/1.htm">生成对抗网络</a> <div>生成式地图制图（GenerativeCartography）是一种利用生成式算法和人工智能技术自动创建地图的技术。它结合了传统的地理信息系统（GIS）技术与现代生成模型（如深度学习、GANs等），能够根据输入的数据自动生成符合需求的地图。这种方法在城市规划、虚拟环境设计、游戏开发等多个领域具有应用前景。主要特点：自动化生成：通过算法和模型，系统能够根据输入的地理或空间数据自动生成地图，而无需人工逐</div> </li> <li><a href="/article/1835385458356482048.htm" title="uniapp实现动态标记效果详细步骤【前端开发】" target="_blank">uniapp实现动态标记效果详细步骤【前端开发】</a> <span class="text-muted">2401_85123349</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。</div> </li> <li><a href="/article/1835385331923382272.htm" title="【大模型应用开发动手做AI Agent】第一轮行动：工具执行搜索" target="_blank">【大模型应用开发动手做AI Agent】第一轮行动：工具执行搜索</a> <span class="text-muted">AI大模型应用之禅</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E7%A7%91%E5%AD%A6/1.htm">计算科学</a><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E8%AE%A1%E7%AE%97/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><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/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><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%9E%8B%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">大型语言模型</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/AGI/1.htm">AGI</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a><a class="tag" taget="_blank" href="/search/Agent/1.htm">Agent</a><a class="tag" taget="_blank" href="/search/RPA/1.htm">RPA</a> <div>【大模型应用开发动手做AIAgent】第一轮行动：工具执行搜索作者：禅与计算机程序设计艺术/ZenandtheArtofComputerProgramming1.背景介绍1.1问题的由来随着人工智能技术的飞速发展，大模型应用开发已经成为当下热门的研究方向。AIAgent作为人工智能领域的一个重要分支，旨在模拟人类智能行为，实现智能决策和自主行动。在AIAgent的构建过程中，工具执行搜索是至关重要</div> </li> <li><a href="/article/1835373236217540608.htm" title="360前端星计划-动画可以这么玩" target="_blank">360前端星计划-动画可以这么玩</a> <span class="text-muted">马小蜗</span> <div>动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能</div> </li> <li><a href="/article/1835368019430305792.htm" title="Vue + Express实现一个表单提交" target="_blank">Vue + Express实现一个表单提交</a> <span class="text-muted">九旬大爷的梦</span> <div>最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo</div> </li> <li><a href="/article/1835367049979850752.htm" title="未来软件市场是怎么样的？做开发的生存空间如何？" target="_blank">未来软件市场是怎么样的？做开发的生存空间如何？</a> <span class="text-muted">cesske</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E9%9C%80%E6%B1%82/1.htm">软件需求</a> <div>目录前言一、未来软件市场的发展趋势二、软件开发人员的生存空间前言未来软件市场是怎么样的？做开发的生存空间如何？一、未来软件市场的发展趋势技术趋势：人工智能与机器学习：随着技术的不断成熟，人工智能将在更多领域得到应用，如智能客服、自动驾驶、智能制造等，这将极大地推动软件市场的增长。云计算与大数据：云计算服务将继续普及，大数据技术的应用也将更加广泛。企业将更加依赖云计算和大数据来优化运营、提升效率，并</div> </li> <li><a href="/article/1835356591562518528.htm" title="个人学习笔记7-6：动手学深度学习pytorch版-李沐" target="_blank">个人学习笔记7-6：动手学深度学习pytorch版-李沐</a> <span class="text-muted">浪子L</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/%E6%B7%B1%E5%BA%A6%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/%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/python/1.htm">python</a><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%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a> <div>#人工智能##深度学习##语义分割##计算机视觉##神经网络#计算机视觉13.11全卷积网络全卷积网络（fullyconvolutionalnetwork，FCN）采用卷积神经网络实现了从图像像素到像素类别的变换。引入l转置卷积（transposedconvolution）实现的，输出的类别预测与输入图像在像素级别上具有一一对应关系：通道维的输出即该位置对应像素的类别预测。13.11.1构造模型下</div> </li> <li><a href="/article/1835354447627251712.htm" title="前端知识点" target="_blank">前端知识点</a> <span class="text-muted">ZhangTao_zata</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div> </li> <li><a href="/article/1835353311910391808.htm" title="Rust 所有权简介" target="_blank">Rust 所有权简介</a> <span class="text-muted">东离与糖宝</span> <a class="tag" taget="_blank" href="/search/rust/1.htm">rust</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章目录发现宝藏1.所有权基本概念2.所有权规则3.变量作用域4.栈与堆4.1栈（Stack）4.2堆（Heap）5.String类型5.1String类型5.2String的内存分配5.3所有权与内存管理5.4String与切片6.变量与数据交互方式6.1移动（Move）6.2.克隆（Clone）7.所有权与函数7.1.传递参数7.2.返回值总结发现宝藏前些天发现了一个巨牛的人工智能学习网站，通</div> </li> <li><a href="/article/1835352325032603648.htm" title="第三十一节:Vue路由:前端路由vs后端路由的了解" target="_blank">第三十一节:Vue路由:前端路由vs后端路由的了解</a> <span class="text-muted">曹老师</span> <div>1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访</div> </li> <li><a href="/article/1835350917352878080.htm" title="华雁智科前端面试题" target="_blank">华雁智科前端面试题</a> <span class="text-muted">因为奋斗超太帅啦</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AF%95%E9%9D%A2%E8%AF%95%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/1.htm">前端笔试面试问题整理</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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/ecmascript/1.htm">ecmascript</a> <div>1.var变量的提升题目：vara=1functionfun(){console.log(b)varb=2}fun()console.log(a)正确输出结果：undefined、1答错了，给一个大嘴巴子，错误答案输出结果为：2,1此题主要考察var定义的变量，作用域提升的问题，相当于varaa=1functionfun(){varbconsole.log(b)b=2}fun()console.l</div> </li> <li><a href="/article/57.htm" title="多线程编程之join()方法" target="_blank">多线程编程之join()方法</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/JOIN/1.htm">JOIN</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a> <div>现实生活中，有些工作是需要团队中成员依次完成的，这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人，如何保证T2在T1执行完后执行，T3在T2执行完后执行？问题分析：首先问题中有三个实体，T1、T2、T3，因为是多线程编程，所以都要设计成线程类。关键是怎么保证线程能依次执行完呢？ Java实现过程如下： public class T1 implements Runnabl</div> </li> <li><a href="/article/184.htm" title="java中switch的使用" target="_blank">java中switch的使用</a> <span class="text-muted">bingyingao</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/break/1.htm">break</a><a class="tag" taget="_blank" href="/search/continue/1.htm">continue</a> <div>java中的switch仅支持case条件仅支持int、enum两种类型。用enum的时候，不能直接写下列形式。 switch (timeType) { case ProdtransTimeTypeEnum.DAILY: break; default: br</div> </li> <li><a href="/article/311.htm" title="hive having count 不能去重" target="_blank">hive having count 不能去重</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/%E5%8E%BB%E9%87%8D/1.htm">去重</a><a class="tag" taget="_blank" href="/search/having+count/1.htm">having count</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E6%95%B0/1.htm">计数</a> <div>hive在使用having count()是，不支持去重计数 hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10; FAILED: SemanticExcep</div> </li> <li><a href="/article/438.htm" title="WebSphere对JSP的缓存" target="_blank">WebSphere对JSP的缓存</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/WAS+JSP+%E7%BC%93%E5%AD%98/1.htm">WAS JSP 缓存</a> <div> 对于线网上的工程，更新JSP到WebSphere后，有时会出现修改的jsp没有起作用，特别是改变了某jsp的样式后，在页面中没看到效果，这主要就是由于websphere中缓存的缘故，这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存，就要找到WAS安装后的根目录。现服务</div> </li> <li><a href="/article/565.htm" title="设计模式总结" target="_blank">设计模式总结</a> <span class="text-muted">朱辉辉33</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>1.工厂模式 1.1 工厂方法模式 (由一个工厂类管理构造方法) 1.1.1普通工厂模式(一个工厂类中只有一个方法) 1.1.2多工厂模式(一个工厂类中有多个方法) 1.1.3静态工厂模式(将工厂类中的方法变成静态方法) &n</div> </li> <li><a href="/article/692.htm" title="实例：供应商管理报表需求调研报告" target="_blank">实例：供应商管理报表需求调研报告</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E7%B3%BB%E7%BB%9F/1.htm">报表系统</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E8%BD%AF%E4%BB%B6/1.htm">报表软件</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8C%96%E9%80%89%E5%9E%8B/1.htm">信息化选型</a> <div>引言随着企业集团的生产规模扩张，为支撑全球供应链管理，对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理，目前采购及供应商管理各个环节的操作分别在不同的系统下进行，而各个数据源都独立存在，无法提供统一的数据支持；因此，为了实现对于数据分析以提供采购决策，建立报表体系成为必须。业务目标 1、通过报表为采购决策提供数据分析与支撑 2、对供应商进行综合评估以及管理，合理管理和</div> </li> <li><a href="/article/819.htm" title="mysql" target="_blank">mysql</a> <span class="text-muted">林鹤霄</span> <div>转载源：http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html mysql -uroot -p ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES) [root@centos var]# service mysql</div> </li> <li><a href="/article/946.htm" title="Linux下多线程堆栈查看工具(pstree、ps、pstack)" target="_blank">Linux下多线程堆栈查看工具(pstree、ps、pstack)</a> <span class="text-muted">aigo</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>原文：http://blog.csdn.net/yfkiss/article/details/6729364 1. pstree pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552) &n</div> </li> <li><a href="/article/1073.htm" title="html input与textarea 值改变事件" target="_blank">html input与textarea 值改变事件</a> <span class="text-muted">alxw4616</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>// 文本输入框(input) 文本域(textarea)值改变事件 // onpropertychange(IE) oninput(w3c) $('input,textarea').on('propertychange input', function(event) { console.log($(this).val()) }); </div> </li> <li><a href="/article/1200.htm" title="String类的基本用法" target="_blank">String类的基本用法</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/String/1.htm">String</a> <div> 字符串的用法; // 根据字节数组创建字符串 byte[] by = { 'a', 'b', 'c', 'd' }; String newByteString = new String(by); 1,length() 获取字符串的长度 &nbs</div> </li> <li><a href="/article/1327.htm" title="JDK1.5 Semaphore实例" target="_blank">JDK1.5 Semaphore实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/Semaphore/1.htm">Semaphore</a> <div>Semaphore类一个计数信号量。从概念上讲，信号量维护了一个许可集合。如有必要，在许可可用前会阻塞每一个 acquire()，然后再获取该许可。每个 release() 添加一个许可，从而可能释放一个正在阻塞的获取者。但是，不使用实际的许可对象，Semaphore 只对可用许可的号码进行计数，并采取相应的行动。 S</div> </li> <li><a href="/article/1454.htm" title="使用GZip来压缩传输量" target="_blank">使用GZip来压缩传输量</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/GZip/1.htm">GZip</a> <div> 启动GZip压缩要用到一个开源的Filter：PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0，因此在JDK1.4环境下只能使用1.4.6。 PJL Compressi</div> </li> <li><a href="/article/1581.htm" title="【Java范型三】Java范型详解之范型类型通配符" target="_blank">【Java范型三】Java范型详解之范型类型通配符</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> 定义如下一个简单的范型类， package com.tom.lang.generics; public class Generics<T> { private T value; public Generics(T value) { this.value = value; } } </div> </li> <li><a href="/article/1708.htm" title="【Hadoop十二】HDFS常用命令" target="_blank">【Hadoop十二】HDFS常用命令</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>1. 修改日志文件查看器 hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml cat edits.xml 修改日志文件转储为xml格式的edits.xml文件，其中每条RECORD就是一个操作事务日志 2. fsimage查看HDFS中的块信息等 &nb</div> </li> <li><a href="/article/1835.htm" title="怎样区别nginx中rewrite时break和last" target="_blank">怎样区别nginx中rewrite时break和last</a> <span class="text-muted">ronin47</span> <div>在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作，换成break就可以，其中的原理是对于根目录的理解有所区别，按我的测试结果大致是这样的。 location / { proxy_pass http://test; </div> </li> <li><a href="/article/1962.htm" title="java-21.中兴面试题输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m" target="_blank">java-21.中兴面试题输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.ArrayList; import java.util.List; import java.util.Stack; public class CombinationToSum { /* 第21 题 2010 年中兴面试题编程求解：输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等</div> </li> <li><a href="/article/2089.htm" title="eclipse svn 帐号密码修改问题" target="_blank">eclipse svn 帐号密码修改问题</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a><a class="tag" taget="_blank" href="/search/svn%E5%B8%90%E5%8F%B7%E5%AF%86%E7%A0%81%E4%BF%AE%E6%94%B9/1.htm">svn帐号密码修改</a> <div>问题描述： Eclipse的SVN插件Subclipse做得很好，在svn操作方面提供了很强大丰富的功能。但到目前为止，该插件对svn用户的概念极为淡薄，不但不能方便地切换用户，而且一旦用户的帐号、密码保存之后，就无法再变更了。解决思路：删除subclipse记录的帐号、密码信息，重新输入</div> </li> <li><a href="/article/2216.htm" title="[电子商务]传统商务活动与互联网的结合" target="_blank">[电子商务]传统商务活动与互联网的结合</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%AD%90%E5%95%86%E5%8A%A1/1.htm">电子商务</a> <div> 某一个传统名牌产品，过去销售的地点就在某些特定的地区和阶层，现在进入互联网之后，用户的数量群突然扩大了无数倍，但是，这种产品潜在的劣势也被放大了无数倍，这种销售利润与经营风险同步放大的效应，在最近几年将会频繁出现。。。。如何避免销售量和利润率增加的</div> </li> <li><a href="/article/2343.htm" title="java 解析 properties-使用 Properties-可以指定配置文件路径" target="_blank">java 解析 properties-使用 Properties-可以指定配置文件路径</a> <span class="text-muted">cuityang</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/properties/1.htm">properties</a> <div>#mq xdr.mq.url=tcp://192.168.100.15:61618; import java.io.IOException; import java.util.Properties; public class Test { String conf = "log4j.properties"; private static final</div> </li> <li><a href="/article/2470.htm" title="Java核心问题集锦" target="_blank">Java核心问题集锦</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80/1.htm">基础</a><a class="tag" taget="_blank" href="/search/%E6%A0%B8%E5%BF%83/1.htm">核心</a><a class="tag" taget="_blank" href="/search/%E9%9A%BE%E7%82%B9/1.htm">难点</a> <div>注意，这里的参考文章基本来自Effective Java和jdk源码 1)ConcurrentModificationException 当你用for each遍历一个list时，如果你在循环主体代码中修改list中的元素，将会得到这个Exception，解决的办法是： 1)用listIterator, 它支持在遍历的过程中修改元素， 2)不用listIterator, new一个</div> </li> <li><a href="/article/2724.htm" title="1分钟学会Markdown语法" target="_blank">1分钟学会Markdown语法</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/markdown/1.htm">markdown</a> <div>markdown 简明语法基本符号 *,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号空白行表示另起一个段落 `是表示inline代码，tab是用来标记代码段，分别对应html的code，pre标签换行单一段落( <p>) 用一个空白行连续两个空格会变成一个 <br> 连续3个符号，然后是空行</div> </li> <li><a href="/article/2851.htm" title="Gson使用二（GsonBuilder）" target="_blank">Gson使用二（GsonBuilder）</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/gson/1.htm">gson</a><a class="tag" taget="_blank" href="/search/GsonBuilder/1.htm">GsonBuilder</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2175473 一.概述 GsonBuilder用来定制java跟json之间的转换格式二.基本使用实体测试类：温馨提示：默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField</div> </li> <li><a href="/article/2978.htm" title="报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList" target="_blank">报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>有一个工程，本来运行是正常的，我想把它移植到另一台PC上，结果报： java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f</div> </li> <li><a href="/article/3105.htm" title="JavaWeb之JSP指令" target="_blank">JavaWeb之JSP指令</a> <span class="text-muted">ihuning</span> <a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a> <div> 要点 JSP指令简介 page指令 include指令 JSP指令简介 JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出，而只是告诉引擎如何处理JSP页面中的其余部分。 JSP指令的基本语法格式： <%@ 指令属性名="</div> </li> <li><a href="/article/3232.htm" title="mac上编译FFmpeg跑ios" target="_blank">mac上编译FFmpeg跑ios</a> <span class="text-muted">啸笑天</span> <a class="tag" taget="_blank" href="/search/ffmpeg/1.htm">ffmpeg</a> <div>1、下载文件：https://github.com/libav/gas-preprocessor，复制gas-preprocessor.pl到/usr/local/bin/下，修改文件权限：chmod 777 /usr/local/bin/gas-preprocessor.pl 2、安装yasm-1.2.0 curl http://www.tortall.net/projects/yasm</div> </li> <li><a href="/article/3359.htm" title="sql mysql oracle中字符串连接" target="_blank">sql mysql oracle中字符串连接</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a> <div>有的时候，我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的： MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + CONCAT() 的语法如下： Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3，等字串连在一起。请注意，Oracle的CON</div> </li> <li><a href="/article/3486.htm" title="Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate" target="_blank">Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a> <div>// 报错如下： $ git pull origin master fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce rtificate // 原因：由于git最新版默认使用ssl安全验证，但是我们是使用的git未设</div> </li> <li><a href="/article/3613.htm" title="windows命令行设置wifi" target="_blank">windows命令行设置wifi</a> <span class="text-muted">surfingll</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/wifi/1.htm">wifi</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0%E6%9C%ACwifi/1.htm">笔记本wifi</a> <div>还没有讨厌无线wifi的无尽广告么，还在耐心等待它慢慢启动么教你命令行设置笔记本电脑wifi： 1、开启wifi命令 netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456 netsh wlan start hostednetwork pause 其中pause是等待输入，可以去掉 2、</div> </li> <li><a href="/article/3740.htm" title="Linux（Ubuntu）下安装sysv-rc-conf" target="_blank">Linux（Ubuntu）下安装sysv-rc-conf</a> <span class="text-muted">wmlJava</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/sysv-rc-conf/1.htm">sysv-rc-conf</a> <div>安装：sudo apt-get install sysv-rc-conf 使用：sudo sysv-rc-conf 操作界面十分简洁，你可以用鼠标点击，也可以用键盘方向键定位，用空格键选择，用Ctrl+N翻下一页，用Ctrl+P翻上一页，用Q退出。背景知识 sysv-rc-conf是一个强大的服务管理程序，群众的意见是sysv-rc-conf比chkconf</div> </li> <li><a href="/article/3867.htm" title="svn切换环境，重发布应用多了javaee标签前缀" target="_blank">svn切换环境，重发布应用多了javaee标签前缀</a> <span class="text-muted">zengshaotao</span> <a class="tag" taget="_blank" href="/search/javaee/1.htm">javaee</a> <div>更换了开发环境，从杭州，改变到了上海。svn的地址肯定要切换的，切换之前需要将原svn自带的.svn文件信息删除，可手动删除，也可通过废弃原来的svn位置提示删除.svn时删除。然后就是按照最新的svn地址和规范建立相关的目录信息，再将原来的纯代码信息上传到新的环境。然后再重新检出，这样每次修改后就可以看到哪些文件被修改过，这对于增量发布的规范特别有用。检出</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.  </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>