黑马程序员技术交流社区

标题: web前端面试分享-西安邦途国旅 [打印本页]

作者: 就业高冷派 时间: 2018-7-30 10:58
标题: web前端面试分享-西安邦途国旅
本帖最后由逆风TO 于 2018-7-30 12:42 编辑

公司名称：西安邦途国旅

公司地址：西安市未央区太元路君诚国际20层

公司官网：http://www.xabtly.com

该公司是一家旅游服务公司，主要运营一个旅游在线网站，目前他们准备对他们现有的网站进行升级开发，并准备推出移动网页版，正在组件开发团队

以下为技术面试环节部分问题整理：

Q：js是单线程还是多线程

A：javacript是一门单线程的语言

Q:js中使怎么实现异步操作的？

A：js的主线程负责执行栈内存中的代码，当遇到相对耗时的操作或需要操作一些webAPI的时候，如ajax，setTimeout,setInterval等，会有浏览器启动一个进程去执行这些操作,执行完毕或会将回调函数之类的放到一个事件队列里面，然后会有一个loop循环负责将事件队列里面的回调函数拿到栈内存，让js解析器的主线程去执行

Q:简单描述一下浏览器渲染页面的过程

A：1、首先获取html，然后构建dom树

2、其次根据css构建render树，render树中不包含定位和几何信息

3、最后构建布局数，布局是含有元素的定位和几何信息

Q:let和var声明的变量有何异同？

A:let是es6中声明变量的新语法结构，

Let声明的变量存在{}作用域，比如在{}内部声明的变量在{}外部是不能访问的

Var声明的变量默认是没有{}作用域的，只存在函数作用域（在函数内部声明的变量，在函数外部无法访问）

Let声明的变量不存在变量声明提升，也就是必须先声明，再使用，否则报错

Var声明的变量存在变量声明提升，可以在声明之前使用，但是变量的赋值没有提升，会返回undefined

Q:什么是浏览器回流和重构

A：浏览器的重构指的是改变每个元素外观时所触发的浏览器行为，比如颜色，背景等样式发生了改变而进行的重新构造新外观的过程。重构不会引发页面的重新布局，不一定伴随着回流。

回流指的是浏览器为了重新渲染页面的需要而进行的重新计算元素的几何大小和位置的，他的开销是非常大的，回流可以理解为渲染树需要重新进行计算，一般最好触发元素的重构，避免元素的回流；比如通过通过添加类来添加css样式，而不是直接在DOM上设置，当需要操作某一块元素时候，最好使其脱离文档流，这样就不会引起回流了，比如设置position：absolute或者fixed，或者display：none，等操作结束后在显示。

Q:什么是同步，什么是异步

A：

同步：指下一个程序的执行需要等到上一个程序执行完毕，也就是得出结果后下一个才能执行，

异步：指的是上一个程序执行后，下一个程序不用等到上一个程序出结果就能执行，等上一个程序执行出结果了调用回调函数处理结果就好。

Q:怎么理解JavaScript的值类型和引用类型

A：JavaScript有两种类型的数据，值类型和引用类型，一般的数字，字符

串，布尔值都是值类型，存放在栈中，而对象，函数，数组等是引用类型，存放在堆中，对引用类型的复制其实是引用复制，相当于复制着内存地址，对象本身并没有真正的复制。

Q:谈谈对前端模块化的理解

A：前端模块话就是把复杂的文件分成一个个独立的模块，比如js文件，分成独立的模块之后有利于代码的重用和维护，但是这样又会引来模块与模块之间的依赖问题，所以就有了

CommonJS、AMD、CMD规范，CommonJS是nodejs遵循的一个模块化规范，最后出现了webpack，webpack就是前端模块话的一种解决方案

Q:怎么准确的判断一个复杂数据类型的具体类型？

A：可以利用Object.prototype.toString.call()精确判断数据类型，如下：

函数类型

Function fn(){console.log(“test”);}

Object.prototype.toString.call(fn);//”[object Function]”

日期类型

var date = new Date();

Object.prototype.toString.call(date);//”[object Date]”

数组类型

var arr = [1,2,3];

Object.prototype.toString.call(arr);//”[object Array]”

正则表达式

var reg = /[hbc]at/gi;

Object.prototype.toString.call(arr);//”[object Array]”

