2019年京东前端工程师面试题(附答案)

本次将会以京东前端工程师面试题为例，详细讲解如何准备和应对前端岗面试。

第一步：了解面试整体流程和考察的技能点

在准备面试前，需要先了解面试的整体流程和所考察的技能点，从而根据需要和缺点来进行有针对性的准备。

面试的整体流程一般包括：

1. 自我介绍和岗位广告
2. 聊聊项目和技术栈
3. 问题解答和技术评测
4. 算法/编码能力测试
5. HR面试

而在前端工程师的岗位面试中，考察的技能点一般包括：

1. HTML/CSS/JavaScript基础知识
2. 前端框架和类库的使用和掌握程度
3. 浏览器和HTTP协议的理解和运用（包括网络请求、缓存、渲染等）
4. 网站性能优化和代码优化的能力
5. 解决问题的思路和步骤

第二步：针对技能点和面试流程进行准备

根据上述技能点和面试流程，我们可以制定一些针对性的准备方案：

1. 对于基础知识，可以系统性地复习并按照自身不足或招聘公告要求进行重点针对。比如：精通JavaScript事件模型、熟悉Vue框架、理解页面性能优化等。
2. 对于网络请求、渲染等方面的知识，可以通过一些经典实用的案例和讨论来加深理解和掌握，比如懒加载、CDN加速、垃圾回收等。
3. 对于算法/编码能力测试，可以通过Leetcode、Hackerrank等进行训练和测试。
4. 针对问题解答和解决问题的思路，可以模拟面试场景和问题进行分析和解答，并自我评估提升方法。

第三步：组织材料准备项目介绍和技术栈

在准备面试的过程中，我们还要思考如何对自己的项目和技术栈进行介绍和梳理。

具体步骤如下：

1. 对于项目介绍，制作漂亮的PPT，对项目的目的、背景、重点难点、完成情况和成果进行简洁准确的陈述，搭配页面截图、代码片段和思路图等图文演示，让面试官对自己的项目获得深入理解。
2. 针对技术栈，需要考虑如何呈现自己对技术的态度和表现。可以准备项目中遇到的技术难点和解决方案、对高可用、高并发、安全性等方面的思考和实践，并结合自己的成长历程和研究方向，让面试官全面了解你的技术水平和潜力。

示例一：JS闭包的应用

for(var i=1;i<=5;i++){
  setTimeout((function timer(j){
    console.log(j)
  })(i),i*1000)
}

// 改为
for(var i=1;i<=5;i++){
  (function(j){
    setTimeout(function timer(){
      console.log(j)
    },j*1000)
  })(i)
}

这道题考察了面试者对JS闭包的理解和应用。对于不了解闭包的面试者，建议先复习闭包的基本概念和作用域链的理解。在面试时，可以从以下几点来展示自己的水平和答题思路：

1. 表现自己对闭包的理解和应用：闭包是指一个函数能访问定义在另一个函数内部的变量，这样的变量叫做自由变量。使用闭包的好处是可以隐藏状态和实现函数参数柯里化，但也容易造成内存泄露和变量污染。
2. 进入题目的答题思路，针对题目细节部分进行讲解：setTimeout不能传递带参数的函数，需要使用闭包返回一个匿名函数来代替，保证内部变量和值在特定时间后仍能正确引用。
3. 进一步优化代码，用更高效的方式解决问题：使用立即执行函数并传入当前i值，可以避免变量的污染和混淆，提高代码的可读性和执行效率。

示例二：项目介绍

在面试前，我们需要对自己的项目进行详细的准备和整理，包括项目解决的问题、技术架构、成果评估和对未来的规划等。以下是一个项目介绍的示例PPT：

1. 第一张图是对项目目的和组成部分的介绍，包括前端、后台、数据库、第三方服务等模块，对应不同的技术栈和解决方案。
2. 第二张图是对项目的需求和解决方案的说明，包括生成高精度流量报表、提高推广效果和数据可视化等功能。
3. 第三张图是对项目中的技术瓶颈和解决方案的概括，包括海量数据存储和查询、高并发和多线程优化、流量控制和安全防范等问题。
4. 第四张图是对项目的成果和效益的展示，包括数据精确性、查询速度、推广转化率、用户满意度和市场认可度等维度。
5. 最后一张图是对未来发展和优化方向的展望，包括人工智能和大数据的应用、精益化的开发和测试流程、产品多样性与跨终端体验等。

以上就是面试前准备的完整攻略，关键是从岗位要求和自身优劣点出发，有重点、有策略地进行复习和准备，同时在应对问题时善于表达自己的思路和创新意识。相信通过这样的准备，面试也将较为流畅容易，让自己成为优秀的前端工程师。