黑马程序员技术交流社区

标题: web前端面试经验分享【无忧互联网络科技】 [打印本页]

作者: 就业高冷派 时间: 2018-6-20 20:48
标题: web前端面试经验分享【无忧互联网络科技】

公司名称：陕西无忧互联网络科技有限公司

公司规模：小型外包公司

公司地址：西安.雁塔区太白南路269号中天国际A座2308室

Q: 简述typeof与instanceof的区别？

A：相同点：JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。

typeof的定义和用法：返回值是一个字符串，用来说明变量的数据类型。

细节：

(1)typeof 一般只能返回如下几个结果：number,boolean,string,function,object,undefined。

(2)typeof 来获取一个变量是否存在，如 if(typeof a!="undefined"){alert("ok")}，而不要去使用 if(a) 因为如果 a 不存在（未声明）则会出错。

(3)对于 Array,Null 等特殊对象使用 typeof 一律返回 object，这正是 typeof 的局限性。

Instanceof定义和用法：instanceof 用于判断一个变量是否属于某个对象的实例。

Q：如何理解闭包？

A：1、定义和用法：当一个函数的返回值是另外一个函数，而返回的那个函数如果调用了其父函数内部的其它变量，如果返回的这个函数在外部被执行，就产生了闭包。

2、表现形式：使函数外部能够调用函数内部定义的变量。

变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。

变量的作用域分类：全局变量和局部变量。

特点：

1)函数内部可以读取函数外部的全局变量；在函数外部无法读取函数内的局部变量。

2)函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！

3、使用闭包的注意点

1）滥用闭包，会造成内存泄漏：由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

2）会改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

Q：开发过程中遇到的内存泄露情况，如何解决的？

1、定义和用法：

内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。C#和Java等语言采用了自动垃圾回收方法管理内存，几乎不会发生内存泄露。我们知道，浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。

2、内存泄露的几种情况:

(1)、当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中不会作出恰当处理，此时要先手工移除事件，不然会存在内存泄露。

Q：javascript面向对象中继承实现？

A：面向对象的基本特征有：封闭、继承、多态。

在JavaScript中实现继承的方法：

1. 原型链（prototype chaining）

2. call()/apply()

3. 混合方式(prototype和call()/apply()结合)

4. 对象冒充

Q：$(this) 和 this 关键字在 jQuery 中有何不同？

A：$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用val() 获取值等等。而 this 代表当前元素，它是 JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法，直到它被 $() 函数包裹，例如 $(this)。

Q：简述同步和异步的区别

A：同步是阻塞模式，异步是非阻塞模式。

同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；

异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。

Q:AJAX的工作原理：

1.创建ajax对象（XMLHttpRequest/ActiveXObject(Microsoft.XMLHttp)）

2.判断数据传输方式(GET/POST)

3.打开链接 open()

4.发送 send()

5.当ajax对象完成第四步（onreadystatechange）数据接收完成，判断http响应状态（status）200-300之间或者304（缓存）执行回调函数

Q:如何规避javascript多人开发函数重名问题

命名空间

封闭空间

js模块化mvc（数据层、表现层、控制层）

seajs

变量转换成对象的属性

对象化

Q：请说出三种减低页面加载时间的方法

压缩css、js文件

合并js、css文件，减少http请求

外部js、css文件放在最底下

减少dom操作，尽可能用变量替代不必要的dom操作

Q：你所了解到的Web攻击技术

（1）XSS（Cross-Site Scripting，跨站脚本攻击）：指通过存在安全漏洞的Web网站注册用户的浏览器

内运行非法的HTML标签或者JavaScript进行的一种攻击。

（2）SQL注入攻击

（3）CSRF（Cross-Site Request Forgeries，跨站点请求伪造）：指攻击者通过设置好的陷阱，强制对已完成的认证用户进行非预期的个人信息或设定信息等某些状态更新。

