Cailín taisce

HTML CSS

第二章、HTML5的基础

第三章和第四章、HTML5页面元素及属性

第五、六章、应用CSS3设置网页样式

第七章、CSS新增选择器

第八章、CSS盒子模型

第九章、CSS背景

第十章、列表和超链接

第十一章、表格

专题1、表格标签

第十三章、浮动与定位

第十四章、多媒体技术

第十五章、网页布局

网站

第二章至第十五章所学知识点

第二章、HTML5的基础

专题1、HTML5文档基本格式：标签，标签，标签，标签；

专题2、HTML5语法：标签不区分大小写，允许属性值不使用引导，允许部分属性值的属性省略；

专题3、HTML5标记及属性：标记主要分为双标记和单标记，还有注释标记；标记属性有字体，颜色，位置，字号；嵌套结构遵循就近原则；

专题4、HTML5文档头部相关标记：,<meta/>,<link>,<style>。</p> <h1 id="%E7%AC%AC%E4%B8%89%E7%AB%A0%E5%92%8C%E7%AC%AC%E5%9B%9B%E7%AB%A0%E3%80%81HTML5%E9%A1%B5%E9%9D%A2%E5%85%83%E7%B4%A0%E5%8F%8A%E5%B1%9E%E6%80%A7" style="margin-left:0cm;"><strong>第三章和第四章、HTML5页面元素及属性</strong></h1> <p style="margin-left:0cm;">专题1、标题和段落标记：标题标记<h1>至<h6> 属性align,段落<p>属性align,标题标记和段落标记是双标记，<hr/>水平线是单标记，<br/>强制换行也是单标记； </p> <p style="margin-left:0cm;">专题2、文本格式化标记:<strong>,<em>,<del>,<ins>;</p> <p style="margin-left:0cm;">专题3、特殊字符标记：常用的空格是nbsp; < 大于号是< > 小于号是> </p> <p style="margin-left:0cm;">专题4、列表元素：有序列表，无序列表和定义列表，主要列表的嵌套； 5、图像标记:常用图像格式有GIF,PNG,JPG；引用是有绝对路径，相对路径，常用相对路径；</p> <p style="margin-left:0cm;">专题1、HTML结构元素：section元素，header元素，footer元素，nar元素，article元素，hgroup元素 </p> <p style="margin-left:0cm;">专题2、HTML5级块性元素：aside元素,figure元素; figcaption元素；</p> <p style="margin-left:0cm;">专题3、HTML5新增的语义元素：mark元素，time元素，meter元素，progress元素； </p> <p style="margin-left:0cm;">专题4、HTML5新增的交互性元素：details和summary元素，menu元素，command元素； </p> <p style="margin-left:0cm;">专题5、HTML5新增的通用属性：contenteditable属性，hidden属性，spelleheck属性。</p> <h1 id="%E7%AC%AC%E4%BA%94%E3%80%81%E5%85%AD%E7%AB%A0%E3%80%81%E5%BA%94%E7%94%A8CSS3%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E6%A0%B7%E5%BC%8F" style="margin-left:0cm;"><strong>第五、六章、应用CSS3设置网页样式</strong></h1> <p style="margin-left:0cm;">专题1、CSS样式规则</p> <p style="margin-left:0cm;">选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。格式如下：</p> <p style="margin-left:0cm;">选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}</p> <p style="margin-left:0cm;">专题2.、引入CSS样式表</p> <ol> <li>行内式也称为内联样式，是通过标签的style属性来设置元素的样式，其基本语法格式如下:</li> </ol> <p style="margin-left:0cm;"><标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名></p> <ol> <li>内嵌式是将CSS代码集中写在HTML文档的<head>头部标签中，并且用<style>标签定义， </li> <li>链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过<link />标签将外部样式表文件链接到HTML文档中</li> <li>导入式基本不使用，因为页面会先加载html,然后再去加载CSS，这样就会造成页面样式的延迟。</li> <li>四种方式的优先级 <ol> <li>理论上：行内>内嵌>链入>导入</li> <li>实际上：就近原则</li> </ol></li> <li>内嵌、链接、导入在同一个文件头部，谁离相应的代码近，谁的优先级高。</li> </ol> <p style="margin-left:0cm;">专题3、CSS基础选择器</p> <p style="margin-left:0cm;">标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> <p style="margin-left:0cm;">标记选择器最大的优点是能快速为页面中同类型的标记统一样式，同时这也是它的缺点，不能设计差异化样式。</p> <p style="margin-left:0cm;">1）、类选择器使用"."（英文点号）进行标识，后面紧跟类名，</p> <p style="margin-left:0cm;">其基本语法格式如下：</p> <p style="margin-left:0cm;">.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } </p> <p style="margin-left:0cm;">2）、id选择器使用“#”进行标识，后面紧跟id名，其基本语法格式如下：</p> <p style="margin-left:0cm;">#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> <p style="margin-left:0cm;">3)、通配符选择器用"*"号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的元素。其基本语法格式如下：</p> <p style="margin-left:0cm;">*{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> <p style="margin-left:0cm;">4)、标签指定式选择器又称交集选择器，由两个选择器构成，</p> <p style="margin-left:0cm;">其中第一个为标签选择器，第二个为class选择器或id选择器，</p> <p style="margin-left:0cm;">两个选择器之间不能有空格，如h3.special或p#one。</p> <p style="margin-left:0cm;">5)、后代选择器用来选择元素或元素组的后代，</p> <p style="margin-left:0cm;">其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。</p> <p style="margin-left:0cm;">当标签发生嵌套时，内层标签就成为外层标签的后代。</p> <p style="margin-left:0cm;">6)、并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器都可以作为并集选择器的一部分。</p> <p style="margin-left:0cm;">若某些选择器定义的样式完全或部分相同，可利用并集选择器为它们定义相同的样式。</p> <p style="margin-left:0cm;">专题1、字体样式属性</p> <ol> <li>字号大小：font-size:长度 | 绝对尺寸 | 相对尺寸 | 百分比 ;</li> <li>字体：font-family :字型1,字型2, …… ;</li> <li>字体粗细：font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;</li> <li>字体风格：font-style: normal | italic | oblique ;</li> <li>小型大写字母：font-variant: normal | small-caps ; </li> <li>综合：font：font-style font-variant font-weight font-size/line-height font-family ;</li> <li>引用字体：@font-face</li> <li>长单词换行：word-wrap</li> <li>专题2、文本外观属性</li> <li>文本颜色color : color_name | HEX | RGB | RGBA | HSL | HSLA | transparent ;</li> <li>字符间距和单词间距：letter-spacing和word-spacing</li> <li>文本行高：line-height: normal | 长度 | 百分比 | 数值 ;</li> <li>文本对齐方式：text-align: left | right | center | justify | start | end | match-parent | justify-all;</li> <li>文本大小写：text-transform : none | capitalize | uppercase | lowercase | full-width</li> <li>文本修饰：text-decoration: decoration | underline | overline | bink</li> <li>文本缩进：text-indent</li> <li>文本对空白格的处理：white-space: normal | pre | nowrap</li> <li>文本的阴影：text-shadow: none | 阴影 [ , 阴影 ]* ;</li> <li>阴影 = 长度1 , 长度2 , [ 长度3 ], [颜色];</li> <li>文本的溢出：text-overflow: cilp | ellipsis</li> </ol> <p style="margin-left:0cm;"><span style="color:#000000;">专题3、CSS层叠性和继承性</span></p> <ol> <li>层叠性是指多种CSS样式的叠加。</li> <li>继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。</li> </ol> <p style="margin-left:0cm;"><span style="color:#000000;">专题4、CSS优先级</span></p> <p style="margin-left:0cm;">ID选择器的特殊性值，加100。权值</p> <p style="margin-left:0cm;">类选择器、属性选择器或伪类，加10。</p> <p style="margin-left:0cm;">元素(标签)和伪元素，加1。</p> <p style="margin-left:0cm;">通配选择器*对特殊性没有贡献，即0。</p> <p style="margin-left:0cm;">行内样式---1000</p> <p style="margin-left:0cm;">最后比较特殊的一个标志!important（权重），它没有特殊性值，但它的优先级是最高的，</p> <p style="margin-left:0cm;">为了方便记忆，可以认为它的特殊性值为10000。</p> <p style="margin-left:0cm;"> </p> <h1 id="%E7%AC%AC%E4%B8%83%E7%AB%A0%E3%80%81CSS%E6%96%B0%E5%A2%9E%E9%80%89%E6%8B%A9%E5%99%A8" style="margin-left:0cm;"><strong>第七章、CSS新增选择器</strong></h1> <p style="margin-left:0cm;">专题1、属性选择器</p> <ol> <li>E[att^=value] 属性选择器是指选择名称为E的标记，且该标记定义了att属性，att属性值包含前缀为value的子字符串。</li> <li>E[att*=value]选择器用于选择名称为E的标记，且该标记定义了att属性。</li> <li>E[att$=value] 属性选择器是指选择名称为E的标记，且该标记定义了att属性。</li> </ol> <p style="margin-left:0cm;">专题2、关系选择器</p> <p style="margin-left:0cm;">关系选择器主要包括子代选择器（>）与兄弟选择器(+ ~)</p> <p style="margin-left:0cm;">专题3、结构化伪类选择器</p> <p style="margin-left:0cm;">（1）：root选择器，用于匹配文档根元素（html元素），效果是整篇文章一个效果。</p> <p style="margin-left:0cm;">（2）：not选择器，用某元素是排除某一个元素</p> <p style="margin-left:0cm;">（3）：only-childy选择器，用于匹配某父元素唯一的子元素的元素。</p> <p style="margin-left:0cm;">（4）:first-child选择器和:last-child选择器分别用于为父元素中的第一个或者最后一个子元素设置样式。</p> <p style="margin-left:0cm;">(5)使用:first-child选择器和:last-child选择器可以选择某个父元素中第一个或最后一个子元素，</p> <p style="margin-left:0cm;">(6):nth-of-type(n)和:nth-last-of-type(n)选择器用于匹配属于父元素的特定类型的第 n 个子元素和倒数第n个子元素。</p> <p style="margin-left:0cm;">(7):empty选择器用来选择没有子元素或文本内容为空的所有元素。</p> <p style="margin-left:0cm;">(8):target选择器用于为页面中的某个target元素（该元素的id被当做页面中的超链接来使用）指定样式。</p> <p style="margin-left:0cm;">专题4、伪类选择器</p> <ol> <li>：before伪元素，位于{被选中元素内容}前，中必须匹配conten属性。注意被选中的内容要用" "双引号</li> <li>：after伪元素，位于{被选中元素内容}前，中必须匹配conten属性</li> </ol> <p style="margin-left:0cm;"> </p> <h1 id="%E7%AC%AC%E5%85%AB%E7%AB%A0%E3%80%81CSS%E7%9B%92%E5%AD%90%E6%A8%A1%E5%9E%8B" style="margin-left:0cm;"><strong>第八章、CSS盒子模型</strong></h1> <p style="margin-left:0cm;">专题1、边框属性</p> <ol> <li>边框样式：border-style(-top|bottom|left|right) : none | solid | dashed | dotted | double ; （一定要记得写这个）</li> <li>边框宽度：border-width: 像素值 ;</li> <li>边框颜色: border-color: 颜色、十六进制、rgb</li> <li>综合设置边框：border：宽度、样式、颜色</li> <li>圆角边框：border-radius: 水平半径参数/垂直半径参数</li> <li>图片边框：border-image:图片路径/边框宽/重复方式/……</li> </ol> <p style="margin-left:0cm;">专题2、内边距属性</p> <p style="margin-left:0cm;">padding(-top | right | bottom | left) --不允许为负值</p> <p style="margin-left:0cm;">专题3、外边距属性</p> <p style="margin-left:0cm;">margin (-top | right | bottom | left) --可以为负值</p> <p style="margin-left:0cm;">专题4、Box-shadow属性</p> <p style="margin-left:0cm;">格式：box-shadow:像素值1 像素值2 像素值3 像素值4 颜色值阴影类型</p> <p style="margin-left:0cm;">专题5、Box-sizing属性</p> <p style="margin-left:0cm;">格式：box-sizing:conter-box / border-box ;</p> <h1 id="%E7%AC%AC%E4%B9%9D%E7%AB%A0%E3%80%81CSS%E8%83%8C%E6%99%AF" style="margin-left:0cm;"><strong>第九章、CSS背景</strong></h1> <p style="margin-left:0cm;">专题1、背景属性</p> <ol> <li>背景颜色：background-color:颜色值、十六进制、rgb;</li> <li>背景图片： background-image:url（路径）；</li> <li>背景不透明：background-color：rgba(r,g,b,alpha)或opaclty:值；</li> <li>背景图像平铺：background-repeat：repeat | no-repeat | repeat-x | repeat-y;</li> <li>背景图像位置：background-position:像素、百分比、关键字;</li> <li>图像固定方式：background-attachment: scroll | fixed;</li> <li>背景图像大小:background-size:宽、高（px、%、cover、contain）;</li> <li>背景图像显示区域与裁剪区域：background-clip：属性值；</li> <li>背景复合属性：background</li> </ol> <p style="margin-left:0cm;">专题2、CSS3渐变属性</p> <ol> <li>线性渐变：background-image: linear-gradient(渐变角度，颜色值1，…,颜色值n);</li> <li>径向渐变:background-image:radial-gradient(渐变现状圆心位置，颜色值1，…，颜色值n);</li> <li>重复线性渐变:background-image:repeating-linear-gradient;</li> <li>重复径向渐变:background-image:repeating-radial-gradient；</li> </ol> <h1 id="%E7%AC%AC%E5%8D%81%E7%AB%A0%E3%80%81%E5%88%97%E8%A1%A8%E5%92%8C%E8%B6%85%E9%93%BE%E6%8E%A5" style="margin-left:0cm;"><strong>第十章、列表和超链接</strong></h1> <p style="margin-left:0cm;">专题1、列表标签</p> <ol> <li>无序列表：<ul> <li>列表1</li> <li>列表2</li> </ul></li> <li>有序列表：<ol> <li>列表1</li> <li>列表2</li> </ol></li> <li>定义列表：<dl> <dt>名词1</dt><dd>名词解1</dd></dl></li> </ol> <p style="margin-left:0cm;">专题2、CSS控制列表样式</p> <ol> <li>list-style-type属性—控制无序列表和有序列表的项目符号</li> </ol> <p style="margin-left:0cm;">无序列表的属性值：disc实心圆、circle空心圆、square实心正方形、none不显示；</p> <p style="margin-left:0cm;">有序列表的属性值：decimal、upper-alpha、lower-alpha、upper-roman、lower-roman、none。</p> <ol> <li>list-style-image属性</li> </ol> <p style="margin-left:0cm;">基本格式：ul{list-style-image:ulr(图片路径);}</p> <ol> <li>list-style-position属性</li> </ol> <p style="margin-left:0cm;">属性值：inside列表项目符号在文本内、outside在文本外</p> <p style="margin-left:0cm;">专题3、超链接标签</p> <p style="margin-left:0cm;">格式：<a href=”路径（跳转目标）”target=”目标窗口弹出方式”>文本、图像</a></p> <p style="margin-left:0cm;">专题4、锚点链接</p> <p style="margin-left:0cm;">先使用<a href=”id名”>链接文本</a></p> <p style="margin-left:0cm;">后使用id名标注跳转目标的位置</p> <p style="margin-left:0cm;">专题5、链接伪类控制超链接</p> <p style="margin-left:0cm;">名:link{CSS样式规则;}未访问时超链接的状态</p> <p style="margin-left:0cm;">名:visited{ CSS样式规则;} 访问后超链接的状态</p> <p style="margin-left:0cm;">名:hover{ CSS样式规则;}鼠标经过、悬停时超链接的状态</p> <p style="margin-left:0cm;">名:active{ CSS样式规则;}鼠标点击不动是超链接的状态</p> <p style="margin-left:0cm;"> </p> <h1 id="%E7%AC%AC%E5%8D%81%E4%B8%80%E7%AB%A0%E3%80%81%E8%A1%A8%E6%A0%BC" style="margin-left:0cm;"><strong>第十一章、表格</strong></h1> <h1 id="%E4%B8%93%E9%A2%981%E3%80%81%E8%A1%A8%E6%A0%BC%E6%A0%87%E7%AD%BE" style="margin-left:0cm;">专题1、表格标签</h1> <p style="margin-left:0cm;">创建表格的基本标记为 <table> </table>、<tr> </tr> 、<td> </td>, 默认的情况下，表格的边框为0，宽高（自适应）靠表格内容支撑</p> <ol> <li>table:定义表格，可以设置边框,<table border="0">--默认</li> <li>tr:定义行，不可以输入内容，只可以输入<td></td></li> <li>td:定义单元格，像容器（可以容纳所有标记）、放表格的内容、还可以嵌套表格<table></table></li> </ol> <p style="margin-left:0cm;">专题2、CSS控制表格样式</p> <ol> <li>表格边框：<caption>标记，用于定义表格标题，border-collapse属性设置表格边框合并为一个单元格的边框，属性值：collapse</li> <li>单元格边框：可以对<th>和<td>标记应用内边距样式属性padding，或对<table>标记应用HTML标记属性cellpadding.</li> <li>单元格宽高：宽度（width）只能影响单元格的一列，并取一列的最大值;高度（height）只能影响单元格的一行，并取一行的最大值</li> </ol> <p style="margin-left:0cm;">专题1、创建表单</p> <ol> <li>表单的构建：提示信息、表单域、表单控件</li> <li>创建表单的基本格式：<form action=”url地址” method=”提交方式” name=”表单名称”></form></li> </ol> <p style="margin-left:0cm;">专题2、表单控件</p> <p style="margin-left:0cm;">大致可分为input控件、textarea控件、select控件</p> <h1 id="%E7%AC%AC%E5%8D%81%E4%B8%89%E7%AB%A0%E3%80%81%E6%B5%AE%E5%8A%A8%E4%B8%8E%E5%AE%9A%E4%BD%8D" style="margin-left:0cm;"><strong>第十三章、浮动与定位</strong></h1> <p style="margin-left:0cm;">专题1、浮动</p> <ol> <li>浮动的基本格式:选择器:{float:属性值（left、right、none）;}</li> <li>清除浮动的基本格式：选择器:{clear:属性值（left、right、both、none）;}</li> <li>标签的浮动属性：空标签、overflow、after对象</li> </ol> <p style="margin-left:0cm;">专题2、标记定位</p> <ol> <li>定位模式</li> </ol> <p style="margin-left:0cm;">基本格式:选择器{position:属性值(statie、relative、absolute、fixed);}</p> <ol> <li>边偏移</li> </ol> <p style="margin-left:0cm;">基本格式:{top/bottom/left/right:属性值(偏移量);}</p> <p style="margin-left:0cm;">专题3、元素转换</p> <ol> <li>块元素：在页面中以区域块的形式出现，通常每一个块元素独占一整行或占多整行，可以对其设置宽、高等属性，<div>标签是最典型的块元素；</li> <li>行内元素：在页面中占独立的区域，仅靠自身大小来支撑结构，一般不可以设置宽、高、对齐等属性，<span>标签是最典型的函内元素。</li> <li>元素类型的转换：</li> </ol> <p style="margin-left:0cm;">display-inline:显示为行内元素;</p> <p style="margin-left:0cm;">display-block:显示为块元素;</p> <p style="margin-left:0cm;">display-inline-block:显示为行内元素，可以设置宽高等属性，但不会独占一行;</p> <p style="margin-left:0cm;">display-none:元素被隐藏，不显示，也不占用页面的空间。</p> <h1 id="%E7%AC%AC%E5%8D%81%E5%9B%9B%E7%AB%A0%E3%80%81%E5%A4%9A%E5%AA%92%E4%BD%93%E6%8A%80%E6%9C%AF" style="margin-left:0cm;"><strong>第十四章、多媒体技术</strong></h1> <p style="margin-left:0cm;">专题1、嵌入视频</p> <p style="margin-left:0cm;">格式：<video src="视频文件路径" controls="controls"> 文字 </video></p> <p style="margin-left:0cm;">video标签支持三种视频格式，Ogg 、WebM、MPEG4，必备属性src controls，其他属性：autoplay 、loop、preloadshux、poster</p> <p style="margin-left:0cm;">专题2、嵌入音频</p> <p style="margin-left:0cm;">格式：<audio src="音频文件路径" controls="controls"> 文字 </audio></p> <p style="margin-left:0cm;">audio标签支持三种视频格式，Ogg Wav MP3必备属性src 、controls，其他属性autoplay、loop、preload</p> <p style="margin-left:0cm;">专题3、控制视频的宽高</p> <p style="margin-left:0cm;">Video标记设置width、height属性来缩放视频，这样的视频即使在页面上看起来很小，但它原始大小依然没变。</p> <h1 id="%E7%AC%AC%E5%8D%81%E4%BA%94%E7%AB%A0%E3%80%81%E7%BD%91%E9%A1%B5%E5%B8%83%E5%B1%80" style="margin-left:0cm;"><strong>第十五章、网页布局</strong></h1> <p style="margin-left:0cm;">专题1、布局概述</p> <ol> <li>布局概述：布局就是指对网页中的模块进行合理的排布，使页面排列清晰，美观易读。</li> <li>布局的流程：先确定页面版心的宽的，后分析页面的模块：header、nav、banner、content、footer（标签之间的关系：并列、嵌套等）最后来控制网页的各个模块：HTML CSS JS（脚本....）</li> </ol> <p style="margin-left:0cm;">专题2布局类型：</p> <p style="margin-left:0cm;">单列布局、两列布局、三列布局(通栏布局)</p> <p style="margin-left:0cm;">专题3、网页模块命名规范</p> <p style="margin-left:0cm;"> （1）避免使用中文字符命名 </p> <p style="margin-left:0cm;"> （2）命名不要以数字揩油</p> <p style="margin-left:0cm;"> （3）不要占用关键字</p> <p style="margin-left:0cm;"> （4）命名时要用较少的字母表达最容易理解的</p> <p style="margin-left:0cm;"> （5）驼峰式命名：除了第一个单词外，其他单词首字母大写--partOneNum</p> <p> （6）帕斯卡命名：每个单词之间用"_"隔开--content_one_a--比较常用。</p> <h1 id="%E7%BD%91%E7%AB%99">网站</h1> <p>以上是我上课时做的笔记，希望内容对你有所帮助。同时强烈推荐小伙伴们使用以下两个的网站</p> <p><a href="http://img.e-com-net.com/image/info8/28352ef9bdf6430a96fb819d86e70a15.jpg" target="_blank"><img alt="HTML CSS_第1张图片" height="304" src="http://img.e-com-net.com/image/info8/28352ef9bdf6430a96fb819d86e70a15.jpg" width="650" style="border:1px solid black;"></a></p> <p>https://www.w3school.com.cn</p> <p><a href="http://img.e-com-net.com/image/info8/0d259c7a589e4cd8b4531b9c3e38ede5.jpg" target="_blank"><img alt="HTML CSS_第2张图片" height="317" src="http://img.e-com-net.com/image/info8/0d259c7a589e4cd8b4531b9c3e38ede5.jpg" width="650" style="border:1px solid black;"></a></p> <p>https://www.runoob.com/</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1283483690894114816"></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">你可能感兴趣的:(HTML CSS)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1943987101301272576.htm" title="精通Canvas：15款时钟特效代码实现指南" target="_blank">精通Canvas：15款时钟特效代码实现指南</a> <span class="text-muted">烟幕缭绕</span> <div>本文还有配套的精品资源，点击获取简介：HTML5的Canvas是一个用于绘制矢量图形的API，通过JavaScript实现动态效果。本项目集合了15种不同的时钟特效代码，帮助开发者通过学习绘制圆形、线条、时间更新、旋转、颜色样式设置及动画效果等概念，深化对Canvas的理解和应用。项目中的CSS文件负责时钟的样式设定，而JS文件则包含实现各种特效的逻辑，通过不同的函数或类处理时间更新和动画绘制，提</div> </li> <li><a href="/article/1943983696184930304.htm" title="基于链家网的二手房数据采集清洗与可视化分析" target="_blank">基于链家网的二手房数据采集清洗与可视化分析</a> <span class="text-muted">Mint_Datazzh</span> <a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE/1.htm">项目</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%88%AC%E8%99%AB/1.htm">网络爬虫</a> <div>个人学习内容笔记，仅供参考。项目链接：https://gitee.com/rongwu651/lianjia原文链接：基于链家网的二手房数据采集清洗与可视化分析–笔墨云烟研究内容该课题的主要目的是通过将二手房网站上的存量与已销售房源，构建一个二手房市场行情情况与房源特点的可视化平台。该平台通过HTML架构和Echarts完成可视化的搭建。因此，该课题的主要研究内容就是如何利用相关技术设计并实现这样</div> </li> <li><a href="/article/1943963776244051968.htm" title="入门html这篇文章就够了" target="_blank">入门html这篇文章就够了</a> <span class="text-muted">ξ流ぁ星ぷ132</span> <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>HTML笔记文章目录HTML笔记html介绍什么是htmlhtml的作用HTML标签介绍常用标签标签and标签and标签u标签del删除线br标签用于换行pre标签，预处理标签span标签div标签sub标签andsup标签hr标签h1,h2...h6标签：HTML5中的语义标签：特殊字符img标签a标签第一种用法：超链接第二种用法：锚点video标签表格标签：form标签input标签selec</div> </li> <li><a href="/article/1943930249423155200.htm" title="GoView 强势入驻 GitCode：拖拽低代码，打造高颜值数据大屏" target="_blank">GoView 强势入驻 GitCode：拖拽低代码，打造高颜值数据大屏</a> <span class="text-muted">GitCode 代码君</span> <a class="tag" taget="_blank" href="/search/gitcode/1.htm">gitcode</a><a class="tag" taget="_blank" href="/search/%E4%BD%8E%E4%BB%A3%E7%A0%81/1.htm">低代码</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a> <div>信息可视化时代，数字大屏日益成为展示核心KPI、运营状态、监控预警的主流形式。然而，用传统方式开发一个定制化数字大屏需要解决多少问题？1.繁复的数据源集成，各种不同的协议和格式……2.让人晕头转向的可视化逻辑，调动艰难的样式、布局、动画，和往往难以统一的风格3.牵一发而动全身的代码结构，就想换个主题色结果开启的全局CSS大冒险……现在，一个开源项目即可搞定上述问题——拖拽式低代码数字可视化平台Go</div> </li> <li><a href="/article/1943926338326949888.htm" title="flutter知识点" target="_blank">flutter知识点</a> <span class="text-muted">ZhDan91</span> <a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a> <div>#时隔4年了#4年前用flutter开发海外项目和医疗项目。绘制界面的语法与html还是较类似的。把这些封印的记忆和技术回顾一下，最开始是开发Android出身的，所以开发起flutter来依旧是用的androidstudio开发工具。整理下用到的知识点：整理来源：flutter面试题——基础篇（1）-CSDN博客1、Dart是单线程的。在单线程中以消息循环来运行的。其中敖汉两个任务队列。一个是微</div> </li> <li><a href="/article/1943919909612351488.htm" title="Vue.js 过渡 & 动画" target="_blank">Vue.js 过渡 & 动画</a> <span class="text-muted">lsx202406</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Vue.js过渡&动画引言在Web开发中，过渡与动画是提升用户体验的关键元素。Vue.js作为一款流行的前端框架，提供了强大的过渡与动画功能，使得开发者能够轻松实现丰富的交互效果。本文将深入探讨Vue.js中的过渡与动画，包括其原理、应用场景以及实现方法。一、Vue.js过渡原理Vue.js过渡是利用CSS3的transition属性实现的。当Vue.js侦测到数据变化时，会自动触发过渡效果。过渡</div> </li> <li><a href="/article/1943919026744913920.htm" title="JavaScript之DOM操作与事件处理详解" target="_blank">JavaScript之DOM操作与事件处理详解</a> <span class="text-muted">AA-代码批发V哥</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>JavaScript之DOM操作与事件处理详解一、DOM基础：理解文档对象模型二、DOM元素的获取与访问2.1基础获取方法2.2集合的区别与注意事项三、DOM元素的创建与修改3.1创建与插入元素3.2修改元素属性与样式3.2.1属性操作3.2.2样式操作3.3元素内容的修改四、DOM元素的删除与替换4.1删除元素4.2替换元素五、事件处理：实现页面交互5.1事件绑定的三种方式5.1.1HTML属性</div> </li> <li><a href="/article/1943914742187880448.htm" title="Vue3 tailwindcss" target="_blank">Vue3 tailwindcss</a> <span class="text-muted"></span> <div>1、安装tailwindcsspnpmi-Dtailwindcsspostcssautoprefixer#yarnadd-Dtailwindcsspostcssautoprefixer#npmi-Dtailwindcsspostcssautoprefixer2、创建TailwindCSS配置文件npxtailwindcssinit-ptailwind.config.js/**@type{impor</div> </li> <li><a href="/article/1943914107526770688.htm" title="Vue框架之模板语法全面解析" target="_blank">Vue框架之模板语法全面解析</a> <span class="text-muted">AA-代码批发V哥</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> <div>Vue框架之模板语法全面解析一、模板语法的核心思想二、插值表达式：数据渲染的基础2.1基本用法：渲染文本2.2纯HTML渲染：`v-html`指令2.3一次性插值：`v-once`指令三、指令系统：控制DOM的行为3.1条件渲染：`v-if`与`v-show`3.1.1`v-if`：动态创建/销毁元素3.1.2`v-else`与`v-else-if`：条件分支3.1.3`v-show`：动态显示/</div> </li> <li><a href="/article/1943905284925747200.htm" title="css遗忘的知识2(grid布局，&父类选择器与:has() 讲解)" target="_blank">css遗忘的知识2(grid布局，&父类选择器与:has() 讲解)</a> <span class="text-muted">不断努力的根号七</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>---grid布局1.基础Grid布局定义gird布局和行宽.container{display:grid;grid-template-columns:100px200px300px;/*三列，宽度分别为100px,200px,300px*/grid-template-rows:100px200px;/*两行，高度分别为100px,200px*/}常用单位fr(fractionalunit)：可用</div> </li> <li><a href="/article/1943905285789773824.htm" title="three前置课程知识" target="_blank">three前置课程知识</a> <span class="text-muted"></span> <div>学习中文网(1.threejs文件包下载和目录简介|Three.js中文网)threejs官方文件包所有版本：https://github.com/mrdoob/three.js/releases更新迭代较快，要选择对应版本使用---下载zip压缩包Threejs官网中文文档链接：https://threejs.org/docs/index.html#manual/zh/重要的内容docs包:文档</div> </li> <li><a href="/article/1943875785089675264.htm" title="Webpack5 多页面实践" target="_blank">Webpack5 多页面实践</a> <span class="text-muted"></span> <div>特性维度单页面应用-SPA多页面统一目录-MPA多页面单独部署-MPA入口数量单个，只有一个HTML文件多个，多个HTML文件多个，多个HTML文件，分别打包输出资源输出结构所有资源输出到统一目录（如js/,css/）所有页面的资源共用js/,css/等目录每页资源放在各自目录（如index/js/,index/css/）公共资源复用高：依赖打入主包或懒加载chunk，资源完全共享中：可通过spl</div> </li> <li><a href="/article/1943844765225250816.htm" title="前端面试题——5.AjAX的缺点？" target="_blank">前端面试题——5.AjAX的缺点？</a> <span class="text-muted">浅端</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前端面试题</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前端面试题</a> <div>①传统的web交互是：用户一个网页动作，就会发送一个http请求到服务器，服务器处理完该请求再返回一个完整的HTML页面，客户端再重新加载，这样极大地浪费了带宽。②AJAX的出现解决了这个问题，它只会向服务器请求用户所需要的数据，并在客户端采用JavaScript处理返回的数据，操作DOM更新页面。③AJXA优点：无刷新更新页面异步服务器通信前端后端负载均衡④AJAX缺点：干掉了Back和Hist</div> </li> <li><a href="/article/1943832156052713472.htm" title="配置Nginx实现静态资源访问" target="_blank">配置Nginx实现静态资源访问</a> <span class="text-muted">Gappsong874</span> <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/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%9E%B6%E6%9E%84/1.htm">安全架构</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4%E5%BC%80%E5%8F%91/1.htm">运维开发</a> <div>Nginx是一款高性能的HTTP和反向代理服务器，常用于处理静态资源请求。通过合理配置，可以显著提升静态资源的访问速度和服务器性能。以下内容将详细介绍如何配置Nginx以实现静态资源的高效访问。基本静态资源配置静态资源通常包括HTML文件、CSS样式表、JavaScript脚本、图片、视频等。Nginx通过简单的配置即可处理这些请求。在Nginx的配置文件中，通常位于/etc/nginx/ngin</div> </li> <li><a href="/article/1943827993189216256.htm" title="JQ+vue实现图片拼接（无限套娃版）" target="_blank">JQ+vue实现图片拼接（无限套娃版）</a> <span class="text-muted">小周同学:</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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/jquery/1.htm">jquery</a> <div>css样式/*css初始化*/*{margin:0;padding:0;}/*去掉li的小圆点*/li{list-style:none;}/*去掉a的下划线*/a{text-decoration:none;}/*搜索框去除边框*/input,button,select{border:0;/*设置背景颜色为透明*/background-color:transparent;/*去掉外轮廓*/outli</div> </li> <li><a href="/article/1943815130785574912.htm" title="Apache http 强制 https" target="_blank">Apache http 强制 https</a> <span class="text-muted">熊猫小账本App</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/Safe/1.htm">Safe</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a><a class="tag" taget="_blank" href="/search/ssl/1.htm">ssl</a> <div>1.修改一下文件配置sudonano/etc/apache2/sites-enabled/000-default.confServerNamehongweizhu.comServerAliaswww.hongweizhu.comServerAdminwebmaster@localhostDocumentRoot/var/www/html#强制重定向到HTTPSRewriteEngineOnRewr</div> </li> <li><a href="/article/1943798231427248128.htm" title="在html中加入网址,网页超链接怎么做，添加超链接网址的的详细步骤" target="_blank">在html中加入网址,网页超链接怎么做，添加超链接网址的的详细步骤</a> <span class="text-muted">一只爪子</span> <a class="tag" taget="_blank" href="/search/%E5%9C%A8html%E4%B8%AD%E5%8A%A0%E5%85%A5%E7%BD%91%E5%9D%80/1.htm">在html中加入网址</a> <div>此系列教程主要讲解HTML从基础到精通。自己能够设计一个完整的前端网页项目。程序员写代码在HTML中添加图片其实很简单，就是添加一个img的标签。图片标签的语法一般有src、alt、width、height四种属性就够用了。效果：图片的显示效果图片路径的写法src表示的是图片的路径，这里面的值应该怎么写呢？(1)html文件和图片在相同一个文件夹下。HTML文件和图片文件在相同的目录下，可以直接书</div> </li> <li><a href="/article/1943787134687178752.htm" title="jmeter gui 生成不了cli报告文件" target="_blank">jmeter gui 生成不了cli报告文件</a> <span class="text-muted"></span> <div>在windows系统下，使用Jmetergui生成HTML报告报错，使用命令行也报错：报错信息：Anerroroccurred:Errorwhileprocessingsamples:Consumerfailedwithmessage:Consumerfailedwithmessage:Consumerfailedwithmessage:Consumerfailedwithmessage:Begi</div> </li> <li><a href="/article/1943786503704473600.htm" title="06.jmeter跨线程组传参" target="_blank">06.jmeter跨线程组传参</a> <span class="text-muted">mandy_test</span> <a class="tag" taget="_blank" href="/search/Jmeter/1.htm">Jmeter</a><a class="tag" taget="_blank" href="/search/jmeter/1.htm">jmeter</a> <div>参考此篇博文：jmeter-跨线程组传参的两种方法https://www.cnblogs.com/fanf/p/17346008.html这里是自己常用的一种方法：如果一个线程组的请求用到另一个线程组的参数，需要将参数转为全局变量来使用。以token来举例，因为token这个请求有请求头，跟要用到token的请求的请求头不一样，所以只能单独分开放在不同的线程组。线程组中的参数是有作用域的，不能直接</div> </li> <li><a href="/article/1943761678143385600.htm" title="观众信息设置与统计（视频高级分析与统计功能）" target="_blank">观众信息设置与统计（视频高级分析与统计功能）</a> <span class="text-muted">视频砖家</span> <a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E5%AE%89%E5%85%A8/1.htm">视频安全</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E5%8A%A0%E5%AF%86/1.htm">视频加密</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E8%A7%82%E7%9C%8B%E5%88%86%E6%9E%90/1.htm">视频观看分析</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">视频数据分析</a> <div>Web播放器（POLYV-html5-player）支持设置观众信息参数，设置后在播放器上报的观看日志中会附带观众信息，这样用户就可以通过管理后台的统计页面或服务端API来查看特定观众的视频观看情况了。一、观众信息设置播放器设置观众信息参数的代码示例如下：varplayer=polyvPlayer({wrap:'#player',width:800,height:533,vid:'88083abb</div> </li> <li><a href="/article/1943756131029544960.htm" title="HTTP注入、URL重定向漏洞验证测试" target="_blank">HTTP注入、URL重定向漏洞验证测试</a> <span class="text-muted">afei00123</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E6%BC%8F%E6%B4%9E%E9%AA%8C%E8%AF%81%E4%B8%8E%E6%B8%97%E9%80%8F%E6%B5%8B%E8%AF%95/1.htm">漏洞验证与渗透测试</a> <div>目录1.前言2.HTTP注入漏洞介绍3.URL重定向漏洞介绍4.HTTP注入漏洞验证5.URL重定向漏洞验证6.修复建议（1）针对HTML注入漏洞修复建议（2）针对URL重定向漏洞修复建议1.前言今天在公司使用AWVS和Appscan对目标网站进行漏扫时发现了HTTP注入和URL重定向。并使用Burp进行了验证。afei2.HTTP注入漏洞介绍基于HTTP协议注入威胁技术是一种新型危害性很强的攻击</div> </li> <li><a href="/article/1943754997023961088.htm" title="前端开发常见问题" target="_blank">前端开发常见问题</a> <span class="text-muted"></span> <div>技术文章大纲性能优化问题页面加载速度慢的常见原因及解决方案渲染阻塞资源的处理方法图片与媒体文件优化策略懒加载与代码分割的实现方式浏览器兼容性问题不同浏览器对CSS特性的支持差异JavaScriptAPI的兼容性处理方案Polyfill的使用场景与实现方法自动化测试工具在兼容性测试中的应用响应式设计挑战移动端与桌面端布局适配问题媒体查询的最佳实践方案视口单位与相对单位的正确使用高DPI屏幕的图像处理</div> </li> <li><a href="/article/1943732060199907328.htm" title="7.11JS项目：倒计时页面跳转+评论发布" target="_blank">7.11JS项目：倒计时页面跳转+评论发布</a> <span class="text-muted">椒盐螺丝钉</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、页面跳转演示思路构建html框架后，在JS中获取对象：跳转按钮与显示剩余时间文本添加事件监听：检测点击行为->调用跳转函数跳转函数：(1)获取时间戳，(2)延时函数实现跳转，(3)间歇函数显示剩余时间——参考倒计时html框架前往百度接下来是JS部分，获取按钮与显示文本对象，添加事件监听constdiv=document.querySelector('div')constspan=docume</div> </li> <li><a href="/article/1943721976522665984.htm" title="爬虫技术：从基础到高级，探索数据抓取的奥秘" target="_blank">爬虫技术：从基础到高级，探索数据抓取的奥秘</a> <span class="text-muted"></span> <div>一、基础爬虫：揭开数据抓取的神秘面纱对于初学者来说，基础爬虫是入门的起点。基础爬虫的目标通常是静态网页，这些网页的内容在加载时就已经确定，不需要与服务器进行交互。通过简单的HTTP请求和HTML解析，就可以获取到网页中的数据。在基础爬虫中，最核心的技术是HTML解析。HTML是网页的结构语言，它定义了网页的布局和内容。爬虫程序需要通过解析HTML，找到其中的文本、图片、链接等元素。常用的HTML解</div> </li> <li><a href="/article/1943718188034355200.htm" title="Python 代码实现模糊查询" target="_blank">Python 代码实现模糊查询</a> <span class="text-muted"></span> <div>转载：https://www.cnblogs.com/weiman3389/p/6047017.html</div> </li> <li><a href="/article/1943717682692026368.htm" title="CSS 中px、em、rem、%、vw、vh、vm、rpx、fr 介绍和区别对比" target="_blank">CSS 中px、em、rem、%、vw、vh、vm、rpx、fr 介绍和区别对比</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/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>CSS单位详解：px、em、rem、%、vw、vh、vmin/vmax、rpx、fr以下是各单位的定义、特点、区别及使用场景对比：1.px（像素）定义：绝对单位，表示屏幕上的一个物理像素点。特点：固定尺寸，不受其他因素影响。在高分辨率屏幕上可能显示过小（需配合viewport缩放）。场景：边框、固定尺寸元素（如图标）。示例：.box{width:200px;}/*固定宽度200像素*/2.em（相</div> </li> <li><a href="/article/1943717683312783360.htm" title="CSS和CSS3区别对比" target="_blank">CSS和CSS3区别对比</a> <span class="text-muted"></span> <div>CSS（层叠样式表）与CSS3（CSS的第三个版本）的区别主要体现在功能扩展、语法特性以及应用场景等方面。以下是两者的核心对比：一、核心概念与版本关系CSS：是基础样式表语言，用于分离网页内容与样式，最初发布于1996年（CSS1），后续补充了CSS2（1998年），但功能较为基础，主要关注简单的布局和样式。CSS3：是CSS的最新版本（2005年起制定），向下兼容CSS2，并引入模块化设计（如F</div> </li> <li><a href="/article/1943710115400052736.htm" title="【前端】【Echarts】【Liquidfill 水球图】深入理解 ECharts Liquidfill 水球图：从入门到进阶" target="_blank">【前端】【Echarts】【Liquidfill 水球图】深入理解 ECharts Liquidfill 水球图：从入门到进阶</a> <span class="text-muted">患得患失949</span> <a class="tag" taget="_blank" href="/search/Echarts%E5%AD%A6%E4%B9%A0/1.htm">Echarts学习</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%A4%A7%E5%B1%8F/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/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>效果深入理解EChartsLiquidfill水球图：从入门到进阶在可视化数据展示中，水球图（Liquidfill）是一种极具表现力的图表。它形象地用“水位高低”表示某个百分比或完成度，非常适合展示指标进度、占比、加载状态等。本文将结合实际HTML示例，带你全面掌握如何使用ECharts+echarts-liquidfill插件绘制水球图，并通过多个实例逐步讲解配置技巧。准备工作在HTML中使用水</div> </li> <li><a href="/article/1943702178145300480.htm" title="多核MCU可用于简化嵌入式设计" target="_blank">多核MCU可用于简化嵌入式设计</a> <span class="text-muted"></span> <div>转自：http://www.elecfans.com/d/851199.html嵌入式系统设计人员面临着对更高性能和更快上市时间的不断增长的需求。嵌入式处理器需要经常实时地执行不断扩展的任务。同时，应用需要高吞吐量和高能效以及小外形和低成本。多核微控制器单元（MCU）提供了一种可行的新解决方案，利用模块化设计以经济的价格提供多倍的性能提升。几十年来，随着IC上晶体管数量的增加，芯片性能不断提高。采</div> </li> <li><a href="/article/1943694366480592896.htm" title="每天一个前端小知识 Day 28 - Web Workers / 多线程模型在前端中的应用实践" target="_blank">每天一个前端小知识 Day 28 - Web Workers / 多线程模型在前端中的应用实践</a> <span class="text-muted">蓝婷儿</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/1.htm">前端面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>WebWorkers/多线程模型在前端中的应用实践一、为什么前端需要多线程？单线程JS的瓶颈：浏览器主线程不仅负责执行JS，还要负责：UI渲染（DOM/CSS）用户事件处理（点击、输入）一旦JS执行耗时任务（如大数组处理、加密运算），会阻塞页面响应多线程的意义：✅把计算密集型或IO密集型任务移出主线程，防止“卡死”✅实现离线计算、并发执行、后台数据同步✅提升用户体验、增强系统鲁棒性二、前端中的“线</div> </li> <li><a href="/article/120.htm" title="web前段跨域nginx代理配置" target="_blank">web前段跨域nginx代理配置</a> <span class="text-muted">刘正强</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/cms/1.htm">cms</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>nginx代理配置可参考server部分 server { listen 80; server_name localhost; </div> </li> <li><a href="/article/247.htm" title="spring学习笔记" target="_blank">spring学习笔记</a> <span class="text-muted">caoyong</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>一、概述 a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式) </div> </li> <li><a href="/article/374.htm" title="Eclipse打开workspace提示工作空间不可用" target="_blank">Eclipse打开workspace提示工作空间不可用</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。解决办法，删掉.fileTableLock文件，重</div> </li> <li><a href="/article/501.htm" title="Javascript 面向对面写法的必要性？" target="_blank">Javascript 面向对面写法的必要性？</a> <span class="text-muted">一炮送你回车库</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu</div> </li> <li><a href="/article/628.htm" title="js array对象的迭代方法" target="_blank">js array对象的迭代方法</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/array/1.htm">array</a> <div>1.forEach 该方法接受一个函数作为参数，对数组中的每个元素使用该函数 return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型</div> </li> <li><a href="/article/755.htm" title="对Hibernate缓存机制的理解" target="_blank">对Hibernate缓存机制的理解</a> <span class="text-muted">归来朝歌</span> <a class="tag" taget="_blank" href="/search/session/1.htm">session</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E7%BA%A7%E7%BC%93%E5%AD%98/1.htm">一级缓存</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E6%8C%81%E4%B9%85%E5%8C%96/1.htm">对象持久化</a> <div>在hibernate中session一级缓存机制中，有这么一种情况：问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？通过调试后解决方案如下：对于问题一，如你在数据库里设置了</div> </li> <li><a href="/article/882.htm" title="WebService调用错误合集" target="_blank">WebService调用错误合集</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a> <div> Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错，一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可</div> </li> <li><a href="/article/1009.htm" title="JSP和Servlet的中文乱码处理" target="_blank">JSP和Servlet的中文乱码处理</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a> <div>JSP和Servlet的中文乱码处理前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。一、表单提交时出现乱码：在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以</div> </li> <li><a href="/article/1136.htm" title="面试经典六问" target="_blank">面试经典六问</a> <span class="text-muted">atongyeye</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。我的回答：(针对技术面试回答，如果是人事面试，可以就掌</div> </li> <li><a href="/article/1263.htm" title="contentResolver.query()参数详解" target="_blank">contentResolver.query()参数详解</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/query%28%29%E8%AF%A6%E8%A7%A3/1.htm">query()详解</a> <div>收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java] view plain copy public void fetchAllContacts() { </div> </li> <li><a href="/article/1390.htm" title="ora-00054:resource busy and acquire with nowait specified解决方法" target="_blank">ora-00054:resource busy and acquire with nowait specified解决方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/kill/1.htm">kill</a><a class="tag" taget="_blank" href="/search/nowait/1.htm">nowait</a> <div> 当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句</div> </li> <li><a href="/article/1517.htm" title="web 开发乱码" target="_blank">web 开发乱码</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>以下前端都是 utf-8 字符集编码一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中；乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，</div> </li> <li><a href="/article/1644.htm" title="【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式" target="_blank">【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&</div> </li> <li><a href="/article/1771.htm" title="JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss" target="_blank">JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/-Xss/1.htm">-Xss</a><a class="tag" taget="_blank" href="/search/-Xmn/1.htm">-Xmn</a><a class="tag" taget="_blank" href="/search/-Xms/1.htm">-Xms</a><a class="tag" taget="_blank" href="/search/-Xmx/1.htm">-Xmx</a> <div> 堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355</div> </li> <li><a href="/article/1898.htm" title="jqGrid 各种参数详解(转帖)" target="_blank">jqGrid 各种参数详解(转帖)</a> <span class="text-muted">BreakingBad</span> <a class="tag" taget="_blank" href="/search/jqGrid/1.htm">jqGrid</a> <div> jqGrid 各种参数详解分类：源代码分享个人随笔请勿参考解决开发问题 2012-05-09 20:29 84282人阅读评论(22) 收藏举报 jquery 服务器 parameters function ajax string </div> </li> <li><a href="/article/2025.htm" title="读《研磨设计模式》-代码笔记-代理模式-Proxy" target="_blank">读《研磨设计模式》-代码笔记-代理模式-Proxy</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面</div> </li> <li><a href="/article/2152.htm" title="应用升级iOS8中遇到的一些问题" target="_blank">应用升级iOS8中遇到的一些问题</a> <span class="text-muted">chenhbc</span> <a class="tag" taget="_blank" href="/search/ios8/1.htm">ios8</a><a class="tag" taget="_blank" href="/search/%E5%8D%87%E7%BA%A7iOS8/1.htm">升级iOS8</a> <div>1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated 中写的，最终的解决办法是把判断写在 -(void</div> </li> <li><a href="/article/2279.htm" title="工作流与自组织的关系？" target="_blank">工作流与自组织的关系？</a> <span class="text-muted">comsci</span> <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/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div> 目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？这里有篇论文，摘要是：“针对网格中的服务</div> </li> <li><a href="/article/2406.htm" title="Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX" target="_blank">Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一</div> </li> <li><a href="/article/2533.htm" title="二叉树:堆" target="_blank">二叉树:堆</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%8F%89%E6%A0%91/1.htm">二叉树</a> <div> 这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单: 一个节点的父节点下标为: (当前下标 - 1)/2 一个节点的左节点下标为: 当前下标 * 2 + 1 &</div> </li> <li><a href="/article/2660.htm" title="C语言学习八结构体" target="_blank">C语言学习八结构体</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div>为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,</div> </li> <li><a href="/article/2787.htm" title="centos安装golang" target="_blank">centos安装golang</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>#在国内镜像下载二进制包 wget -c http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz #把golang的bin目录加入全局环境变量 cat >>/etc/profile<</div> </li> <li><a href="/article/2914.htm" title="10.性能优化-监控-MySQL慢查询" target="_blank">10.性能优化-监控-MySQL慢查询</a> <span class="text-muted">frank1234</span> <a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/MySQL%E6%85%A2%E6%9F%A5%E8%AF%A2/1.htm">MySQL慢查询</a> <div>1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn</div> </li> <li><a href="/article/3041.htm" title="Java父类取得子类类名" target="_blank">Java父类取得子类类名</a> <span class="text-muted">happyqing</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/this/1.htm">this</a><a class="tag" taget="_blank" href="/search/%E7%88%B6%E7%B1%BB/1.htm">父类</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E7%B1%BB/1.htm">子类</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%90%8D/1.htm">类名</a> <div> 在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！ package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void </div> </li> <li><a href="/article/3168.htm" title="Spring3.2新注解@ControllerAdvice" target="_blank">Spring3.2新注解@ControllerAdvice</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/%40Controller/1.htm">@Controller</a> <div>@ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现： @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co</div> </li> <li><a href="/article/3295.htm" title="Java spring mvc多数据源配置" target="_blank">Java spring mvc多数据源配置</a> <span class="text-muted">liuxihope</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo</div> </li> <li><a href="/article/3422.htm" title="第12章 Ajax（下）" target="_blank">第12章 Ajax（下）</a> <span class="text-muted">onestopweb</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/</div> </li> <li><a href="/article/3549.htm" title="BW / Universe Mappings" target="_blank">BW / Universe Mappings</a> <span class="text-muted">blueoxygen</span> <a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a> <div> BW Element OLAP Universe Element Cube Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi</div> </li> <li><a href="/article/3676.htm" title="Java开发熟手该当心的11个错误" target="_blank">Java开发熟手该当心的11个错误</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>#1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目可以在属性文件中配置，那么使它成为</div> </li> <li><a href="/article/3803.htm" title="推行国产操作系统的优劣" target="_blank">推行国产操作系统的优劣</a> <span class="text-muted">yananay</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%9B%BD%E4%BA%A7%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">国产操作系统</a> <div>最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交</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>