黑马程序员技术交流社区

标题: 前端面试经验分享——陕西恒东网络科技有限责任公司 [打印本页]

作者: 就业高冷派 时间: 2018-12-24 16:24
标题: 前端面试经验分享——陕西恒东网络科技有限责任公司
本帖最后由逆风TO 于 2019-1-7 13:56 编辑

陕西恒东网络科技有限责任公司

公司地址：高新锦业路绿地中心A座

问：之前工作中用过webpack吗？

答：用过， webpack 是一个前端自动化构建工具，在 webpack 处理应用程序时，它会在内部创建一个依赖图(dependency graph)，用于映射到项目需要的每个模块，然后将所有这些依赖生成到一个或多个bundle。

问：webpack 可以做什么？

答：代码转换: TypeScript 编译成 Javascript、SCSS、LESS编译成CSS。

文件优化：压缩JavaScript、CSS、HTML代码，压缩合并图片。

代码分割：提取多个页面的公共代码、提取首屏不需要执行部分的代码让其异步加载。

模块合并：在采用模块化的项目里会有很多个模块和文件，需要构建功能把模块分类合并成一个文件。

自动刷新：监听本地源代码的变化，自动重新构建、刷新浏览器。

问：你能简单说一下浏览器渲染过程不？

答：解析HTML，生成DOM树，解析CSS，生成CSSOM树

将DOM树和CSSOM树结合，生成渲染树(Render Tree)

Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信

Painting(重绘):根据渲染树以及回流得到的几何信息，得到节点的绝对像素

Display:将像素发送给GPU，展示在页面上。

问：html5有哪些新特性

canvas(画布)，audio 定义音频内容，video 定义视频（video 或者 movie）

地理定位，web存储:localStorage，拖拽控制: draggable="true" 使元素可拖动，

表单

问：你都知道哪些浏览器内核？

IE: trident 内核

Firefox：gecko内核

Safari：webkit内核 (苹果浏览器)

Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核

Chrome：Blink(基于webkit，Google与OperaSoftware共同开发)

问：web开发中会话跟踪的方法有哪些

cookie，session，url重写，隐藏input，ip地址

问：angular中是怎么拦截服务？

答：在config配置里注入需要拦截的服务的名字+Provider来拦截

问：angular的数据绑定采用什么机制？

答：脏检查机制。

双向数据绑定是 AngularJS 的核心机制之一。当 view 中有任何数据变化时，会更新到 model ，当 model 中数据有变化时，view 也会同步更新，显然，这需要一个监控。

问：优化Angular 应用的性能

答: 减少监控项（比如对不会变化的数据采用单向绑定）主动设置索引（指定 track by，简单类型默认用自身当索引，对象默认使用 $$hashKey，比如改为 track by item.id）降低渲染数据量（比如分页，或者每次取一小部分数据，根据需要再取）数据扁平化（比如对于树状结构，使用扁平化结构，构建一个 map 和树状数据，对树操作时，由于跟扁平数据同一引用，树状数据变更会同步到原始的扁平数据）

问：都使用过哪些框架？

Vue,angular,jquery，zepto,backbone,require，还有一些UI组件，比如emelent,mui,mint-ui,

解释ajax的工作原理

Ajax的工作原理相当于在用户和服务器之间加了—个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。

简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。

问：你认为前端应该如何高质量完成工作?

首先划分成头部、body、脚部。实现效果图是最基本的工作，精确到2px；与设计师，产品经理的沟通和项目的参与做好的页面结构，页面重构和用户体验处理hack，兼容、写出优美的代码格式针对服务器的优化、拥抱 HTML5。为问：什么利用多个域名来存储网站资源会更有效？

确保用户在不同地区能用最快的速度打开网站，其中某个域名崩溃用户也能通过其他郁闷访问网站，并且不同的资源放到不同的服务器上有利于减轻单台服务器的压力。

问：eval是做什么的？