Q: web前端开发，如何提高页面性能优化？

A：内容方面：

1.减少 HTTP 请求 (Make Fewer HTTP Requests)

2.减少 DOM 元素数量 (Reduce the Number of DOM Elements)

3.使得 Ajax 可缓存 (Make Ajax Cacheable)

针对CSS：

1.把 CSS 放到代码页上端 (Put Stylesheets at the Top)

2.从页面中剥离 JavaScript 与 CSS (Make JavaScript and CSS External)

3.精简 JavaScript 与 CSS (Minify JavaScript and CSS)

4.避免 CSS 表达式 (Avoid CSS Expressions)

针对JavaScript ：

1. 脚本放到 HTML 代码页底部 (Put Scripts at the Bottom)

2. 从页面中剥离 JavaScript 与 CSS (Make JavaScript and CSS External)

3. 精简 JavaScript 与 CSS (Minify JavaScript and CSS)

4. 移除重复脚本 (Remove Duplicate Scripts)

面向图片(Image)：

1.优化图片

2 不要在 HTML 中使用缩放图片

3 使用恰当的图片格式

4 使用 CSS Sprites 技巧对图片优化

Q:浏览器是如何渲染页面的？

A:渲染的流程如下：

1.解析HTML文件，创建DOM树。

自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。

2.解析CSS。优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式；

3.将CSS与DOM合并，构建渲染树（Render Tree）

4.布局和绘制，重绘（repaint）和重排（reflow）

微信图片_20180516130606.jpg (106.04 KB, 下载次数: 13)

作者: 小公举 时间: 2018-6-25 14:26
感谢楼主的分享，一起加油

作者: hello！！！ 时间: 2018-6-25 14:42
感谢楼主分享，加油大家

作者: 专找bug 时间: 2018-6-25 14:45

感谢楼主分享，加油大家

作者: 从容微笑 时间: 2018-6-25 15:03
好厉害啊，点赞

作者: 760486198 时间: 2018-6-25 15:22

好厉害！

作者: 大晨晨 时间: 2018-6-25 15:26

作者: 仙人掌Sandy1 时间: 2018-6-25 15:51
好厉害，加油呦

作者: yy1134787753 时间: 2018-6-25 16:45
感谢分享

作者: 逆风TO 时间: 2018-6-25 17:49
感谢分享一定要找个好工作

作者: 霸气小女子 时间: 2018-6-25 18:18
好温馨的画面！

作者: little_superman 时间: 2018-6-25 18:30
6666666666666666666666666

作者: 姑娘(wangxue) 时间: 2018-6-25 18:33

作者: 零度☆黎明 时间: 2018-6-25 19:43
不错, 不错 ..................

作者: JavaEE风清扬 时间: 2018-6-25 20:13
不错, 不错 ..................

作者: yujq 时间: 2018-6-25 20:21

作者: fujiangbo 时间: 2018-6-25 20:53

感谢楼主分享，加油大家

作者: 耙丫丫 时间: 2018-6-25 22:14

作者: 黑马程序员啊 时间: 2018-6-25 23:06
厉害啊点赞66666666666666666666

作者: hongping 时间: 2018-6-26 09:01

作者: duanshaobo 时间: 2018-6-26 09:29
在盒子里睡着的美梦，一打开就无影无踪，睡醒的人哭着想回家，可离家的人不会相信他

作者: xuanxushuai01 时间: 2018-6-26 09:52
嘎嘎嘎哈哈哈

作者: 致橡树 时间: 2018-6-26 10:15
水军11号顶顶顶顶顶顶顶顶瞎jb顶顶

作者: 兮兮哈哈 时间: 2018-6-26 11:15
天知道我快要受不了
后悔钻进心里烧
拥抱再多一次就好
你要的我都做得到

作者: 小伙啊 时间: 2018-6-26 12:57

666666

作者: xiaoheizi 时间: 2018-6-26 13:08

