长沙JAVA培训：前端JavaScript详解+面试重点

文章来源：虹猫学园
 虹猫学园官网：www.hongmaoxueyuan.com
虹猫学园讲师：刘老师

本章目标
1.JS的使用方式

2.JS的体系结构

3.JS的ECMAScript(重点)

4.JS的BOM(重点)

5.JS的DOM(重难点)

章节难点解析
1.JS的使用

</script>

注意：可以放置于网页任意位置。

原则情况，放置于<head>里面，或者</body>与</html>之间。

2.JS的体系结构

-ECMAScript

-BOM:浏览器对象模型

-DOM:文档对象模型

3.JS的ECMAScript(*)

-数据类型

*undefined

*number

*string

*null

*boolean

*Object

-变量定义

*var 变量名; 变量名 = 值;

*var 变量名 = 值；

*变量名 = 值;(不推荐)

-全局变量和局部变量

局部变量：定义于函数内部的变量，则局部变量。

-运算符

*赋值运算符

*算数运算符

*条件运算符

*逻辑运算符

*复合运算符

*位运算符

注：用法与优先级别与java一致。

注意:==与===的区别。

-语句

*if...else

*switch

*while

*do-while

*for

*forEach: for(.... in...)

-函数

*function 函数名(参数列表){ [return xxx]}

*var 名称 = funtion (参数列表){ [return xxx]}

*var 名称 = new Function("参数列表","方法体")

注意：js不存在函数重载。

全局函数

*parseInt()

*parseFloat()

*eval()

-数组

特点：长度可变数组类型不单一

*var 数组名称 = [值列表];

*var 数组名称 = new Array();

*var 数组名称 = new Array(值列表);

-对象

*var 对象名称 = new Object()

*var 对象名称 = {属性:属性值,属性:属性值...}

*var 对象名称 = new 函数名称(值列表);

4.JS的BOM(*)

*Window(***): Window 对象表示浏览器中打开的窗口。

BOM对象和DOM对象都是Window子对象。

*Navigator：Navigator 对象包含有关浏览器的信息。

*Screen:Screen 对象包含有关客户端显示屏幕的信息。

*History(*):包含用户（在浏览器窗口中）访问过的 URL。

*Location(*):包含有关当前 URL 的信息

5.*JS的DOM(***)

Node(***): DOM解析按照树状图解析，每个元素构成一个节点(Node)

节点类型：

1.标签节点

2.属性节点

3.文本节点

4.注释节点

Document(***):每个载入浏览器的 HTML 文档都会成为 Document 对象；

Element(***):在 HTML DOM 中，Element 对象表示 HTML 元素；Attribute(***):在 HTML DOM 中，Attr 对象表示 HTML 属性。Event(***):

对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态.

事件通常与函数结合使用，函数不会在事件发生前被执行！

常见面试题
1.js、css兼容性问题？（汉得信息）

2.说几条写JavaScript的基本规范？

3.如何编写高性能的Javascript？

4.javascript如何创建一个对象，？{画出次对象的内存图}

5.ECMAScript和JavaScript的区别？

6.DOM是哪种基本的数据结构

7.DOM操作的常用API有哪些

8.DOM节点的Attribute和property有何区别

9.什么是BOM？
长沙IT培训机构 2020年虹猫学园招生

上一篇：虹猫学园就业：得帆信息招聘2021届学员专场预告
下一篇：踏春而来的虹猫2002班组长们等你来pick（结尾有彩蛋哟~）