它的功能是把对应的字符串解析成JS代码并运行，应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）

问：webpack打包速度慢，你觉得可能的原因是什么，该如何解决模块太多，Webpack可以配置 externals 来将依赖的库指向全局变量，从而不再打包这个库或者dllplugin，webpack-parallel-uglify-plugin 并行压缩，CommonsChunkPlugin提取公共的模块，happypack 多进程构建

作者: 从容微笑 时间: 2019-1-7 15:59

作者: ouweina 时间: 2019-1-7 16:19
好厉害，好厉害，好厉害

作者: 淡写薰衣草的香 时间: 2019-1-7 16:49

作者: zhanghua342 时间: 2019-1-7 16:49
好腻害哦

作者: JavaEE风清扬 时间: 2019-1-7 17:28
不错不错加油.............

作者: 殷凯老师 时间: 2019-1-7 17:37
感谢分享!!!!!!!!!!!!!!

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

作者: 耙丫丫 时间: 2019-1-7 18:16

作者: 小伙啊 时间: 2019-1-7 19:00
666666666666666666666

作者: little_superman 时间: 2019-1-7 19:02

66666666666666666666

作者: duanshaobo 时间: 2019-1-7 19:06
陕西恒东网络科技有限责任公司陕西恒东网络科技有限责任公司陕西恒东网络科技有限责任公司陕西恒东网络科技有限责任公司陕西恒东网络科技有限责任公司

作者: ruoquan 时间: 2019-1-7 19:11

作者: 梅优良 时间: 2019-1-7 19:13

6666666666666666666

作者: SunYan 时间: 2019-1-7 19:22
666666666666666666666

作者: xiaoheizi 时间: 2019-1-7 19:26

666666

作者: zhaosongzhi 时间: 2019-1-7 19:35

作者: yujq 时间: 2019-1-7 19:40
6666666666666666666666

作者: 1098018910 时间: 2019-1-7 19:54
作者棒棒哒!!!

作者: 黑马程序员啊 时间: 2019-1-7 20:01
谢谢楼主,辛苦了...........

作者: fujiangbo 时间: 2019-1-7 20:13

作者: 举个栗子 时间: 2019-1-7 20:23
黑马666666666666

作者: daoqin 时间: 2019-1-7 20:39

666666

作者: #风萧萧# 时间: 2019-1-7 20:53
谢谢楼主,辛苦了...........

作者: pcdate 时间: 2019-1-7 22:11
6666666666666666666

作者: huochao 时间: 2019-1-7 22:31
6666666666666666666

作者: json0314 时间: 2019-1-7 22:33
好好好!!!

作者: 谢先森 时间: 2019-1-7 22:40
666666666666666666

作者: 零度☆黎明 时间: 2019-1-7 23:27
棒棒哒 ..................... ..................

作者: superbaby 时间: 2019-1-7 23:43
66666666666666666666666666666666666666666666666666

作者: zplxwl 时间: 2019-1-8 00:20
棒棒滴
棒棒滴

作者: 小丹子 时间: 2019-1-8 09:39
你们都是大神

作者: 疯子小花花 时间: 2019-1-8 09:56
棒棒棒！

作者: 茶包哥 时间: 2019-1-8 09:57
作者棒棒哒

作者: yy1134787753 时间: 2019-1-8 10:01
感谢分享

作者: 章鱼顶呱呱 时间: 2019-1-8 10:01
66666666666666666

作者: zhuyanting 时间: 2019-1-8 10:02
偷偷留下这篇帖子

作者: 多喝点热水~ 时间: 2019-1-8 10:06

作者: 温柔一刀！喵！ 时间: 2019-1-8 10:18
辛苦分享，很厉害~！

作者: py@py 时间: 2019-1-8 10:22
感谢分享

作者: 专找bug 时间: 2019-1-8 10:33

谢谢楼主,辛苦了...........

