虹猫上周回顾:前端JavaScript详解+面试重点

Posted 小虹喵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了虹猫上周回顾:前端JavaScript详解+面试重点相关的知识,希望对你有一定的参考价值。



有所准备才足够优秀




线上云课堂

虹猫名师讲堂带您上升一个台阶

关于我们

湖南虹猫信息科技有限公司是一家集软件开发、IT培训、人才外包、技术咨询为一体的互联网综合服务企业,公司旗下的虹猫学园致力于打造优质互联网培训平台与互联网行业人才服务基地。虹猫成立以来,先后与上海汉得信息技术有限公司、长城信息股份有限公司、中兴通讯、神州信息、亚信科技、上海得帆信息、东华软件等数十家大中型互联网企业达成人才输送战略合作,并不定期进行技术交流和小型企业项目共享,搭建了各种渠道不同层次的就业网络,近两年虹猫联合合作企业举办了上海汉得专场招聘、神州信息专场招聘、得帆信息专场招聘、亚信科技专场招聘、中兴通讯专场招聘等大型企业的虹猫学员专场招聘,除专场招聘外还以合作企业远程面试、学员内推等方式进行就业推荐,为学员提供了优质的就业平台。

专注专业:实时联动项目级技术课程体系

虹猫上周回顾(八):前端JavaScript详解+面试重点

专业团队:10年以上企业项目经验金牌导师

虹猫上周回顾(八):前端JavaScript详解+面试重点

实战经验:企业项目经理+虹猫指导老师双师型教学

虹猫上周回顾(八):前端JavaScript详解+面试重点

高质就业:虹猫学员享受终身免费就业服务


虹猫云课堂模式

3h微循环直播互动
当日知识点梳理总结
定期考试检测

昨日作业讲解点评
针对性练习课内循环
课后助教线上答疑

虹猫云课堂管理


1



课前提醒

2



开课点名

3



小组会议

4



课程进度监控

5



班主任一对一沟通

6



就业信息建档



今日云课堂

本章


1.JS的使用方式

2.JS的体系结构

3.JS的ECMAScript(重点)

4.JS的BOM(重点)

5.JS的DOM(重难点)

虹猫

名师

讲台


本章

难点

详解

1.JS的使用

<script type="text/javascript">

</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?

讲师介绍

刘春雷  金牌讲师

吉林化工大学 

计算机科学专业

曾担任东华长和软件有限公司项目经理,主持开发石家庄烟草结算系统、香河预售房等项目,精通C#、Java、mysql、HTML5+CSS3等,擅长J2EE项目开发。性格开朗,讲课风格细致循序渐进,通俗易懂,是一位富有爱心的老师。



以上是关于虹猫上周回顾:前端JavaScript详解+面试重点的主要内容,如果未能解决你的问题,请参考以下文章

前端面试回顾---javascript的面向对象

上周热点回顾(5.21-5.27)

上周热点回顾(12.23-12.29)

上周热点回顾(8.14-8.20)

虹猫学园就业:秋招总结JAVA面试到底需要掌握什么?

offer收割攻略,Web前端面试真题JavaScript系列(带详解)