尚硅谷大数据技术之面试-10.9面试题java javascript笔记

1、1 JavaScript1 JavaScript 的数据类型number、String、Object、function、nuldefined、NaN2 JavaScript 函数的定义1 方式一：function 关键字定义 function函数名(参数列表)/函数体return 返回值;2 方式二：new 一个var 函数名=new Function(“参数列表”，”函数体”);3 方式三：var 函数名 = function()/方法体;3 JavaScript 自定义对象1 方式一：Object 形式var 对象名 = new Object(); /创建一个空的对象实例对象名.属性=属性

2、值; /给对象添加属性，并赋值对象名.函数名 = function();/给对象添加方法2 花括号形式var 对象名= 属性:值,/添加属性，并赋值方法名:function();/添加方法;3 function 形式4 JavaScript 的常用事件onload 事件页面加载完成之后的操作onclick 事件单击事件onblur 事件失去焦点onchange 事件 内容发生改变，常用于下拉列表的选中发生改变onsubmit 事件表单提交事件return false 可以表单提前（提交 html的默认行为）静态事件：在上使用事件属性添加事件响应的 javaScript 代码的方式，称之为静态。

3、动态事件：要先获取到对象。然后再通过对象.事件名赋值为一个 function 函数的形式添加事件响应代码。这种方式称之为动态事件5 DOM 文档对象模型全称：Object M1 DOM 节点分类对象的常用方法2.geementById();/通过指定的 id 属性值查找对象（查找对象的方法必须在页面加载完成之后）.geementByName();/通过指定的名查找对象的集合（这个集合的使用跟数组一样。然后这个集合中对象的顺序，就是这些在 html 页面中从上到下的顺序）.geementByTagName();/通过指定的 name 属性查找对象的集合3 节点对象的常用方法和属性childNod

4、es /返回当前节点的所有子节点Child /返回当前节点的第一个子节点lastChild /返回当前节点的最后一个子节点parentNode/返回当前节点的父节点previousSibling /返回当前节点的上一个兄弟节点nextSibling /返回当前节点的下一个兄弟节点分类属性nodeNamenodeTypenodeValue元素节点()名1null属性节点属性名2属性值文本节点#test3文本内容appendChild /追加孩子节点removeChild /移除孩子节点2 JQuery1 认识 jQueryjQuery，顾名思义，也就是 JavaScript 和查询（Query）