作者: 举个栗子 时间: 2018-6-26 13:08

作者: ruoquan 时间: 2018-6-26 13:17

作者: 王航 时间: 2018-6-26 13:24
6666666666666

作者: 半个程序员 时间: 2018-6-26 14:03
键盘敲烂，月薪过万，你最棒。。

作者: 谢先森 时间: 2018-6-26 14:07
赞感谢分享

作者: ouweina 时间: 2018-6-26 14:08

作者: 疯子小花花 时间: 2018-6-26 14:12

作者: zhuyanting 时间: 2018-6-26 15:14

作者: zhaosongzhi 时间: 2018-6-26 15:41
说的非常好，基本都能用的上

作者: huochaochao 时间: 2018-6-26 17:48
666666666666

作者: 殷凯老师 时间: 2018-6-26 19:46
感谢分享!!!!!!!!!!!!!!!!!!!!

作者: 疯言峰语02 时间: 2018-6-26 21:31
6666666666666666

作者: zplxwl 时间: 2018-6-26 21:38
很好很好很好

作者: 这是一个师哥 时间: 2018-6-27 06:00
西安黑马就是厉害

作者: 1098018910 时间: 2018-6-27 09:21

不错, 不错 ..................

作者: 就业高冷派 时间: 2018-6-27 10:50
为祖国贡献，不喊累

作者: dajiahao 时间: 2018-6-27 13:21
66666666666666666666

作者: 同心筑梦1 时间: 2018-6-27 16:13

作者: 小航子 时间: 2018-6-27 17:10
66666666666666666

作者: 淡写薰衣草的香 时间: 2018-6-27 17:18

作者: mydorling11 时间: 2018-6-27 19:21
老铁66666老铁66666老铁66666老铁66666

作者: json0314 时间: 2018-6-27 19:37
棒棒哒

作者: #风萧萧# 时间: 2018-6-28 12:08
感谢楼主的分享，一起加油

作者: superbaby 时间: 2018-6-28 12:15
感谢分享....................

作者: 巴拉拉小魔仙 时间: 2018-6-28 14:57

作者: 黑马小王子123 时间: 2018-6-28 16:23

厉害啊点赞66666666666666666666

作者: SharkSSB 时间: 2018-6-28 16:25

作者: kdhdjdj 时间: 2018-6-28 17:15

作者: 哦嗨呦 时间: 2018-6-28 17:17
顶！！！！！！！！！！！！！！

作者: 多喝点热水~ 时间: 2018-6-28 17:29

作者: 小西西哦 时间: 2018-6-28 17:32
6666666666666666666666666666666666

作者: 温柔一刀！喵！ 时间: 2018-6-28 17:36
干货干货，厉害了

作者: 小西西哦 时间: 2018-6-28 17:42
66666666666666666666666

作者: 小丹子 时间: 2018-6-28 17:54

好厉害啊，点赞

作者: 凯凯小王子 时间: 2018-6-29 10:16
撸起袖子加油干

作者: 小丹子 时间: 2018-6-30 18:34
好温馨的感觉！

作者: 逆风TO 时间: 2020-2-21 09:59

小公举发表于 2018-6-25 14:26
感谢楼主的分享，一起加油

加油，奋斗哦~

作者: 逆风TO 时间: 2020-2-21 09:59

hongping 发表于 2018-6-26 09:01

加油，奋斗哦~

作者: 逆风TO 时间: 2020-2-21 09:59

黑马程序员啊发表于 2018-6-25 23:06
厉害啊点赞66666666666666666666

加油，奋斗哦~

作者: 逆风TO 时间: 2020-2-21 09:59

耙丫丫发表于 2018-6-25 22:14

加油，奋斗哦~

作者: 逆风TO 时间: 2020-2-21 09:59

fujiangbo 发表于 2018-6-25 20:53
感谢楼主分享，加油大家

加油，奋斗哦~