作者: 逆风TO 时间: 2018-7-30 13:51
感谢分享~

作者: JavaEE风清扬 时间: 2018-8-13 14:08
文章文采斐然，辞藻华美，语言朴实，文笔清新，情感丰富，人物形象饱满，条理清晰，结构层次分明，情节合理，跌宕起伏，描写生动，引人入胜，艺术感染力强，结尾画龙点睛，寓意深刻，发人深思，意味悠长。

作者: superbaby 时间: 2018-8-13 14:25
谢谢楼主,辛苦了...........

作者: hello！！！ 时间: 2018-8-13 14:25
感谢分享

作者: yy1134787753 时间: 2018-8-13 14:26
感谢分享

作者: 小公举 时间: 2018-8-13 14:26
感谢分享祝您工作愉快事事顺心向您学习

作者: 仙人掌Sandy1 时间: 2018-8-13 14:34

感谢分享祝您工作愉快事事顺心向您学习

作者: ouweina 时间: 2018-8-13 14:34
666666666666666666666666
感谢分享祝您工作愉快事事顺心向您学习

作者: 哦嗨呦 时间: 2018-8-13 14:35
顶！！！！！！！！！！

作者: 专找bug 时间: 2018-8-13 14:36
文章文采斐然，辞藻华美，语言朴实，文笔清新，情感丰富，人物形象饱满，条理清晰，结构层次分明，情节合理，跌宕起伏，描写生动，引人入胜，艺术感染力强，结尾画龙点睛，寓意深刻，发人深思，意味悠长。

作者: wangxue123456 时间: 2018-8-13 14:42
辛苦了

作者: 760486198 时间: 2018-8-13 14:58
牛牛牛

作者: 疯子小花花 时间: 2018-8-13 15:10

作者: yangyifen 时间: 2018-8-13 15:30

感谢分享

作者: yangyifen 时间: 2018-8-13 15:30

感谢分享

作者: zhanghua342 时间: 2018-8-13 15:32
感恩分享！

祝：工作顺利！

作者: 从容微笑 时间: 2018-8-13 15:44
666666666666666666

作者: little_superman 时间: 2018-8-13 19:06
666666666666666666666666

作者: zplxwl 时间: 2018-8-13 19:43

感谢分享

作者: mydorling11 时间: 2018-8-13 21:28
这个面试很简单so easy这个面试很简单so easy这个面试很简单so easy

作者: 黑马程序员啊 时间: 2018-8-13 21:56
感谢分享

作者: 耙丫丫 时间: 2018-8-13 22:30

作者: 零度☆黎明 时间: 2018-8-13 23:16
棒棒哒 .....................

作者: 谢先森 时间: 2018-8-14 00:17
2333333333333333333333333

作者: 致橡树 时间: 2018-8-14 08:56
豪车鸣笛惊了狗咬了驴踢了车，请问谁之过？

作者: ruoquan 时间: 2018-8-14 09:02
感谢分享。。。。。

作者: 小丹子 时间: 2018-8-14 09:10
照片有点少，哈哈哈哈哈哈！

作者: zhaosongzhi 时间: 2018-8-14 09:54
66666666666666666666的飞起

作者: zhaosongzhi 时间: 2018-8-14 09:56
66666666666666666666666的飞起

作者: SunYan 时间: 2018-8-14 09:59
黑马6666666666666666666666666666

作者: 殷凯老师 时间: 2018-8-14 10:21
感谢分享!!!!!!!

作者: 半个程序员 时间: 2018-8-14 10:29

感谢分享祝您工作愉快

作者: duanshaobo 时间: 2018-8-14 10:48
不要把浮躁的生活当做成长

作者: 举个栗子 时间: 2018-8-14 13:04

作者: xiaoheizi 时间: 2018-8-14 13:25

作者: 小伙啊 时间: 2018-8-14 13:39

作者: py@py 时间: 2018-8-14 13:43
感谢分享+1

作者: yujq 时间: 2018-8-14 13:52

作者: 1098018910 时间: 2018-8-14 17:33

感谢分享祝您工作愉快事事顺心向您学习

作者: 疯言峰语 时间: 2018-8-14 18:07
66666666666666666

作者: 淡写薰衣草的香 时间: 2018-8-14 19:00
受用谢谢

作者: huochao 时间: 2018-8-14 22:14
66666666666666666666

