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/1949705776549392384.htm" title="《Maven 核心基础笔记（第一天）》" target="_blank">《Maven 核心基础笔记（第一天）》</a> <span class="text-muted">萌新小白的逆袭</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>1.说明maven软件依赖管理和项目构建功能maven是为Java项目工作的功能体现：依赖管理，项目构建依赖管理：我们只需要写配置文件(pom.xml)，maven就会帮我们下载依赖，并且也会下载依赖的依赖。项目构建：项目源文件通过一系列的过程(清理，编译，测试，打包，报告，部署)构建可执行的文件项目构建的好处：不同的开发工具具有相同的项目结构maven的构建过程对外完全开放透明。2.解释mave</div> </li> <li><a href="/article/1947149176915685376.htm" title="python基础笔记" target="_blank">python基础笔记</a> <span class="text-muted">大大的大大</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>输入就是print()；#括号里面双引号(“xxxx”)=单引号('xxxx')必须在一行；但是三引号"""xxxx"""='''xxx'''可以换行输出；#'''xxxnnn'''xx=open(('C:\py\py笔记.txt','a+')print('hello',file=xx)xx.close()可以在python中新建文本文本档等(看后缀)："xx"=open('C:\py\py笔记.</div> </li> <li><a href="/article/1942992055273844736.htm" title="Golang基础笔记十之goroutine和channel" target="_blank">Golang基础笔记十之goroutine和channel</a> <span class="text-muted"></span> <div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记十之goroutine和channel这一篇介绍Golang里的goroutine和channel通道。以下是本篇笔记目录：goroutinechannelgoroutine与channel的使用1、goroutinegoroutine是一种轻量级线程（用户态线程），由Go运行时管理而非操作系统，它是Go并发模型的核心，能高效处理大量</div> </li> <li><a href="/article/1942751310206005248.htm" title="React基础笔记---小黑是小白" target="_blank">React基础笔记---小黑是小白</a> <span class="text-muted">小黑是小白</span> <a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>react学习前置准备学习网站网址种类React中文React中文文档文档ReactRouterReactRouter6中文文档路由ReactRouterReactRouter路由zustandzustand状态管理TanStackQueryTanStackQuery中文文档请求管理，路由reduxRTK状态管理，请求管理FetchFetch-MDN请求fontawesome图标fontaweso</div> </li> <li><a href="/article/1942237662211534848.htm" title="Golang基础笔记九之方法与接口" target="_blank">Golang基础笔记九之方法与接口</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AFgo%E6%96%B9%E6%B3%95%E6%8E%A5%E5%8F%A3%E7%B1%BB%E5%9E%8B%E5%88%A4%E6%96%AD/1.htm">后端go方法接口类型判断</a> <div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记九之方法与接口本篇笔记介绍Golang里方法和接口，以下是本篇笔记目录：方法接口用结构体实现类的功能1、方法首先介绍一下方法。方法是与特定类型关联的函数，我们在实现一个函数前，绑定一个类型，就实现了这个类型的方法。比如我们想实现一个结构体的方法，可以如下操作：typePersonstruct{ Namestring Age int</div> </li> <li><a href="/article/1940793889296281600.htm" title="C#基础笔记" target="_blank">C#基础笔记</a> <span class="text-muted">gmf532196</span> <a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/CLR/1.htm">CLR</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>普通方法中获取类名：this.GetType().Name静态方法中获取类名：MethodBase.GetCurrentMethod().ReflectedType.Name1.获取当前执行方法的类名：System.Reflection.MethodBase.GetCurrentMethod().DeclaringType.Name;2.获取当前成员的名称：MethodBase.GetCurren</div> </li> <li><a href="/article/1940489265360203776.htm" title="＜电子幽灵＞开发笔记:BAT基础笔记(一）" target="_blank">＜电子幽灵＞开发笔记:BAT基础笔记(一）</a> <span class="text-muted"></span> <div>BAT脚本基础笔记(一)介绍费曼学习法最重要的部分，即把知识教给一个完全不懂的孩子——或者小白。为了更好的自我学习，也为了让第一次接触某个知识范畴的同学快速入门，我会把我的学习笔记整理成电子幽灵系列。提示：作为低代码工具的笔记，这里会用特殊字体表示要用到的函数等等。请若要学习，请结合相关工具边用边学。BAT基础笔记（一）BAT脚本基础笔记(一)介绍简介在哪里编写BAT代码？BAT基本语法1.基本命</div> </li> <li><a href="/article/1940489139090681856.htm" title="＜电子幽灵＞前端第一件：HTML基础笔记下" target="_blank">＜电子幽灵＞前端第一件：HTML基础笔记下</a> <span class="text-muted">靈镌sama</span> <a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%AD%90%E5%B9%BD%E7%81%B5%E9%9A%8F%E6%89%8B%E8%AE%B0/1.htm">电子幽灵随手记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>HTML基础笔记（下）介绍费曼学习法最重要的部分，即把知识教给一个完全不懂的孩子——或者小白。为了更好的自我学习，也为了让第一次接触某个知识范畴的同学快速入门，我会把我的学习笔记整理成电子幽灵系列。提示：文章的是以解释-代码块-解释的结构呈现的。当你看到代码块并准备复制复现的时候，最好先保证自己看过了代码块前后的解释。＜电子幽灵＞前端第一件：HTML基础笔记上中，最基础的一部分HTML标签和已经以</div> </li> <li><a href="/article/1940473391131717632.htm" title="Golang基础笔记八之函数" target="_blank">Golang基础笔记八之函数</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AFgo%E5%87%BD%E6%95%B0%E9%97%AD%E5%8C%85/1.htm">后端go函数闭包</a> <div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记八之函数本篇笔记介绍Golang里函数相关的内容，以下是本篇笔记目录：函数的定义语法函数返回值可变参数函数匿名函数闭包1、函数的定义语法函数的定义格式如下：func函数名(参数列表)(返回值列表){函数体}比如下面是一个两数相加返回其和的函数：funcadd(a,bint)int{ returna+b}调用的话，直接传参调用即可：s</div> </li> <li><a href="/article/1939715588666486784.htm" title="Golang基础笔记七之指针，值类型和引用类型" target="_blank">Golang基础笔记七之指针，值类型和引用类型</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AFgo%E6%8C%87%E9%92%88%E5%BC%95%E7%94%A8/1.htm">后端go指针引用</a> <div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记七之指针，值类型和引用类型本篇笔记介绍Golang里的指针，值类型与引用类型相关的概念，以下是本篇笔记目录：指针值类型与引用类型内存逃逸减少内存逃逸的几种方案1、指针在计算机内存中，每个变量都存储在特定的内存地址上，而指针是一种特殊的变量，它存储的是一个变量的内存地址。我们可以通过指针访问变量的内存地址，也可以通过指针访问或修改这个变</div> </li> <li><a href="/article/1939022783023476736.htm" title="Python个人学习基础笔记-3.爬虫（1）" target="_blank">Python个人学习基础笔记-3.爬虫（1）</a> <span class="text-muted">孜宸润泽</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>一.爬虫的定义爬虫（crawler/spider）是模拟浏览器行为，按照编写规则，自动接收网页信息的工具。通常而言爬虫首先从初始URL集选择URL，向目标网页发起请求，获取网页的HTML源码，然后将获取的数据进行解析过滤，保存我们所需要的标题、内容等，最后提取新的URL加入待爬序列。爬虫常见所需要的库包括Request库、BeautifulSoup4库、Scrapy库和Selenium库等。二.R</div> </li> <li><a href="/article/1938881173027614720.htm" title="Python训练营打卡——DAY16（2025.5.5）" target="_blank">Python训练营打卡——DAY16（2025.5.5）</a> <span class="text-muted">cosine2025</span> <a class="tag" taget="_blank" href="/search/Python%E8%AE%AD%E7%BB%83%E8%90%A5%E6%89%93%E5%8D%A1/1.htm">Python训练营打卡</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>目录一、NumPy数组基础笔记1.理解数组的维度(Dimensions)2.NumPy数组与深度学习Tensor的关系3.一维数组(1DArray)4.二维数组(2DArray)5.数组的创建5.1数组的简单创建5.2数组的随机化创建5.3数组的遍历5.4数组的运算6.数组的索引6.1一维数组索引6.2二维数组索引6.3三维数组索引二、SHAP值的深入理解三、总结1.NumPy数组基础总结2.SH</div> </li> <li><a href="/article/1937385374984761344.htm" title="Golang基础笔记四之map" target="_blank">Golang基础笔记四之map</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/go%E5%90%8E%E7%AB%AFmap/1.htm">go后端map</a> <div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记四之map这一篇笔记介绍Golang里map相关的内容，以下是本篇笔记目录：map的概念及其声明与初始化map的增删改查map的遍历1、map的概念及其声明与初始化map，即映射，是Golang里无序键值对的集合。以下是创建map的两种方式。1.使用make的方式创建m:=make(map[string]int)m["Hunter"]</div> </li> <li><a href="/article/1935956577081159680.htm" title="Golang基础笔记二之字符串及其操作" target="_blank">Golang基础笔记二之字符串及其操作</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/go%E5%AD%97%E7%AC%A6%E4%B8%B2%E5%AD%97%E7%AC%A6%E4%B8%B2%E5%A4%84%E7%90%86/1.htm">go字符串字符串处理</a> <div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记二之字符串及其操作这一篇笔记主要介绍Golang字符串相关处理，以下是本篇笔记目录：字符串的定义和初始化字符字符串操作1、字符串的定义和初始化在Go里，我们可以使用双引号和反引号来对定义字符串。1.双引号双引号用于创建解释型字符串字面量，这种字符串是支持转义字符的，比如我们在字符串中夹带换行符\n，这样在输出的时候，会自动进行换行：s</div> </li> <li><a href="/article/1935930363503243264.htm" title="css基础笔记简洁版1" target="_blank">css基础笔记简洁版1</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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>CSS基础笔记1一、CSS简介CSS（层叠样式表）用于为网页添加样式，实现结构与样式分离，能够控制颜色、字体、布局、位置、动画等视觉效果。二、基本语法选择器{属性1:值1;属性2:值2;}说明：选择器：选中目标元素属性:值：设置样式每条声明用;结尾，属性和值用:分隔三、CSS的三种写法行内样式（不推荐）：你好内部样式表：p{color:red;}外部样式表（推荐）：四、基础选择器类型写法说明标签选</div> </li> <li><a href="/article/1934071482019803136.htm" title="Python个人学习基础笔记-1.time库" target="_blank">Python个人学习基础笔记-1.time库</a> <span class="text-muted"></span> <div>一.库简介time库是用来处理时间相关的标准库，主要有三个较为重要的库和对应的库函数：time、datetime和calendar。importtimeimportdatetimeimportcalendar其中datetime库是使用更为广泛的库，支持时间的数学运算。表1给出一些重要的时间类格式字符格式符号含义示例输出%Y4位年份2025%m月份（两位数，01-12）1%B月份全称January</div> </li> <li><a href="/article/1931244678615724032.htm" title="day 16 5.10" target="_blank">day 16 5.10</a> <span class="text-muted">AщYΘ</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>知识点：numpy数组的创建：简单创建、随机创建、遍历、运算numpy数组的索引：一维、二维、三维SHAP值的深入理解##NumPy数组基础笔记###1.理解数组的维度(Dimensions)NumPy数组的**维度(Dimension)**或称为**轴(Axis)**的概念，与我们日常理解的维度非常相似。***直观判断:**数组的维度层数通常可以通过打印输出时**中括号`[]`的嵌套层数**来初</div> </li> <li><a href="/article/1928920403376402432.htm" title="Spark基础笔记之启动命令顺序" target="_blank">Spark基础笔记之启动命令顺序</a> <span class="text-muted">java刘先生</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</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%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>系统环境（三台虚拟机）node1192.168.32.101（主）node2192.168.32.102node3192.168.32.1031、启动hdfs、yarn、historyserver（hadoop用户启动）#启动dfs，启动后的服务名：DataNode、SecondaryNameNode、NameNodesh/export/hadoop/sbin/start-dfs.sh#启动yar</div> </li> <li><a href="/article/1924975904660975616.htm" title="黑马Java基础笔记-13常用查找算法" target="_blank">黑马Java基础笔记-13常用查找算法</a> <span class="text-muted">只因从未离去</span> <a class="tag" taget="_blank" href="/search/Java%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">Java学习笔记</a><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>查找算法基本查找(也叫顺序查找，线性查找)二分查找（需要有序数据）publicstaticintbinarySearch(int[]arr,intnumber){//1.定义两个变量记录要查找的范围intmin=0;intmax=arr.length-1;//2.利用循环不断的去找要查找的数据while(true){if(min>max){return-1;}//3.找到min和max的中间位置i</div> </li> <li><a href="/article/1921755392484896768.htm" title="【js基础笔记] - 包含es6 类的使用" target="_blank">【js基础笔记] - 包含es6 类的使用</a> <span class="text-muted">Go_going_</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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%89%8D%E7%AB%AF/1.htm">前端</a> <div>文章目录js基础js预解析js变量提升DOM相关知识节点选择器获取属性节点创建节点插入节点替换节点克隆节点获取节点属性获取元素尺寸获取元素偏移量标准的dom事件流阻止事件传播阻止默认行为事件委托正则表达式js复杂类型元字符-基本元字符元字符-边界符元字符-限定符元字符-特殊符号正则表达式-捕获正则与字符串写法js类写法(es6)js构造函数(es5)js原型链js面向对象继承es5es6类继承js</div> </li> <li><a href="/article/1919458073202716672.htm" title="ES6基础笔记-阮一峰" target="_blank">ES6基础笔记-阮一峰</a> <span class="text-muted">ANNENBERG</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/es6%E6%A0%87%E5%87%86%E5%85%A5%E9%97%A8/1.htm">es6标准入门</a> <div>//数组的扩展letarr=[3,5,7];letarr2=Array.from(arr,(x)=>x*5);//新数组console.log(arr2);for(constitemofarr){//forof遍历数组元素console.log(item);}for(constelemofarr2.values()){console.log(elem);//键值}//Array.prototype</div> </li> <li><a href="/article/1918435370366726144.htm" title="网工_第1章计算机网络基础笔记" target="_blank">网工_第1章计算机网络基础笔记</a> <span class="text-muted">幸运鹅²⁰²⁵</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E5%B7%A5%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">网工学习笔记</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>本章了解就可以，注意下TCP/IP各个层次的作用、各个层次传输单元、各个层次的协议有什么，有个整体框架就可以。刚刚考完软考网工，知识点还没有遗忘，我会坚持日更一章，直到完成我草稿箱里关于软考网工的所有笔记第1章计算机网络概论1.1计算机网络发展与分类1.1.1网络、互联网（互连网）、因特网1.1.2计算机网络的定义1.1.3计算机网络的发展1.1.4计算机网络的分类1.2计算机网络性能指标1.3计</div> </li> <li><a href="/article/1917625697262694400.htm" title="十二天自学Java基础笔记" target="_blank">十二天自学Java基础笔记</a> <span class="text-muted">迪迪迪迪迪迪</span> <a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AD%A6/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/java/1.htm">java</a> <div>在B站上跟着视频学习了十二天的Java基础，大致了解了Java语言中面向对象的三大特性：封装、继承、多态，以及Java的类、实体变量、静态变量、构造方法等，以下是本人的学习笔记，算是对这段时间学习的一个回顾和总结，笔记量有点大，但是记的比较用心。Day011.什么是JAVA软件工程师？就是用JAVA编程语言来完成应用软件的开发。2.作为程序员需要掌握最基本的DOS命令：*DOS命令在哪里编写？在D</div> </li> <li><a href="/article/1913051276715814912.htm" title="Docker 基础：镜像拉取、代码执行、常见问题与代理配置" target="_blank">Docker 基础：镜像拉取、代码执行、常见问题与代理配置</a> <span class="text-muted">小白也有IT梦</span> <a class="tag" taget="_blank" href="/search/Docker/1.htm">Docker</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E5%8C%96/1.htm">容器化</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86%E9%85%8D%E7%BD%AE/1.htm">代理配置</a> <div>Docker基础笔记：拉取、执行与常见配置/问题1.Docker拉取与执行流程核心概念：使用预先配置好的环境（镜像）来运行代码。基本流程：拉取镜像(dockerpull):从DockerHub等仓库下载一个包含操作系统、运行时和依赖的环境模板。#示例：拉取轻量级Python3.9镜像dockerpullpython:3.9-slim运行容器(dockerrun):基于镜像创建一个可运行的实例（容器</div> </li> <li><a href="/article/1912597208465731584.htm" title="Kotlin语言学习基础笔记" target="_blank">Kotlin语言学习基础笔记</a> <span class="text-muted">fanxbl957</span> <a class="tag" taget="_blank" href="/search/%E5%90%84%E7%B1%BB%E8%AF%AD%E8%A8%80%E5%92%8C%E6%8A%80%E6%9C%AF%E6%80%BB%E7%BB%93%E7%AC%94%E8%AE%B0/1.htm">各类语言和技术总结笔记</a><a class="tag" taget="_blank" href="/search/kotlin/1.htm">kotlin</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>Kotlin语言学习基础笔记下面是一个全面的Kotlin语言入门教程，适合初学者和有一定编程经验的人士。Kotlin是一种静态类型的编程语言，由JetBrains开发，旨在为JVM、Android和浏览器提供更好的开发体验。Kotlin以其简洁性、安全性和互操作性而闻名。另外这里也为大家准备了一些参考资料：kotlin语言基础到安卓开发精通。Kotlin简介Kotlin的主要特点包括：简洁：代码更</div> </li> <li><a href="/article/1909778814221742080.htm" title="02.C++进阶笔记" target="_blank">02.C++进阶笔记</a> <span class="text-muted">停停今天也在摸鱼</span> <a class="tag" taget="_blank" href="/search/C%2B%2B%E5%AD%A6%E4%B9%A0%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/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>前文：基础笔记：C++基础笔记※内存模型1、程序的内存模型内存分区模型：C++程序在执行时，将内存大方向划分为4个区域(划分区域是为了给数据赋予不同的生命周期，提高编程的灵活性)。代码区：存放函数体的二进制代码，由操作系统进行管理。全局区：存放全局变量和静态变量以及常量。栈区：由编译器自动分配释放，存放函数的参数值,局部变量等。堆区：由程序员分配和释放，若程序员不释放,程序结束时由操作系统回收。2</div> </li> <li><a href="/article/1905632786908246016.htm" title="Mysql基础笔记" target="_blank">Mysql基础笔记</a> <span class="text-muted">星鹤之间</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>通过百度网盘分享的文件：笔记链接：https://pan.baidu.com/s/1WhpWtQDhVM0ur6RK40EeEg?pwd=wgsb提取码：wgsb--来自百度网盘超级会员V4的分享</div> </li> <li><a href="/article/1904474547004960768.htm" title="【Java基础笔记】第十二章 ArrayList类" target="_blank">【Java基础笔记】第十二章 ArrayList类</a> <span class="text-muted">Silence丶</span> <a class="tag" taget="_blank" href="/search/Java%E5%9F%BA%E7%A1%80/1.htm">Java基础</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>目录前言第十二章ArrayList类12.1集合概述12.1.1数组的特点12.1.2集合的特点12.2ArrayList快速入门12.2.1ArrayList集合12.2.2ArrayList集合的对象获取12.2.3ArrayList集合添加元素的方法12.3ArrayList对于泛型的支持12.3.1泛型概述12.3.2举例12.4ArrayList常用API【ArrayList集合案例1】</div> </li> <li><a href="/article/1903140841417928704.htm" title="Java基础笔记（小白友好版）" target="_blank">Java基础笔记（小白友好版）</a> <span class="text-muted">代码什么的真不会呀</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%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>Java基础笔记（小白友好版）1.Java简介Java是一种广泛使用的计算机编程语言，由詹姆斯·高斯林（JamesGosling）在1995年创建Java的口号是"一次编写，到处运行"（WriteOnce,RunAnywhere）Java程序需要先编译成字节码（.class文件），然后在Java虚拟机（JVM）上运行主要特点：面向对象：一切皆对象，代码更清晰易懂平台无关性：可以在Windows、M</div> </li> <li><a href="/article/1895462380104642560.htm" title="Linuxvim和bash基础笔记（自用）" target="_blank">Linuxvim和bash基础笔记（自用）</a> <span class="text-muted">Bai_Long_Hui</span> <a class="tag" taget="_blank" href="/search/linux%E5%AD%A6%E4%B9%A0/1.htm">linux学习</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a> <div>Linux课程笔记1、Vim编辑器概念：vim是一个全屏幕纯文本编辑器，是vi的增强版优点：不需要鼠标介入可以完成所有操作vim和vi的区别：vi打开的文件是黑白的，用vim打开在部分代码处会有高亮显示，方便排错用法：vim/blh/text01.txt[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a6Yqaxz8-1589764111076)(F:\Typora插</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>