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/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/1894948231595487232.htm" title="前端学习Day4 CSS基础笔记" target="_blank">前端学习Day4 CSS基础笔记</a> <span class="text-muted">Yukukiii</span> <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><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>目标能够说出什么是CSS能够使用CSS基础选择器能够设置字体样式能够设置文本样式能够说出CSS的三种引入方式能够使用Chrome调试工具调试样式CSS:层叠样式表(Cascadingstylesheets)语法：写在head里面p{color:brown;//文字变色font-size:30px;//字变大background-color:blue;//背景色为蓝色width:400px;heig</div> </li> <li><a href="/article/1892977802102239232.htm" title="CSS基础笔记八，display属性详解（变成弹性盒子flex，隐藏none，变成块级元素bolck，变成行内元素inline，变成行内块级元素inlen-bolck）" target="_blank">CSS基础笔记八，display属性详解（变成弹性盒子flex，隐藏none，变成块级元素bolck，变成行内元素inline，变成行内块级元素inlen-bolck）</a> <span class="text-muted">凡梦_leo</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%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><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>前瞻：display属性可以设置弹性盒子flex可以设置元素隐藏none可以更改元素的属性变成块级bolck变成行内inline变成行内块级元素inlen-bolck补充让一个元素隐藏的几种方式1，更改属性使其隐藏display：none隐藏自己，不保留原来的位置2，bisbility：hidden隐藏自己，保留原来位置3，opacity：0背景虚化虚化到0的时候自然就隐藏了，隐藏自己保留原来的位</div> </li> <li><a href="/article/1892073411824381952.htm" title="Redis基础笔记" target="_blank">Redis基础笔记</a> <span class="text-muted">JustGopher</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</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>一、基础知识连接方式CLI(CommandLineInterface)API(ApplicationProgrammingInterface)GUI(GraphicalUserInterface)启动redis-server连接到Redis（RedisCLIClient）redisredis-clitelnet127.0.0.16379退出quit/exit查看过期时间TTLkey设置过期时间ex</div> </li> <li><a href="/article/1890228382365446144.htm" title="ThinkPHP5_基础笔记" target="_blank">ThinkPHP5_基础笔记</a> <span class="text-muted">Delong-Zhang</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/ThinkPHP/1.htm">ThinkPHP</a> <div>ThinkPHP5_云知梦_基础第1章TP5.0安装1、TP5.0系列课程2、PHP框架?3、ThinkPHP框架4、检测TP5.0环境5、TP5.0的安装6、配置虚拟主机7、目录结构8、URL地址了解9、了解TP开发模式10、MVC模式11、MVC在TP中如何体现12、MVC的变形第2章TP5.0架构1、TP架构的概述2、URL解析3、入口文件4、应用5、模块(以前台为例)6、控制器7、操作(方</div> </li> <li><a href="/article/1889519353678852096.htm" title="java基础笔记（工具）" target="_blank">java基础笔记（工具）</a> <span class="text-muted">GGJOB</span> <a class="tag" taget="_blank" href="/search/JAVA/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>一、final的使用场景final关键字主要用于定义常量、限制继承以及防止方法重写，其具体应用场景包括：修饰变量常量：将变量声明为final后，该变量一旦初始化后就不能再改变。常见用法是定义全局常量，例如：publicstaticfinalintMAX_CONNECTIONS=100;局部变量：在方法中，将局部变量声明为final可以确保其值在赋值之后不再改变，有助于编写更安全和易于维护的代码。修</div> </li> <li><a href="/article/1887856829577359360.htm" title="python list 过滤_python基础知识笔记（上）" target="_blank">python list 过滤_python基础知识笔记（上）</a> <span class="text-muted">weixin_39853968</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/list/1.htm">list</a><a class="tag" taget="_blank" href="/search/%E8%BF%87%E6%BB%A4/1.htm">过滤</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/list%E8%BD%AC%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">list转字符串</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/set/1.htm">set</a><a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F/1.htm">排序</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E5%88%9B%E5%BB%BA%E5%AD%97%E5%85%B8/1.htm">动态创建字典</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2%E8%BD%AClist/1.htm">字符串转list</a> <div>”明月如霜，好风如水，清景无限“整理一下最近的python基础笔记，主要是根据老男孩的一本python基础知识书，相当于过了一遍基础。壹重点是字符串的索引和字符串常用方法贰很重要的一部分，都是是属于Python的内置数据结构，并不包含第三方库的数据结构，最重要的是对list和tuple区别的把握(不要忽略tuple在速度上的优势，规避不可修改的劣势，速度上有优势)相对来说，字典属于最复杂的多变的结</div> </li> <li><a href="/article/1883604830216318976.htm" title="python基础笔记随记--Python字符串详细，简洁。" target="_blank">python基础笔记随记--Python字符串详细，简洁。</a> <span class="text-muted">ALL程序猿</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">字符串</a> <div>#笔记摘录3（python基础）python字符串，详细简洁。字符串使用引号(单引号、双引号、三引号)引起来的内容就是字符串。字符串官方定义:元素以引号包围不可修改的有序序列。1.不可修改:字符串中的内容一旦定义后就不能修改。2.有序序列:即成员(字符)有序排列,可通过下标访问。字符串索引字符串中每一个个体我们称之为字符或者元素。索引指的是字符的下标。字符串索引正序从0开始，倒序从-1开始通过字符</div> </li> <li><a href="/article/1883234975659126784.htm" title="python之函数的定义" target="_blank">python之函数的定义</a> <span class="text-muted">徐jiankang</span> <a class="tag" taget="_blank" href="/search/python%E5%9F%BA%E7%A1%80/1.htm">python基础</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%B8%B8%E6%80%BB%E7%BB%93/1.htm">日常总结</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>博主简介：原互联网大厂tencent员工，网安巨头Venustech员工，阿里云开发社区专家博主，微信公众号java基础笔记优质创作者，csdn优质创作博主，创业者，知识共享者,欢迎关注，点赞，收藏。目录一、背景二、函数的定义三、参考四、总结一、背景实际开发过程中，经常会遇到很多完全相同或者非常相似的操作，这时，可以将实现类似操作的代码封装为函数，然后在需要的地方调用该函数。这样不仅可以实现代</div> </li> <li><a href="/article/1882126204295770112.htm" title="蓝桥杯算法|基础笔记（1）" target="_blank">蓝桥杯算法|基础笔记（1）</a> <span class="text-muted">幼稚鬼？</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5%E6%9D%AF/1.htm">蓝桥杯</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>**时间复杂度**一、概念理解时间复杂度是用来衡量算法运行时间随输入规模增长而增长的量级。它主要关注的是当输入规模趋向于无穷大时，算法执行基本操作的次数的增长趋势，而不是精确的运行时间。二、分析代码中的基本操作确定关键操作在一段代码中，首先要找出对整体运行时间影响最大的操作。例如，在一个循环中，如果循环体主要是进行简单的算术运算，那么这些算术运算就是基本操作。对于排序算法，比较元素大小和交换元素位</div> </li> <li><a href="/article/1835491101276991488.htm" title="数据仓库——维度表一致性" target="_blank">数据仓库——维度表一致性</a> <span class="text-muted">墨染丶eye</span> <a class="tag" taget="_blank" href="/search/%E8%83%8C%E8%AF%B5/1.htm">背诵</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E4%BB%93%E5%BA%93/1.htm">数据仓库</a> <div>数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计</div> </li> <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/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>