黑马程序员技术交流社区

标题: 前端开发面试经验分享【西安创新智慧信息科.... [打印本页]

作者: 就业高冷派 时间: 2018-6-20 20:40
标题: 前端开发面试经验分享【西安创新智慧信息科....
本帖最后由就业高冷派于 2018-6-20 20:41 编辑

公司名称：西安智慧创新信息科技有限公司

公司地址：西安雁塔区高新二路新世纪大厦8楼D17

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

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

Q：讲讲输入完网址按下回车，到看到网页这个过程中发生了什么

A：

1)域名解析

2)发起TCP的3次握手

3)建立TCP连接后发起http请求

4)服务器端响应http请求，浏览器得到html代码

5)浏览器解析html代码，并请求html代码中的资源

6)浏览器对页面进行渲染呈现给用户

Q:谈谈你对前端性能优化的理解

1) 请求数量：合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域

2) 请求带宽：开启GZip，精简JavaScript，移除重复脚本，图像优化，将icon做成字体

3) 缓存利用：使用CDN，使用外部JavaScript和CSS，添加Expires头，减少DNS查找，配置ETag，使AjaX可缓存

4) 页面结构：将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出

5) 代码校验：避免CSS表达式，避免重定向

Q:前端 MVVM框架的意义

早期前端都是比较简单，基本以页面为工作单元，内容以浏览型为主，也偶尔有简单的表单操作，基本不太需要框架.

随着 AJAX 的出现，Web2.0的兴起，人们可以在页面上可以做比较复杂的事情了，然后前端框架才真正出现了。

如果是页面型产品，多数确实不太需要它，因为页面中的 JavaScript代码，处理交互的绝对远远超过处

理模型的，但是如果是应用软件类产品，这就太需要了。

长期做某个行业软件的公司，一般都会沉淀下来一些业务组件，主要体现在数据模型、业务规则和业务流程，这些组件基本都存在于后端，在前端很少有相应的组织。

从协作关系上讲，很多前端开发团队每个成员的职责不是很清晰，有了前端的 MV框架，这个状况会大有改观。之所以感受不到 MVVM框架的重要性，是因为Model部分代码较少，View的相对多一些。如果主要在操作View和Controller，那当然 jQuery 这类库比较好用了。

Q:请你谈谈Cookie的弊端

1)每个特定的域名下最多生成的cookie个数有限制

2) IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理cookie

3) cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节

4) 安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。

请说出三种减少页面加载时间的方法

1) 尽量减少页面中重复的HTTP请求数量

2) 服务器开启gzip压缩

3) css样式的定义放置在文件头部

4)Javascript脚本放在文件末尾

5) 压缩合并Javascript、CSS代码

6) 使用多域名负载网页内的多个文件、图片

Q:WEB应用从服务器主动推送Data到客户端有那些方式？

1) html5 websoket

2) WebSocket 通过 Flash

3) XHR长时间连接

4) XHR Multipart Streaming

5) 不可见的Iframe

6) <script>标签的长时间连接(可跨域)

Q:对前端界面工程师这个职位是怎么样理解的？

1) 前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好

2) 参与项目，快速高质量完成实现效果图，精确到1px；

3) 与团队成员，UI设计，产品经理的沟通；

4) 做好的页面结构，页面重构和用户体验；

5) 处理hack，兼容、写出优美的代码格式；

6) 针对服务器的优化、拥抱最新前端技术。

Q:AMD和CMD 规范的区别？

AMD 提前执行依赖 - 尽早执行，requireJS 是它的实现

CMD 按需执行依赖 - 懒执行，seaJS 是它的实现

Q:网站重构的理解

重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。

1)使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)

2) 对于移动平台的优化，针对于SEO进行优化

3) 减少代码间的耦合，让代码保持弹性

4) 压缩或合并JS、CSS、image等前端资源

Q:一次js请求一般情况下有哪些地方会有缓存处理？

a. 浏览器端存储

b. 浏览器端文件缓存

c. HTTP缓存304

d. 服务器端文件类型缓存

e. 表现层&DOM缓存

作者: 小公举 时间: 2018-6-25 14:25

作者: hello！！！ 时间: 2018-6-25 14:42

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

谢谢大神

作者: 从容微笑 时间: 2018-6-25 15:01

感谢分享

作者: 760486198 时间: 2018-6-25 15:22
好厉害！

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

作者: 仙人掌Sandy1 时间: 2018-6-25 15:51

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

作者: little_superman 时间: 2018-6-25 17:17
6666666666666666666666666

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

作者: 霸气小女子 时间: 2018-6-25 18:16
不错不错，成功逆袭高富帅

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

作者: 零度☆黎明 时间: 2018-6-25 19:42
棒棒哒 .....................

作者: JavaEE风清扬 时间: 2018-6-25 20:11
棒棒哒 .....................

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

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

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

作者: 黑马程序员啊 时间: 2018-6-25 23:06
6666666666666666

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

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

作者: xuanxushuai01 时间: 2018-6-26 09:48
哈哈还哈哈哈

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

作者: 这是一个师哥 时间: 2018-6-26 10:31
西安黑马真是牛逼西安黑马真是牛逼

作者: 兮兮哈哈 时间: 2018-6-26 11:18
我知道你装成听不到

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

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

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

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

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

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

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

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

作者: 谢先森 时间: 2018-6-26 14:06
感谢分享祝你工作顺利

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

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

作者: zhaosongzhi 时间: 2018-6-26 15:41
非常有用，非常感谢！！

作者: huochaochao 时间: 2018-6-26 17:47
666666666666666

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

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

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

作者: 1098018910 时间: 2018-6-27 09:20
棒棒哒 .....................

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

作者: dajiahao 时间: 2018-6-27 13:20
6666666666666

作者: dajiahao 时间: 2018-6-27 13:20
666666662222222

作者: SunYan 时间: 2018-6-27 13:28
黑马6666666666666666666

作者: 同心筑梦1 时间: 2018-6-27 14:11

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

作者: 小航子 时间: 2018-6-27 17:07
666666666666666

作者: 温柔一刀！喵！ 时间: 2018-6-27 17:07
良心贴，绝对的干货！辛苦了！

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

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

作者: #风萧萧# 时间: 2018-6-28 12:07
6666666666666666

作者: superbaby 时间: 2018-6-28 12:14
6666666666666666666666666

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

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

6666666666666666

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

作者: kdhdjdj 时间: 2018-6-28 17:14
66666666666666

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

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

作者: 小西西哦 时间: 2018-6-28 17:31
6666666666666666666666666666666

作者: 温柔一刀！喵！ 时间: 2018-6-28 17:36

只能送花了

作者: 小西西哦 时间: 2018-6-28 17:41
66666666666666666666666666666666666

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

谢谢大神

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

作者: 小丹子 时间: 2018-6-30 18:34
不错，不错，加油哦！

作者: 逆风TO 时间: 2020-2-21 10:05

小公举发表于 2018-6-25 14:25

加油，奋斗哦~

作者: 逆风TO 时间: 2020-2-21 10:05

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

加油，奋斗哦~

作者: 逆风TO 时间: 2020-2-21 10:05

黑马程序员啊发表于 2018-6-25 23:06
6666666666666666

加油，奋斗哦~