作者: 18629541359 时间: 2018-8-15 12:16
总结到位，言简意赅!

作者: 18629541359 时间: 2018-8-15 12:40
很不错，加油啊...。谢谢分享！

作者: SharkSSB 时间: 2018-8-15 13:11
点赞支持加油

作者: 王航 时间: 2018-8-15 13:54
666666666666666666666

作者: 巴拉拉小魔仙 时间: 2018-8-15 15:33

作者: 温柔一刀！喵！ 时间: 2018-8-15 15:41
感谢分享！

作者: 同心筑梦1 时间: 2018-8-15 15:42

作者: 温柔一刀！喵！ 时间: 2018-8-15 15:43
干货干货，谢谢分享！

作者: 凯凯小王子 时间: 2018-8-15 15:48
6666666666666666

作者: 小西西哦 时间: 2018-8-15 16:44
6666666666666666666666666666666666

作者: 多喝点热水~ 时间: 2018-8-16 09:04

作者: zhuyanting 时间: 2018-8-16 09:29

每一次的分享都是非常实用的

作者: hongping 时间: 2018-8-16 10:06

作者: fujiangbo 时间: 2018-8-16 10:11
谢谢楼主,辛苦了...........

作者: 小航子 时间: 2018-8-16 10:14
感谢分享

作者: 小航子 时间: 2018-8-16 10:15
感谢分享

作者: dajiahao 时间: 2018-8-16 10:50
6666666666666666

作者: 兮兮哈哈 时间: 2018-8-16 11:18
66666666666666666

作者: 你不爱我 时间: 2018-8-16 12:47
感谢分享

作者: 指间 时间: 2018-8-16 12:47

666666666666666666

作者: 指间 时间: 2018-8-16 12:48

666666666666666666

作者: #风萧萧# 时间: 2018-8-16 17:30

文章文采斐然，辞藻华美，语言朴实，文笔清新，情感丰富，人物形象饱满，条理清晰，结构层次分明，情节合理，跌宕起伏，描写生动，引人入胜，艺术感染力强，结尾画龙点睛，寓意深刻，发人深思，意味悠长。

作者: 逆风TO 时间: 2018-8-23 12:18

逆风TO 发表于 2018-7-30 13:51
感谢分享~

努力工作100年

作者: 逆风TO 时间: 2018-8-23 12:19

JavaEE风清扬发表于 2018-8-13 14:08
文章文采斐然，辞藻华美，语言朴实，文笔清新，情感丰富，人物形象饱满，条理清晰，结构层次分明，情节合理 ...

努力工作100年

作者: 逆风TO 时间: 2018-8-23 12:19

superbaby 发表于 2018-8-13 14:25
谢谢楼主,辛苦了...........

努力工作100年

作者: 逆风TO 时间: 2018-8-23 12:19

hello！！！发表于 2018-8-13 14:25
感谢分享

努力工作100年

作者: 逆风TO 时间: 2018-8-23 12:19

yy1134787753 发表于 2018-8-13 14:26
感谢分享

努力工作100年

作者: 逆风TO 时间: 2018-8-23 12:19

小公举发表于 2018-8-13 14:26
感谢分享祝您工作愉快事事顺心向您学习

努力工作100年

作者: 逆风TO 时间: 2018-8-23 12:19

仙人掌Sandy1 发表于 2018-8-13 14:34
感谢分享祝您工作愉快事事顺心向您学习

努力工作100年

作者: 逆风TO 时间: 2018-8-23 12:19

ouweina 发表于 2018-8-13 14:34
666666666666666666666666
感谢分享祝您工作愉快事事顺心向您学习

努力工作100年

作者: 逆风TO 时间: 2018-8-23 12:19

ouweina 发表于 2018-8-13 14:34
666666666666666666666666
感谢分享祝您工作愉快事事顺心向您学习

努力工作100年

作者: 逆风TO 时间: 2018-8-23 12:19

哦嗨呦发表于 2018-8-13 14:35
顶！！！！！！！！！！

努力工作100年

作者: 逆风TO 时间: 2018-8-23 12:19

专找bug 发表于 2018-8-13 14:36
文章文采斐然，辞藻华美，语言朴实，文笔清新，情感丰富，人物形象饱满，条理清晰，结构层次分明，情节合理 ...

努力工作100年