qq_41909666

HTML5+CSS+JS基础笔记

HTML代码：主要控制网页的结构；

JAVASCRIPT代码：主要控制网页的行为；

CSS代码：主业控制网页的外观；

HTML5+CSS：

html >

lang= "en" >

charset= "UTF-8" >

</span> <span style="font-size:18px;font-family:SimSun, STSong;color:rgb(169,183,198);background-color:rgb(43,43,43);">Title</span> <span style="font-size:18px;font-family:SimSun, STSong;color:rgb(232,191,106);background-color:rgb(43,43,43);">

标题标签（x=1~6）（递减，越来越小）
强调文本，默认斜体；

粗体强调；

短文本引用，默认加双引号

长文本引用；

换行；

空格；

分隔横线；

插入一行代码；
插入多行代码；每项前面都自带序号，类似 target="_blank" 超链接在新窗口打开页面 mailto 在网页中链接Email地址；如果mailto后面同时有多个参数，第一个参数必须以“？”开头，后面的参数每一个都以“&”分隔；表格；表格的一行；表格的一列；表格表头；表单：所有表单控件（文本框/域，按钮，单选框，复选框等）都必须放在标签之间； method(post/get) 文本域： <textarea> <span style="color:rgb(223,64,42);">html5方式</span> <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">ol=width row=height <span style="color:rgb(223,64,42);">CSS方式</span></li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);"><input type="radio/checkbox" value="值" name= "名称" checked="checked"> <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">当type="radio"时，控件为单选框；</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">当type="checkbox"时，控件为复选框；</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">value提交数据到服务器的值；</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">checked：当设置checked="checked"时，该选项被默认选中；</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">下拉列表框：<label><select><option value="提交值" selected ="selected"> <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">selected ="selected" 默认选中</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">在下拉列表框中进行多选<label><select multiple="multiple"><option value=" "> <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">multiple="multiple"多选</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">ID选择器： <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">为标签设置id="ID名称"，而不是class=“类名称”</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">ID选择符的前面是#，而不是.</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">类和ID选择器的区别 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">相同点：可以应用于任何元素</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">不同点：ID选择器只能在文档中使用一次；</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">子选择器：（>） <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">.food>li{border:1px solid red;} 使class名为food下的子元素li加入红色实线边框</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">包含（后代）选择器（空格） <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">>作用于元素的第一代后代，空格作用于元素的所有后代 .first span{color:red;}</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">通用选择器：（*）设置html中任意标签</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">伪类选择器： a:hover{color:red;}鼠标滑过字体，颜色变为红色特效；</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">分组选择器：（,） h1,span{color:red;} =h1{color:red;} span{color:red;}</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">特殊性：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100；</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">层叠： css样式的优先级 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">内联样式表（标签内部）；嵌入样式表（当前文件中）>（外部文件中）</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">重要性：！important 要写在分号前；</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">字体： body{font-family:"Microsoft Yahei";}</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">斜体：p{font-style:italic;}</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">下划线：P{text-decoration:underline;}</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">删除线：p{text-decoration:line-through;]</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">段落排版：缩进： p{text-indent:zem;} (zem是文字的2倍大小)</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">行高：p{line-height:1.5em;}</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">中文字间距，字母间距p{letter-spacing:1px} 单词间距p{word-spacing:50px;}</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">段落排版————对齐 h{text-align:center/left/right;}</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">元素分类————内联块状元素 a{display:inline-block;}将元素设置为 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">块级元素a{display:block;}将元素显示为块级元素</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">内联元素a{display:inline;}将元素设置为内联元素</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">边框样式： dashed（虚线）；dotted(点线)；solid（实线）</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">边： <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">padding内边距，在边框里；</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">margin外边距，在边框外；</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">网页中，元素有三种布局模型： <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">流动模型（flow）</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">浮动模型（float）</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">层模型（layer）</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">position: <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">absolute绝对定位</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">relative相对定位</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">fixed固定定位</li> </ol></li> </ol> <div style="text-align:left;line-height:1.75;font-size:14px;"> <br> </div> <div style="text-indent:28px;text-align:left;line-height:1.75;font-size:14px;"> <br> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <br> </div> <br> <p>JavaScript：</p> <p></p> <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);"><script type="type/javascript"></script>可以放在html文件中任何位置，一般放在head或body部分</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">可以新建.js文件，HTML中，<script src="x.js"></script> x.js中，document.write("js");前面的script先执行</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">js————变量： <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">变量名可以任意取名，但要遵循命名规则</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">变量必须使用字母，数字，下划线或$开始</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">可以使用多个字母，数字，下划线或$组成</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">不能使用js关键词与保留字</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">js————警告（alert消息对话框）</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">js—————确认（confirm消息对话框） <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);"><script type="text/javascript"></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">var a=confirm("你好吗？")；</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">if(a==true){ <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">document.write("ok!");}</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">else{ <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">document.write("oh,no!");}</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);"></script></li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">js——————提问（prompt消息对话框） <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">var myname=prompt("输入姓名");</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">if(myname != nuu){ <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">alert("你好"+myname);}</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">else{ <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">alert("你好myfriend");}</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">prompt(str1,str2); <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">str1:要显示在消息对话框中的文本，不可修改</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">str2:文本框中的内容，可以修改</li> </ol></li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">js—————打开新窗口（window.open） <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">window.open([url]),[窗口名称]，[参数字符串] <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">URL：可选参数，在窗口中要显示网页的网址或路径。如果为空，窗口不显示任何文档</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">窗口名称：可选参数，被打开窗口的名称 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">该名字由字母，数字和下划线字符组成</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">_blank：在新窗口显示目标网页； _self：在当前窗口显示目标网页 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">_top：框架网页中在上部窗口中显示目标网页</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">相同name的窗口只能创建一个，要想创建多个窗口，则name不能相同</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">name不能包含有空格 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">参数字符串：可选参数，设置窗口参数，各参数用逗号隔开 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">例子： <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">打开网站，大小为300px*200px，无菜单，无工具栏，无状态栏，有滚动条菜单</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);"><script type="type/javascript"></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">window.open("http://www.baidu.com", '_blank','width=300',height='200',menubar=no,toolbar=no,status=no,scrollbars=yes)</script> 菜单，工具栏，状态栏，流动窗口</li> </ol></li> </ol></li> </ol></li> </ol></li> </ol></li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">js——————关闭窗口（window.close）或<窗口对象>.close()；</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">innerHTML 属性：用于获取或替换HTML元素的内容； <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">Object.innerHTML： <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">Object是获取的元素对象，如通过document.getElementById("ID")获取的元素</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">innnerHTML区分大小写</li> </ol></li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">Object.style.color=new style;</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">显示和隐藏（display属性） <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">Object.style.display=value <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">value=none(隐藏)/block(块级元素显示)</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">Object是获取的元素对象，如通过getElementById("id")获取的元素</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">控制类名（className属性） Object.className=classname <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">获取元素的class属性</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">为网页内的某个元素指定一个CSS样式来更改该元素的外观</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">类型检测 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">typeof 返回字符串，适合基本类型及函数检测，遇到null会失效</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">instanceof：适合自定义对象，也可以用来检测原生对象，在不同iframe和window间检测时失效</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">object.prototype.toString</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">constructor</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">duck type</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">输出数据： <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">window.alert() 弹出警告框</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">document.write() 方法将内容写到HTML文档中</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">innerHTML 写入到HTML元素</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">console.log() 写入到浏览器的控制台</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">******************************************************************************************** <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">事件说明</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onclick 鼠标单击事件</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onmouseover 鼠标经过，悬停在上方</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onmouseout 鼠标移开</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onchage 文本框内容改变事件</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onselect 文本框内容被选中</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onfocus 光标聚集</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onblur 光标离开</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onload 网页导入</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onunload 关闭网页·</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">ondblclick 鼠标双击</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onsubmit 表单提交事件</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">onreset 重置表单事件</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">******************************************************************************************************* <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">方法名称功能描述</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">get/setDate() 返回/设置日期</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">get/setFullYear() 返回/设置年份，用四位数表示</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">get/setYear() 返回/设置年份</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">get/setMonth() 返回/设置月份</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">get/setHours() 返回/设置小时，24小时制</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">get/setMinutes() 返回/设置分钟数</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">get/setSeconds() 返回/设置秒钟数</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">get/setTime() 返回/设置时间（毫秒为单位）</li> </ol></li> </ol> <div style="text-indent:28px;text-align:left;line-height:1.75;font-size:14px;"> *************************************************************************************************** </div> <ol start="17"> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">charAt() 返回指定位置的字符</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">indexOf(a,b) 返回指定的字符串首次出现的位置（区分大小写，如果要检索的字符串值没有出现，则该方法返回-1）</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">split(a,b) 字符串分割（以a开始，b为分割次数，后面的不要）</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">substring(a,b) 提取字符串（以a开始，以b结束，如a>b，则先交换，再提取）</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">substr(a,b) 提取指定数目的字符（以a开始，提取b个）</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">Math() 向上取整</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">floor() 向下取整</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">round() 四舍五入</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">random() 返回0~1之间的一个随机数</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">concat() 数组连接 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">var mya1=new Array("hello!");</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">var mya2=new Array("I","love");</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">var mya3=new Array("you","!");</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">var mya4=mya1.concat(mya2,mya3);</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">document.write(mya4);</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">结果：hello!,i,love,you,!</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">指定分隔符连接数组元素 join() 默认为“，” <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">x.join(".");</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">结果为：hello!.i.love.you.!</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">reverse() 颠倒数组元素顺序 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">x.reverse() 反过来输出</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">slice(a,b) 从已有数组中返回[a,b)之间的元素，可使用负值从尾部开始</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">sort() 数组排序 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">function sortNum(a,b){</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">return a-b;} //升序 //b-a降序</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">document.write(x.sort(sortNum));</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">setInterval(代码，交互时间) 在执行时，从载入页面每隔指定时间执行代码，时间以毫秒计算 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">setInterval("clock()",1000)或setInterval(clock,1000)</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">clearInterval(id of setInterval) 取消31 设置的交互时间</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">setTimeout(代码，延迟时间) 在载入后延迟指定时间后，去执行一次代码，仅执行一次</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">clearTimeout(id of setTimeout) 取消/停止计时器</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">location[属性|方法] 用于获取或设置窗体的URL，并且可以解析URL； <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">Location对象方法 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">assign() 加载新的文档</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">reload() 重新加载当前文档</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">replace() 用新的文档替换当前文档</li> </ol></li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">window.screen 对象包含有关屏幕的信息 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">screen.height 返回屏幕分辨率的高</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">screen.width 返回屏幕分辨率的宽</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">单位：px像素</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">getElementsByName() 返回带有指定名称的节点对象的集合</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">getElementsByTagName(name) 返回带有指定标签名的节点对象的集合，返回元素的顺序是它们在文档中的顺序，name是标签的名称，如p，a，img等</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">getAtribute(name) 通过元素节点的属性名称获取属性的值 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">name如id，title等</li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">setAttribute(name,value) 增加一个指定的名称和值得新属性，或把一个现有的属性设为指定的值</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">x.childNodes 访问子节点访问选定元素节点下的所有子节点的列表，返回的值可以看做是一个数组，具有length属性</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">parentNode 获取指定节点的父节点</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">previousSibling/nextSibling 属性可以返回某个节点之后紧跟的节点（处于同一树层级中）</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">createElement() 在对象中创建一个对象，要与appendChild()或insertBefore()方法联用</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">appendChild(number) 插入节点 <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-alpha;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">例： <ol> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);"><div id ="test"><p>a</p></div></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);"><script type="text/javascript"></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">var otest=document.getElementById("test");</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">var newNode=document.createElement("p");</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">newNode.innerHTML="hello";</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">otest.qppendChild(newNode);</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);"></script></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;list-style-type:lower-roman;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">结果：a hello</li> </ol></li> </ol></li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">insertBefore(newnode,node) 插入节点，在已有的子节点前插入一个新的子节点</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">removChild(node) 删除节点，从子节点列表中删除某个节点，如删除成功，此方法可返回被删除的节点，如失败，则返回NULL</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">replaceChild(newnode,oldnode) 替换元素节点，返回被替换对象的引用</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">createElement(tagname)创建元素节点，返回一个Element对象， tagname指明创建元素的类型</li> <li style="text-align:left;line-height:1.75;font-size:14px;list-style-position:inside;font-family:'Microsoft YaHei', STXihei;color:rgb(0,0,0);">createTextNode(data) 创建文本节点，返回新建的Text节点，data规定此文本的文本</li> </ol> <div style="text-align:left;line-height:1.75;font-size:14px;"> <br> </div> <br> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1279581099881676800"></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">你可能感兴趣的:(HTML5+CSS+JS基础笔记)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1834501176050151424.htm" title="R语言基础笔记" target="_blank">R语言基础笔记</a> <span class="text-muted">waterHBO</span> <a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>起因:今天不知道要写什么。把之前的笔记复制一下。代码开头，导入:#清除系统变量rm(list=ls())#隐藏警告信息:options(warn=-1)#把当前目录，设置为工作目录。library(rstudioapi)current_folder_path0.0&ideology<10.0)分组聚合，类似groupby()df2<-aggregate(df1KaTeXparseerror:Exp</div> </li> <li><a href="/article/1833306204206624768.htm" title="一口气了解大模型相关通识，基础笔记！" target="_blank">一口气了解大模型相关通识，基础笔记！</a> <span class="text-muted">AI小白熊</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a> <div>一、大模型生态有哪些语言类大模型:GPT-3、GPT-3.5、GPT-4系列模型。并且，OpenAl在训练GPT-3的同时训练了参数不同、复杂度各不相同的A、B、C、D四项大模型(基座模型)，用于不同场景的应用;其中，A、B、C、D模型的全称分别是ada、babbage、curie(居里)和davinci（达芬奇），四个模型并不是GPT-3的微调模型，而是独立训练的四个模型;四个模型的参数规模和复</div> </li> <li><a href="/article/1831221681218220032.htm" title="TCP/IP基础笔记之ARP, DHCP" target="_blank">TCP/IP基础笔记之ARP, DHCP</a> <span class="text-muted">neilengineer</span> <div>WIFIassociation成功后的操作和ethernet差不多，ARP和DHCP是其中２个常用协议。ARP作用是把IP地址转换为对应的EthernetMAC地址。在BSD-styleOS,每条ARPentry在ARP表里的时间是20分钟。在得到任何ARPreply前，PC可以连续75秒发ARPrequests。具体时间和实现相关。GratuitousARP(免费ARP)包括gratuitous</div> </li> <li><a href="/article/1830371731727020032.htm" title="python基础笔记_Python基础笔记" target="_blank">python基础笔记_Python基础笔记</a> <span class="text-muted">weixin_39687786</span> <a class="tag" taget="_blank" href="/search/python%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B0/1.htm">python基础笔记</a> <div>[基础部分]Python是一种解释型的、面向对象的、带有动态语义的高级程序设计语言。输出方式：print“Helloworld”空值是Python里一个特殊的值，用None表示。关于除法运算：默认只取整数部分的结果：1/2=0.要得到小数：1.0/2或者1.0/2.0幂（乘方）运算：2**4=16表示2的4次方。关于长整型数：普通整数不能大于2147483647也不能小于-2147483648，否</div> </li> <li><a href="/article/1770179232685686784.htm" title="【笔记】HDFS基础笔记" target="_blank">【笔记】HDFS基础笔记</a> <span class="text-muted">哇咔咔哇咔</span> <a class="tag" taget="_blank" href="/search/Hadoop/1.htm">Hadoop</a><a class="tag" taget="_blank" href="/search/hdfs/1.htm">hdfs</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a> <div>启动hadoop命令（未配环境变量）：进入hadoop安装目录输入./sbin/start-dfs.sh已配环境变量：start-dfs.sh关闭hadoop命令：stop-dfs.sh启动完成后，可以通过命令jps来判断是否成功启动，若成功启动则会列出如下进程:"NameNode"、"DataNode"和"SecondaryNameNode"三种Shell命令方式：1.hadoopfs2.had</div> </li> <li><a href="/article/1763176670438711296.htm" title="Spring基础笔记" target="_blank">Spring基础笔记</a> <span class="text-muted">weixin_30235225</span> <div>Spring带给了我们什么便利?注解版本的IOC如何玩?组件注册组件注册的过程中有哪些过滤规则?如何控制组件的作用域(单例多例)?六种注册组件的方式?生命周期什么是bean的生命周期在bean的生命周期的各个阶段我们可以插手做什么?属性赋值我们有哪些手段给bean的属性赋值?自动装配什么是自动装配?Spring提供哪些注解可以帮我们实现自动装配?java规范提供了哪些注解帮助我们实现了自动装配?S</div> </li> <li><a href="/article/1759957634515038208.htm" title="Javaweb基础笔记1-SQL基础语句" target="_blank">Javaweb基础笔记1-SQL基础语句</a> <span class="text-muted">尘开的笔记</span> <a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>SQL简介英文：StructuredQueryLanguage，简称SQL结构化查询语言，一门操作关系型数据库的编程语言定义操作所有关系型数据库的统一标准对于同一个需求，每一种数据库操作的方式可能会存在一些不一样的地方，我们称为“方言”SQL通用语法SQL语句可以单行或多行书写，以分号结尾。MySQL数据库的SQL语句不区分大小写，关键字建议使用大写。注释单行注释:–注释内容或#注释内容(MySQ</div> </li> <li><a href="/article/1757875491794075648.htm" title="2021想进大厂？高手面经送给你：Java基础笔记+面试手册+项目+高并发架构设计攻略" target="_blank">2021想进大厂？高手面经送给你：Java基础笔记+面试手册+项目+高并发架构设计攻略</a> <span class="text-muted">码农小芷</span> <div>正好在离职交接空档期，就抽空简单分享自己的一些个人经历给大家，希望对刚毕业不久或者工作三五年的同学能有一些帮助。个人经历正文前先来一些简单的自我介绍，这部分水分较多，如果没兴趣的同学可以直接跳到第二部分看些面试题。我是16年本科毕业，毕业第一年在福建上班，17年到杭州，来杭州前，自己花了很长时间准备面试，本来信心满满，但是到了杭州，还是遇到很大的挫折。我还记得，当时有一个面试官问我说你说下什么是分</div> </li> <li><a href="/article/1757640103104102400.htm" title="C++学习笔记1：输入输出、类简介" target="_blank">C++学习笔记1：输入输出、类简介</a> <span class="text-muted">青冰墨</span> <a class="tag" taget="_blank" href="/search/C%2B%2B%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B0/1.htm">C++基础笔记</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>补充C++基础笔记。输入输出标准库提供输入输出#include输入：std::cin>>输入内容存储的变量>>输入运算符接受一个istream作为其左侧运算对象，接受一个对象作为其右侧运算对象输出：std::cout>value)此循环条件检测的是std::cin，遇到文件结束符时，istream对象的状态会变为无效，处于无效条件的istream对象会使条件变为假。ACM模式下读入输入数据可以参看</div> </li> <li><a href="/article/1757498516852195328.htm" title="Python基础笔记——Tkinter编程" target="_blank">Python基础笔记——Tkinter编程</a> <span class="text-muted">卑微打工仔233</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>Tkinter编程Tkinter：python中标准的GUI库，python可以使用Tkinter快速创建GUI应用GUI：图形用户界面（GraphicalUserInterface，简称GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。Tkinter是内置于python的安装包中，只需安装好Python之后就可以使用Tkinter库（python安装过程）应用方式：import</div> </li> <li><a href="/article/1757398382625701888.htm" title="2.11Java基础笔记" target="_blank">2.11Java基础笔记</a> <span class="text-muted">铃兰花的土壤</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/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>staticstatic可以用来修饰类的成员方法、类的成员变量，另外也可以编写static代码块来优化程序性能static修饰的成员变量和方法从属于类，普通变量和方法从属于对象static方法static方法也成为静态方法，由于静态方法不依赖于任何对象就可以直接访问，因此对于静态方法来说，是没有this的，因为不依附于任何对象，既然都没有对象，就谈不上this了，并且由于此特性，在静态方法中不能访</div> </li> <li><a href="/article/1756992034624782336.htm" title="Kotlin基础笔记" target="_blank">Kotlin基础笔记</a> <span class="text-muted">心安1989</span> <div>1、kotlin基本数据类型Boolean/Int/Float/Long/Double/Char/Byte2、==等同于java的equals;===等同于java的==3、字符串模版：$string,在字符串前加$。4、String长度：s.length;String不为null5、varstring：String=getName()?：return;//意思就是如果getName()方法返回为</div> </li> <li><a href="/article/1755543997461315584.htm" title="Java 基础笔记" target="_blank">Java 基础笔记</a> <span class="text-muted">Vchar_Fred</span> <div>一、Java中参数传递Java中方法的参数传递实际上都是值传递，有别于C/C++；在使用对象传递时只能修改对象的属性。例子1：publicstaticvoidmain(String[]args){StringBuffersb=newStringBuffer("Hello");System.out.println("传参前--->>对象地址:"+System.identityHashCode(sb)</div> </li> <li><a href="/article/1754780256943751168.htm" title="mysql的基础笔记以及优化方式" target="_blank">mysql的基础笔记以及优化方式</a> <span class="text-muted">c88c424c7f3d</span> <div>mysql框架最上层用于连接、线程处理的部分并不是MySQL『发明』的，很多服务都有类似的组成部分；第二层中包含了大多数MySQL的核心服务，包括了对SQL的解析、分析、优化和缓存等功能，存储过程、触发器和视图都是在这里实现的；而第三层就是MySQL中真正负责数据的存储和提取的存储引擎，例如：InnoDB、MyISAM等MySql索引：索引是在存储引擎层实现的，而不是在服务器层实现的，所以不同存储</div> </li> <li><a href="/article/1753440359972618240.htm" title="JavaScript基础笔记" target="_blank">JavaScript基础笔记</a> <span class="text-muted">csdndeidl</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>计算机基础[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PcwR7M7t-1669642870428)(1667096270239.png)]1.计算机内部使用二进制0和1来表示数据.2．所有数据，包括文件、图片等最终都是以二进制数据（0和1)的形式存放在硬盘中的.3．所有程序，包括操作系统，本质都是各种数据，也以二进制数据的形式存放在硬盘中。平时我们所说的安装软件</div> </li> <li><a href="/article/1753440358009683968.htm" title="JavaScript基础（一）旧版基础笔记总结" target="_blank">JavaScript基础（一）旧版基础笔记总结</a> <span class="text-muted">十三的信徒</span> <a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF/1.htm">Web前端</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>开新藩（虽然博主早以前已经学过了），从0开始复习JS，一方面应对毕设，一方面后期可能找找实习，一方面复试可能也会涉及到吧，说起这个最近越等越焦虑QAQ，还要一个月才出分呢......本帖先总结初级语法，好多语种其实都大差不差，不过还是有些差别需要注意~一.初试JS计算机程序实际上就是一系列指令的集合，任何可以执行代码的设备都可以被称为计算机标记语言是被动的，用于修饰链接内存是电，存储是机械，之所以</div> </li> <li><a href="/article/1752725790530748416.htm" title="Python学习——Python基础" target="_blank">Python学习——Python基础</a> <span class="text-muted">Yiban001</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>二，Python基础笔记来源https://www.bilibili.com/video/BV1PE411c71h?p=2.今日纲要二，Python基础1，编程三步曲2，Python基础语法2.1，注释2.2，标识符2.3，保留字符2.4，行和缩进2.5，常用的基本函数3，Python变量3.1，变量概念3.2，变量类型3.2.1，Python数字3.2.2，Python字符串3.2.3，Pyth</div> </li> <li><a href="/article/1752482462228824064.htm" title="数通基础笔记" target="_blank">数通基础笔记</a> <span class="text-muted">Gnana_L</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E9%80%9A/1.htm">数通</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>交换机一个端口就是一个冲突域，（集线器hub---物理层设备，整个设备就是一个冲突域）交换机的前身是网桥，网桥的前身是hub。交换机隔离冲突域，无法隔离广播域路由器隔离广播域。1企业网络架构小型企业、大型企业优点，缺点扁平网络结构：便宜、简单、灵活、易维护;单点故障分层网络结构：昂贵、复杂、冗余、易扩展2.大型企业网络设计的基本思想是？满足业务需求、可用、稳定、可扩展、安全、可管理接入层：接入终端</div> </li> <li><a href="/article/1751264766803853312.htm" title="JAVA基础笔记——List" target="_blank">JAVA基础笔记——List</a> <span class="text-muted">MAX--李</span> <a class="tag" taget="_blank" href="/search/JAVA/1.htm">JAVA</a> <div>包装类数学相关日期相关字符串相关集合相关异常相关IO相关线程相关网络相关反射注解*GUI------------------------------------------------------------------------------------------------------------------------------------------------------------</div> </li> <li><a href="/article/1750678539037851648.htm" title="Node.js基础笔记" target="_blank">Node.js基础笔记</a> <span class="text-muted">qq_43645678</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/Node.js/1.htm">Node.js</a><a class="tag" taget="_blank" href="/search/Node.js%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B0/1.htm">Node.js基础笔记</a> <div>Node.js基础笔记1.NodeJS入门基础1.1NodeJS介绍1.1.1NodeJS是什么1.1.2NodeJS的优势1.1.3NodeJS的技术特性1.1.4NodeJS相关资源1.2NodeJS开发环境的搭建1.2.1Node.JS的下载和安装1.2.2NodeJS的运行环境1.2.3NodeJS的基础语法1.2.4NodeJS在VScode中运行1.3npm概述1.3.1npm是什么1</div> </li> <li><a href="/article/1750537428822671360.htm" title="【unity shader/风格化水表面渲染/基础笔记】urp代码版01-水面与水底的深度判断" target="_blank">【unity shader/风格化水表面渲染/基础笔记】urp代码版01-水面与水底的深度判断</a> <span class="text-muted">Hell with it</span> <a class="tag" taget="_blank" href="/search/Unity/1.htm">Unity</a><a class="tag" taget="_blank" href="/search/Shader%E5%A4%A7%E6%9D%82%E7%83%A9/1.htm">Shader大杂烩</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E/1.htm">游戏引擎</a> <div>目录1场景搭建与实现思路2深度图获取与原理获取方式深度图计算原理变换过程3重建世界坐标采样深度图重建方法1重建方法24结果仅做学习，如有错误望指正涉及的知识点：depthmap，ComputeWorldSpacePosition，ComputeScreenPos1场景搭建与实现思路两个plane如图交叉，将在水平plane中实现基本的风格化水表面泡沫是在两个plane的相交处生成的，==换句话说当</div> </li> <li><a href="/article/1750110686882578432.htm" title="Linux基础笔记16 | 软件包 RPM 详解" target="_blank">Linux基础笔记16 | 软件包 RPM 详解</a> <span class="text-muted">小鲸鱼大梦想</span> <a class="tag" taget="_blank" href="/search/Linux%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B0/1.htm">Linux基础笔记</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a> <div>RPM软件包管理软件包的分类二进制包（binarycode）：无须编译，可以直接安装使用源码包（sourcecode）：没有经过编译的包，需要借助gcc、c++编译器编译后才能运行软件包的区分二进制包：软件包存在bin可执行文件源码包：软件包的文件包含有.h、.c、.cpp等结尾的源码文件RPMCentOS操作系统中一款默认软件管理的工具，红帽包管理工具（RedHatPackageManager）</div> </li> <li><a href="/article/1749836273259921408.htm" title="C基础笔记" target="_blank">C基础笔记</a> <span class="text-muted">凡不凡-</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>一、C语言开发环境搭建Linux系统作为学习C语言的开发环境环境安装：1、UbuntuLinux.7z----------虚拟机系统2、VMware：VMwareWorkstation16Pro激活密钥.txt；VMware-workstation-full-16.1.017198959.exe------虚拟机软件3、安装VMware虚拟机.pdf----安装文档1、安装虚拟机软件2、在虚拟机软</div> </li> <li><a href="/article/1749084374122381312.htm" title="MySQL基础笔记（9）事务" target="_blank">MySQL基础笔记（9）事务</a> <span class="text-muted">十三的信徒</span> <a class="tag" taget="_blank" href="/search/MySQL/1.htm">MySQL</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>一.简介所谓事务，是一组操作的集合，它是一个不可分割的工作单位，事务会把所有的操作作为一个整体一起向系统提交或者撤销操作请求，即，这些操作要么同时成功，或者同时失败——OS中有原语不可分割的概念，虽然没有必然联系，但此处可以类比~回滚：临时修改的数据因为发生异常必须修改回去注意：默认MySQL的数据库是自动提交的，执行一条sql语句，MySQL会立即隐式的提交事务~二.操作以转账的场景为例：sel</div> </li> <li><a href="/article/1748810567788806144.htm" title="MySQL基础笔记（8）多表查询" target="_blank">MySQL基础笔记（8）多表查询</a> <span class="text-muted">十三的信徒</span> <a class="tag" taget="_blank" href="/search/MySQL/1.htm">MySQL</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</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> <div>一.多表关系介绍项目开发中，在进行数据库表结构设计时，会根据业务需求及业务模块之间的关系，分析并设计表结构，由于业务之间相互关联，所以各个表结构之间也会存在着各种联系，分为如下3类：一对一一对多或者多对一多对多一对一：用户与用户详情的关系常见于单表的拆分，以提高工作效率——将一张表中一部分的信息放在一张表中，其他详细的信息则放在另一张表中在任意一方加入外键关联另一方的主键，并且为外键设置唯一约束u</div> </li> <li><a href="/article/1748724683164893184.htm" title="MySQL基础笔记（7）约束" target="_blank">MySQL基础笔记（7）约束</a> <span class="text-muted">十三的信徒</span> <a class="tag" taget="_blank" href="/search/MySQL/1.htm">MySQL</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>顾名思义，用来限制表结构中存储的数据~一.概述作用于表中字段上的规则，用于限制存储在表中的数据，目的在于使数据库中的数据正确、有效性和完整性。大致可以分为如下的几类：（重点关注主键和外键约束~）此外，约束作用于表的字段，可以在建立、修改表的时候加上相应的约束~一个字段可以添加多个约束主键是核心的字段，最多只能有一个~二.详解1.非空约束namevarchar(10)notnulluniquecom</div> </li> <li><a href="/article/1748592820651835392.htm" title="CSS基础笔记" target="_blank">CSS基础笔记</a> <span class="text-muted">段公子_2292</span> <div>【CSS简介】《css简介》css指的是层叠样式表(cascadingstylesheets)，作用是负责网页的样式外观；【体验css】简介：我们学习css，主要分为两大部分：一部分是css属性（核心），一部分是css选择器《css语法》1、书写css需要准备一个环境，就是一对style标签，需要放到head内部；2、css样式条的语法结构：选择器{属性：值}选择器指的是选择标签的不同方式；css</div> </li> <li><a href="/article/1748074667823874048.htm" title="c语言0基础笔记" target="_blank">c语言0基础笔记</a> <span class="text-muted">风无雨</span> <a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>目录前言第01章_C语言入门1.1初识计算机语言1.2初识C语言1.3第一个c程序1.4IDE使用1.5注释1.6第一个c程序剖析1.7printf()输出格式第02章_变量与进制2.1关键字2.2标识符2.3变量2.4基本数据类型的使用2.5变量间的运算规则2.6常量2.7输入/输出函数2.8进制第03章_运算符与流程控制3.1运算符3.2分支结构3.3循环结构3.4关键字break3.5关键字</div> </li> <li><a href="/article/1747970655829114880.htm" title="Linux基础笔记18 | 磁盘分区管理" target="_blank">Linux基础笔记18 | 磁盘分区管理</a> <span class="text-muted">小鲸鱼大梦想</span> <a class="tag" taget="_blank" href="/search/Linux%E8%BF%90%E7%BB%B4%E5%9F%BA%E7%A1%80/1.htm">Linux运维基础</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>fdisk分区工具fdisk这个古老的软件并不认识GPT，所以fdisk只支持MBR的分区模式，且磁盘小于2T，大于了就不能使用fdisk进行分区了新磁盘的分区一块新加的磁盘的分区方式检查系统中需要分区的磁盘fdisk-l对新磁盘进行磁盘分区fdisk/dev/sdb进入交互式分区界面键入m获取帮助信息常用的命令选项d：删除一个分区n：添加一个新分区q：退出而不保存更改w：将分区表写入磁盘并退出m</div> </li> <li><a href="/article/1747888785007329280.htm" title="霍格沃兹测试开发学社技术学习笔记之——Python基础笔记" target="_blank">霍格沃兹测试开发学社技术学习笔记之——Python基础笔记</a> <span class="text-muted">zmmici</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>#阶段十一-Python语言和测试框架（1）##1.pycharm环境变量配置和安装##2.基础数据类型数字字符串##3.运算符字符串算数运算符比较运算符赋值运算符逻辑运算符成员运算符身份运算符##4.控制流判断控制语句循环控制语句##5.数据结构列表元组集合字典#第1_2小节_python/pycharm安装和配置##1.Python环境安装###推荐Python最新版本###官方下载：http</div> </li> <li><a href="/article/105.htm" title="Js函数返回值" target="_blank">Js函数返回值</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/return/1.htm">return</a> <div>一、返回控制与函数结果，语法为：return 表达式;作用: 结束函数执行，返回调用函数，而且把表达式的值作为函数的结果二、返回控制语法为：return;作用: 结束函数执行，返回调用函数，而且把undefined作为函数的结果在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性</div> </li> <li><a href="/article/232.htm" title="MySQL 的 char 与 varchar" target="_blank">MySQL 的 char 与 varchar</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> 今天发现，create table 时，MySQL 4.1有时会把 char 自动转换成 varchar 测试举例： CREATE TABLE `varcharLessThan4` ( `lastName` varchar(3) ) ; mysql> desc varcharLessThan4; +----------+---------+------+-</div> </li> <li><a href="/article/359.htm" title="Quartz——TriggerListener和JobListener" target="_blank">Quartz——TriggerListener和JobListener</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/TriggerListener/1.htm">TriggerListener</a><a class="tag" taget="_blank" href="/search/JobListener/1.htm">JobListener</a><a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2208624 一.概述 listener是一个监听器对象，用于监听scheduler中发生的事件，然后执行相应的操作；你可能已经猜到了，TriggerListeners接受与trigger相关的事件，JobListeners接受与jobs相关的事件。二.JobListener监听器 j</div> </li> <li><a href="/article/486.htm" title="oracle层次查询" target="_blank">oracle层次查询</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/oracle%EF%BC%9B%E5%B1%82%E6%AC%A1%E6%9F%A5%E8%AF%A2%EF%BC%9B%E6%A0%91%E6%9F%A5%E8%AF%A2/1.htm">oracle；层次查询；树查询</a> <div>.oracle层次查询(connect by) oracle的emp表中包含了一列mgr指出谁是雇员的经理，由于经理也是雇员，所以经理的信息也存储在emp表中。这样emp表就是一个自引用表，表中的mgr列是一个自引用列，它指向emp表中的empno列，mgr表示一个员工的管理者， select empno,mgr,ename,sal from e</div> </li> <li><a href="/article/613.htm" title="通过反射把map中的属性赋值到实体类bean对象中" target="_blank">通过反射把map中的属性赋值到实体类bean对象中</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/javaee/1.htm">javaee</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B/1.htm">泛型</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%9E%8B%E8%BD%AC%E6%8D%A2/1.htm">类型转换</a> <div>使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中但现在主要使用Spring框架的MVC，虽然也有@ModelAttribute可以使用但是明显感觉不方便。好吧，那就自己再造一个轮子吧。原理都知道，就是利用反射进行字段的赋值，下面贴代码主要类如下： import java.lang.reflect.Field; imp</div> </li> <li><a href="/article/740.htm" title="SAP HANA数据存储：传统硬盘的瓶颈问题" target="_blank">SAP HANA数据存储：传统硬盘的瓶颈问题</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/HANA/1.htm">HANA</a> <div>SAPHANA平台有各种各样的应用场景，这也意味着客户的实施方法有许多种选择，关键是如何挑选最适合他们需求的实施方案。在《Implementing SAP HANA》这本书中，介绍了SAP平台在现实场景中的运作原理，并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》，介绍了行存储和列存储的各自特点，以及SAP HANA的数据存储方式如何提升空间压</div> </li> <li><a href="/article/867.htm" title="Java Socket 多线程实现文件传输" target="_blank">Java Socket 多线程实现文件传输</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/socket/1.htm">socket</a> <div> 高级操作系统作业，让用Socket实现文件传输，有些代码也是在网上找的，写的不好，如果大家能用就用上。客户端类： package edu.logic.client; import java.io.BufferedInputStream; import java.io.Buffered</div> </li> <li><a href="/article/994.htm" title="java初学者路径" target="_blank">java初学者路径</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>学习Java有没有什么捷径?要想学好Java，首先要知道Java的大致分类。自从Sun推出Java以来，就力图使之无所不包，所以Java发展到现在，按应用来分主要分为三大块：J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版，主要用于桌面应用软件的编程；J2ME主要应用于嵌入是系统开发，如手机和PDA的编程；J2EE</div> </li> <li><a href="/article/1121.htm" title="APP推广" target="_blank">APP推广</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/APP/1.htm">APP</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%B9%BF/1.htm">推广</a> <div>一，免费篇 1，APP推荐类网站自主推荐最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖，还能获取最美应用的评测推荐。PS：推荐简单。只要产品有趣好玩，用户会自主分享传播。例如足迹APP在最美应用推荐一次，几天用户暴增将服务器击垮。 2，各大应用商店首发合作老实盯着排期，多给应用市场官方负责人献殷勤。 3，论坛贴吧推广百度知道，百度贴吧，猫扑论坛，天涯社区，豆瓣（</div> </li> <li><a href="/article/1248.htm" title="JSP转发与重定向" target="_blank">JSP转发与重定向</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a><a class="tag" taget="_blank" href="/search/jsp%E8%BD%AC%E5%8F%91/1.htm">jsp转发</a> <div> 在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向; 转发包括;forward和include 例子;forwrad转发; 将请求装法给reg.html页面关键代码; req.getRequestDispatcher("reg.html</div> </li> <li><a href="/article/1375.htm" title="web.xml之jsp-config" target="_blank">web.xml之jsp-config</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/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/jsp-config/1.htm">jsp-config</a> <div>1.作用：主要用于设定JSP页面的相关配置。 2.常见定义： <jsp-config> <taglib> <taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri> <taglib-location> TLD文件所在的位置 </div> </li> <li><a href="/article/1502.htm" title="JSF2.2 ViewScoped Using CDI" target="_blank">JSF2.2 ViewScoped Using CDI</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/CDI/1.htm">CDI</a><a class="tag" taget="_blank" href="/search/JSF+2.2/1.htm">JSF 2.2</a><a class="tag" taget="_blank" href="/search/ViewScoped/1.htm">ViewScoped</a> <div>JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w</div> </li> <li><a href="/article/1629.htm" title="【分布式数据一致性二】Zookeeper数据读写一致性" target="_blank">【分布式数据一致性二】Zookeeper数据读写一致性</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>很多文档说Zookeeper是强一致性保证，事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336 Zookeeper的数据同步协议 Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数，3台能够满足数据可靠性同时</div> </li> <li><a href="/article/1756.htm" title="Java开发笔记" target="_blank">Java开发笔记</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/java%E5%BC%80%E5%8F%91/1.htm">java开发</a> <div>1、Map<key,value>的remove方法只能识别相同类型的key值 Map<Integer,String> map = new HashMap<Integer,String>(); map.put(1,"a"); map.put(2,"b"); map.put(3,"c"</div> </li> <li><a href="/article/1883.htm" title="图片黑色阴影" target="_blank">图片黑色阴影</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/%E5%9B%BE%E7%89%87/1.htm">图片</a> <div> .event{ padding:0; width:460px; min-width: 460px; border:0px solid #e4e4e4; height: 350px; min-heig</div> </li> <li><a href="/article/2010.htm" title="编程之美-饮料供货-动态规划" target="_blank">编程之美-饮料供货-动态规划</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a> <div> import java.util.Arrays; import java.util.Random; public class BeverageSupply { /** * 编程之美饮料供货 * 设Opt（V’，i）表示从i到n-1种饮料中，总容量为V’的方案中，满意度之和的最大值。 * 那么递归式就应该是：Opt（V’，i）=max{ k * Hi+Op</div> </li> <li><a href="/article/2137.htm" title="ajax大参数（大数据）提交性能分析" target="_blank">ajax大参数（大数据）提交性能分析</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/prototype/1.htm">prototype</a> <div>近期在项目中发现如下一个问题项目中有个提交现场事件的功能，该功能主要是在web客户端保存现场数据（主要有截屏，终端日志等信息）然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢，大概要等10到20秒的时间浏览器才能操作，期间页面不响应事件。根据客户描述分析了下的代码流程，很简单，主要通过OCX控件截屏，在将前端的日志等文件使用OCX控件打包，在将之转换为</div> </li> <li><a href="/article/2264.htm" title="[宇宙与天文]在太空采矿,在太空建造" target="_blank">[宇宙与天文]在太空采矿,在太空建造</a> <span class="text-muted">comsci</span> <div> 我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大.... 地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没</div> </li> <li><a href="/article/2391.htm" title="ORACLE中CONSTRAINT的四对属性" target="_blank">ORACLE中CONSTRAINT的四对属性</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/CONSTRAINT/1.htm">CONSTRAINT</a> <div>ORACLE中CONSTRAINT的四对属性 summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如</div> </li> <li><a href="/article/2518.htm" title="Gradle入门教程" target="_blank">Gradle入门教程</a> <span class="text-muted">dengkane</span> <a class="tag" taget="_blank" href="/search/gradle/1.htm">gradle</a> <div>一、寻找gradle的历程一开始的时候，我们只有一个工程，所有要用到的jar包都放到工程目录下面，时间长了，工程越来越大，使用到的jar包也越来越多，难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里，靠ide来管理工程之间的依赖关系，各工程下的jar包依赖是杂乱的。一段时间后，我们发现用ide来管理项程很不方便，比如不方便脱离ide自动构建，于是我们写自己的ant脚本。再后</div> </li> <li><a href="/article/2645.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> int main(void) { int i; int count = 0; int sum = 0; float avg; for (i=1; i<=100; i++) { if (i%2==0) { count++; sum += i; } } avg</div> </li> <li><a href="/article/2772.htm" title="presentModalViewController 的动画效果" target="_blank">presentModalViewController 的动画效果</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/controller/1.htm">controller</a> <div>系统自带(四种效果)： presentModalViewController模态的动画效果设置： [cpp] view plain copy UIViewController *detailViewController = [[UIViewController al</div> </li> <li><a href="/article/2899.htm" title="java 二分查找" target="_blank">java 二分查找</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%88%86%E6%9F%A5%E6%89%BE/1.htm">二分查找</a><a class="tag" taget="_blank" href="/search/java%E4%BA%8C%E5%88%86%E6%9F%A5%E6%89%BE/1.htm">java二分查找</a> <div>需求：在排好顺序的一串数字中，找到数字T 一般解法：从左到右扫描数据，其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。 /** * * @param array * 顺序数组 * @param t * 要查找对象 * @return */ public stati</div> </li> <li><a href="/article/3026.htm" title="Spring Security（07）——缓存UserDetails" target="_blank">Spring Security（07）——缓存UserDetails</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a> <div> Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类，CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时，其首先会从缓存中获取，如果缓存中没</div> </li> <li><a href="/article/3153.htm" title="Dozer 深层次复制" target="_blank">Dozer 深层次复制</a> <span class="text-muted">jayluns</span> <a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a> <div>最近在做项目上遇到了一些小问题，因为架构在做设计的时候web前段展示用到了vo层，而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层，每一次都需要从po-->转化到vo层，用到BeanUtils.copyProperties(source, target)只能复制简单的属性，因为实体类都配置了hibernate那些关联关系，所以它满足不了现在的需求，但后发现还有个很</div> </li> <li><a href="/article/3280.htm" title="CSS规范整理（摘自懒人图库）" target="_blank">CSS规范整理（摘自懒人图库）</a> <span class="text-muted">a409435341</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a> <div> 刚没事闲着在网上瞎逛，找了一篇CSS规范整理，粗略看了一下后还蛮有一定的道理，并自问是否有这样的规范，这也是初入前端开发的人一个很好的规范吧。一、文件规范 1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core </div> </li> <li><a href="/article/3407.htm" title="C++动态链接库创建与使用" target="_blank">C++动态链接库创建与使用</a> <span class="text-muted">你不认识的休道人</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/dll/1.htm">dll</a> <div>一、创建动态链接库 1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked"，完成 2.在test.h中添加 extern “C” 返回类型 _declspec(dllexport)函数名(参数列表); 3.在test.cpp中最后写 extern “C” 返回类型 _decls</div> </li> <li><a href="/article/3534.htm" title="Android代码混淆之ProGuard" target="_blank">Android代码混淆之ProGuard</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/ProGuard/1.htm">ProGuard</a> <div>Android应用的Java代码，通过反编译apk文件（dex2jar、apktool）很容易得到源代码，所以在release版本的apk中一定要混淆一下一些关键的Java源码。 ProGuard是一个开源的Java代码混淆器（obfuscation）。ADT r8开始它被默认集成到了Android SDK中。官网： http://proguard.sourceforge.net/</div> </li> <li><a href="/article/3661.htm" title="程序员在编程中遇到的奇葩弱智问题" target="_blank">程序员在编程中遇到的奇葩弱智问题</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div>　　现在收集一下：　　排名不分先后，按照发言顺序来的。 1、Jquery插件一个通用函数一直报错，尤其是很明显是存在的函数，很有可能就是你没有引入jquery。。。或者版本不对 2、调试半天没变化：不在同一个文件中调试。这个很可怕，我们很多时候会备份好几个项目，改完发现改错了。有个群友说的好：在汤匙</div> </li> <li><a href="/article/3788.htm" title="解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported" target="_blank">解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/dependency/1.htm">dependency</a> <div>解决办法：在plugins之前添加如下pluginManagement，二者前后顺序如下： [html] view plain copy <build> <pluginManagement</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>