作者: 仙人掌sandy 时间: 2019-1-8 10:45
谢谢楼主,辛苦了...........

作者: 李娟玲老师 时间: 2019-1-8 10:54
66666666666666666

作者: 小公举 时间: 2019-1-8 11:00
感谢楼主的分享祝工作愉快天天开心我们会继续加油的

作者: 760486198 时间: 2019-1-8 11:06
作者好6哒!!!

作者: 兮兮哈哈 时间: 2019-1-8 11:16
6666666666

作者: yangyifen 时间: 2019-1-8 11:59
666666666666666666666666

作者: 18629541359 时间: 2019-1-8 12:47
很到位，谢谢分享!

作者: mydorling11 时间: 2019-1-8 13:14
感谢分享。。。

作者: 王航 时间: 2019-1-8 13:53

666666666666666666666666

作者: 半个程序员 时间: 2019-1-8 14:22

Thanks,
Your friends at GitHub

作者: 你不爱我 时间: 2019-1-8 15:12

作者: 独上兰舟 时间: 2019-1-8 18:12
666666666666666666666

作者: kdhdjdj 时间: 2019-1-9 08:22
666666666666666666666666

作者: 影@子~ 时间: 2019-1-9 15:46
感谢分享

作者: 凯凯小王子 时间: 2019-1-9 16:52
123456789456

作者: 大智叔叔 时间: 2019-1-9 16:59
实用贴收藏了

作者: wangxue123456 时间: 2019-1-9 17:38
66666666666666666666666666666666666666

作者: wangxue123456 时间: 2019-1-9 17:39
66666666666666666666666666666666666666

作者: wangxue123456 时间: 2019-1-9 18:12
6666666666666666666666666666

作者: wangxue123456 时间: 2019-1-9 18:21

66666666666666棒的很，顶顶顶

作者: 就业高冷派 时间: 2019-1-9 21:39

666666

作者: 逆风TO 时间: 2019-1-11 14:18
加油~

作者: 二郎显圣真君 时间: 2019-1-11 14:38
66666666666666666

作者: 致橡树 时间: 2019-1-14 12:05
666666666666666666

作者: hongping 时间: 2019-1-25 11:35

不错不错加油.............

作者: Marse 时间: 2019-5-13 19:00

作者: 逆风TO 时间: 2019-6-4 10:35

从容微笑发表于 2019-1-7 15:59

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:35

ouweina 发表于 2019-1-7 16:19
好厉害，好厉害，好厉害

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:35

淡写薰衣草的香发表于 2019-1-7 16:49

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:35

淡写薰衣草的香发表于 2019-1-7 16:49

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:35

zhanghua342 发表于 2019-1-7 16:49
好腻害哦

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:35

JavaEE风清扬发表于 2019-1-7 17:28
不错不错加油.............

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:35

殷凯老师发表于 2019-1-7 17:37
感谢分享!!!!!!!!!!!!!!

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:36

SharkSSB 发表于 2019-1-7 17:39
文章文采斐然，辞藻华美，语言朴实，文笔清新，情感丰富，人物形象饱满，条理清晰，结构层次分明，情节合理 ...

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:36

耙丫丫发表于 2019-1-7 18:16

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:36

小伙啊发表于 2019-1-7 19:00
666666666666666666666

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:36

little_superman 发表于 2019-1-7 19:02
66666666666666666666

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:36

duanshaobo 发表于 2019-1-7 19:06
陕西恒东网络科技有限责任公司陕西恒东网络科技有限责任公司陕西恒东网络科技有限责任公司陕西恒东网络科技 ...

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:36

ruoquan 发表于 2019-1-7 19:11

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:36

梅优良发表于 2019-1-7 19:13
6666666666666666666

加油，努力，向上

作者: 逆风TO 时间: 2019-6-4 10:36

SunYan 发表于 2019-1-7 19:22
666666666666666666666

加油，努力，向上