5、，它就是辅助 JavaScript 开发的 js 类库。好处：jQuery 是免费、开源的，jQuery 的语法设计可以使开发更加便捷，例如操作文档对象、选择 DOM 元素、制作动画效果、事件处理、使用 Ajax 以及其他功能2 怎么用 jQuery1 第一步：导入库库：jquery-1.7.2.js2 第二步：在 HTML 中3 第三步：简单使用/alert($);$(function()/ $(function() 相当于window.onload 的功能/1.在页面加载完成之后去获取对象var $btnObj = $(#btnId); /查找 id 属性值为btnId的对象，它返回的是J

6、query 对象， 不是 Dom 对象/ JQuery 对象是由Dom 对象的数组和一系列的JQuery 方法组成/alert($btnObj);/ Jquery 对象通过下标可以获取Jquery 对象中封闭的3 JQuery函数$;$ 是 jquery 的函数，能完成 jquery 的很多功能。$()就是调用$这个函数1 传入参数为函数时$(function();/ 在 文 档 加 载 完 之 后 执 行 ， 相 当 于window.onload=function();2 传入参数为 HTML 字符串$(12); /根据字符串创建元素的 dom 节点对象3 传入参数为选择器字符串$(“#id

7、”) /根据选择器查找出元素节点对象4 传入参数为 Dom 对象$(this) /将 dom 对象包装为 jquery 对象返回4 JQuery 对象和 DOM 对象1、jquery 对象，dom 对象Dom 对象1.通过 geementById()查询出来的对象是 Dom 对象2.通过 geementsByName()查询出来的对象是 Dom 对象3.通过 geementsByTagName()查询出来的对象是Dom 对象4.通过 createElement() 方法创建的对象，是 Dom 对象JQuery 对象5.通过 JQuery 提供的 API 创建的对象，是 JQuery 对象$(“

8、 12 ”)6.通过 JQuery函数包装的 Dom 对象，也是 JQuery 对象var dom 对象；var $jquery 对象=$(dom 对象)7.通过 JQuery 提供的 API 查询到的对象，是 JQuery 对象$(“#id 属性值”)名”)$(“8.JQuery 对象：其实就是 Dom 对象数组和一系列 JQuery 方法9.Dom 对象，不能调用 JQuery 对象的方法和属性。JQuery 对象，也不能调用 Dom 对象的属性和方法。2、dom 对象转化为 jquery 对象（*重点）var $Jquery 对象 = $(dom 对象);3、jquery 对象转为 do

9、m 对象（*重点）var dom 对象 = $Jquery0;5 jQuery 选择器（*重点）1 基本选择器选择器：根据 id 属性值查找对象#ID选择器：根据 class 属性值查找对象.classElement 选择器：根据名查找对象选择器：所有*Selector1,selecto2 组合选择器：两个查找结果合并2 层次选择器antor descendant 后代选择器查找给定元素的后代元素parentchild 子元素选择器查找给定元素的子元素prev+next 相邻元素选择器查找给定元素的下一个元素prevsiblings 兄弟元素查找给定的素的后面的所有兄弟元素3 过滤选择器名1

10、基本过滤选择器:fist返回 jquery 对象的第一个元素:last返回 jQuery 对象的最后一个元素从 jquery 对象中删除符合 selelctor 选择器的元素:even返回 jquery 对象中索引是偶数的元素返回 jquery 对象中索引是奇数的元素:odd:eq(index) 返回 jquery 对象中给定索引的元素返回 jquery 对象中索引大于 index 的元素:gt(index)返回 jquery 对象中索引小于 index 的元素:lt(index)返回 h1 - h6:header返回正在执行动画的元素:animated2 内容过滤选择器:contains(t

11、est)获取包含有给定字符串的元素获取没有子元素或没有文本的元素:empty获取父元素:parent获取含有选择器所匹配的元素的元素:haector)3 可见性过滤选择器：hidden 返回 display 为 none 的或 input type=hidden 的元素：visible返回可见的元素4 属性过滤选择器返回含有指定属性的元素atrributeatrribute=value 返回含有指定属性，并且值等于给定的 value 的元素atrribute != value返回不拥有此拥有的元素，或者拥有此属性，但是属性值不等于给定 value 的元素atrribute =value返回给定

12、属性以指定的 value 打头的元素atrribure$=value返回给定属性以指定的 value 结尾的元素atrribure*=value返回给定属性含有给定 value 文本的元素错误!超无效。返回同时符合多外属性选择器的元素。5 子元素过滤选择器返回指定序号的孩子元素，序号从 1 开始:nth-child返回 jquery 对象中第一个孩子元素:-child返回 jquery 对象中最后一个孩子元素:last-child:only-child 当元素中只且仅有一个子元素的时候，返回这个子元素6 表单过滤器:input 返回 input、textarea、select、button返回

13、 input type=text 文本输入框:text返回 input type=password文本输入框:password返回单选框:radio返回复选框:checkbox返回提交按钮:submit返回重置按钮:reset返回 input type=image 的元素:image返回 input type=button 以及 button 按钮:button返回 input type=file文件上传的表单项:file返回不可见的元素。包含：display=none 和 input:hiddentype=hidden 表单项7 表单对象属性过滤选择器返回可用的元素:enabled返回不可用

14、的元素:disabled返回单选、复选、下拉列表选中的 option:checked返回下拉列表选中的 option:selectedconsole.log(); 往 控制台打印 ，方便代码调试6 jQuery 遍历 方法1 过滤.eq(index/-index) 获取 jQuery 对象中给定索引的元素获取第一个元素.()获取最后一个元素.last()判断是否拥有某一个 class 值.hasClass()判断 jquery 对象中，是否有元素符合给定.is(expr/obj/ele/fn)的选择器就返回值.filter(expr/obj/ele/fn)留下满足选择器条件的元素.has(ex

15、pr/ele) 返回符合筛选条件的元素.not(expr/ele/fn)返回不符合条件的元素2 查找.children(expr)jQuery 对象中，返回符合条件的子元素.find(expr/obj/ele)返回符合条件的后代元素.next(expr)返回 jQuery 对象集合中，每一个元素的下一个同辈元素.nextall(expr)返回每一个元素后面的所有同辈元素.nextUntil()查找当前元后的所有同辈元素，直到遇到匹配的那一个为止.parent(expr)获取当前元素的父元素.prev(exp)获取当前 jQuery 对象的前一个同辈元素.prevall(exp)获取当前 jQu

16、ery 对象的前面所有同辈元素.prevUntil 查找当前 jQuery 对象的前面所有同辈元素，直到遇到匹配的那一个为止.siblings(expr) 获取当前元素的所有同辈元素3 串联.add(expr/obj/ele/html)把与表达式匹配的元素添加到jQuery 对象中7 jQuery - 操作元素1/在 a 中的最后a.append(b)bb.appendTo(a)/将 b到 a 中的最后a.prepend(b)/在 a 中的第一个元素前bb.prependTo(a)/将 b到 a 中的第一个元素前2 外部/在 a 的后面a.after(b)bb.insertAfter(a)/将

17、 b到 a 的后面/在 a 的前面a.before(b)bb.insertBefore(a)/将 b到 a 的前面3 替换a.replaceWith(b)/用 b 替换掉 a/用 b 替换掉所有的 ab.replaceAll(a)4 删除empty()/掏空元素remove() /移除元素5clone()/6a.wrap(b) 用 ba 对象中每一个元素wrap()a.unwrap() 这个方法将移出元素的父元素。这能unwrap()快速取消 .wrap()方法的效果。a.wrapAll(b) 用一个 b 元素包含所有的 a 元素wrapAll()a.wrapInner(b)用b 元素a 对象

18、中每一个元wrapInner()素的子元素8 JQuery 属性attr(name,value)/设置或者返回被选元素的属性值removeAttr(name)/删除被选元素的属性,从每一个匹配的元素中删除一个属性prop(name,value)/设置或者返回被选元素的属性值removeProp(name) /用来删除由.prop()方法设置的属性集/获取设置起始和结束里的 html 内容html()/获取设置趣和结果里的文本内容text()/获取设置元素的值。val()9 CSS 样式操作/添加样式addClass()removeClass()/移除样式/没有就添加，有就移除toggleCla

19、ss()/判断是否拥有给定的 class 样式名，只要有一hasClass()个元素拥有就返回 true,/设置或获取 css 样式css()/设置或者获取元素的高度height()/设置或者获取元素的宽度width()/设置或者获取元素的位置offset()10 JQuery 动画1 基本动画show()/显示元素 第一个参数是动画执行时间（毫秒做为单位）。第二个参数是回调方法hide()/隐藏元素第一个参数是动画执行时间（毫秒做为单位）。第二个参数是回调方法toggle()/切换元素的显示状态（反复调用 show 和 hide 方法）2 滑动动画/从上划到下 显示元素，第一个参数是动画执行

20、时slideDown间（毫秒做为）。第二个参数是回调方法slideUp/从下到上隐藏元素，第一个参数是动画执行时间（毫秒做为）。第二个参数是回调方法slideToggle/切换元素状态，反复调用 slideDown 和 slideUp 方法3 淡入淡出动画fadeIn/淡入显示 元素 第一个参数是动画执行时间（毫秒做为）。第二个参数是回调方法fadeOut /淡出 隐藏元素，第一个参数是动画执行时间（毫秒做为）。第二个参数是回调方法fadeTo/切换元素的状态，反复调用 fadeIn 和 fadeOut 方法11 JQuery 事件操作1 $(function(); 和 window.onlo

21、ad = function() 的区别：1、触发时机Jquery 的页面加载完成之后。是在整个 html 页面的 dom 树绘制完成之后。也就是 dom 对象被创建好之后window.onload 是页面中所有元素加载完成之后2、文档加载次数window.onload 本质是赋值只能加载一次，最后一次生效$(function();是函数，本质是调方法，写多次都能执行2 主要事件click()绑定和触发单击事件mouseover() 绑定和触发鼠标移入事件mouseout()绑定和触发鼠标移出事件bind()绑定元素事件（可以同时绑定多个事件）绑定元素的事件只可以响应一次one()给元素绑定事件

22、，并且后面动态生成的元素同样有效live()解除绑定事件unbind()3 $(function();事件绑定方式方式一：普通方式：/绑定一个事件元素对象.事件(回调函数();/绑定多个事件返回值是 jQuery 对象就能链式绑定元素对象.事件 1(function().事件 2(function();方式二：bind 函数bind(事件 1 事件 2 .，function();合并鼠标移入和鼠标移出事件$(.head).bind(mouseenter mouseleave,function()$(.content).toggle(1000););方式三：one只绑定一次：元素对象.one(事

23、件,function();方式四：live/live 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。元素对象.live(事件,function();4 事件的冒泡事件的冒泡？事件的冒泡是指，父子元素同时同一个事件。当触发子元素的事件的时候，同一个事件也被传递到了父元素的事件里去响应。那么如何事件冒泡呢？在事件函数体内，return false; 可以事件的冒泡传递。对象如何获取呢 javascript 事件对象呢？在给元素绑定事件的时候，在事件的 function( event ) 参数列表中添加一个参数，这个参数名，取名为 event。这个 event 就是 j

24、avascript 传递参事件处理函数的事件对象。比如：/1.原生 javascript 获取 事件对象/2.JQuery 代码获取 事件对象/3.使用 bind 同时对多个事件绑定同一个函数。怎么获取当前操作是什么事件。.geementById().onclick = function(event)3 xml1 xml 简介1 xml 的功能：1、用于保存数据2、可以作为文件的传输格式3、可以作为项目或框架的配置文件2 xml 语法1、必须闭合2、属性值必须用引号引起来3、名中不能有空格4、Xml 中的转义字符：<>2 xml技术xml 可扩展的标记语言。不管是 html 文件还是 xml 文件它们都是标记型文档，都可以使用 w3c 组织制定的 dom 技术来。1 早期 JDK 为提供了两种 xml技术 Dom 和 Sax 简介1、dom技术是 W3C 组织制定的，而所有的编程语言都对这个技术使用了自己语言的特点进行实现。Java 对 dom 技术标记也做了实现。：性能和内存消耗都非常差dom2、sun 公司在 JDK5 版本对 dom技术进行升级：SAX（ SimpleAPI for XML ），它跟 W3C 制定的不太一样。它是以类似事件机制SAX通过回调告诉用户当前正在的内容。它是一行一行的xml 文件进行的。不会创建大量的 dom对象。所以它