笔记来源于课程：https://coding.imooc.com/class/129.html
虽然是几年前的课程了，但是大部分内容如今面试都还是会考到的。 先来几副官方宣传图感受一下：
如何看待面试？什么是面试?
答:面试是测查和评价人员能力素质的一种考试活动。具体地说，面试是一种经过组织者精心设计，在特定场景下，以考官对考生的面对面交谈与观察为主要手段，由表及里测评考生的知识、能力、经验等有关素质的一种考试活动。
根据职位描述列出要点：
PC端+移动端hybrid数据mock前端组件库架构（难度体现：基本功扎实[原生js、css]、其他组件库源码、组件库创建经验）工作经验年限不要去较真追求新技术热点（github最新热门开源项目）html语义化（用合适的标签做合适的事）掌握最常用web标准：eslint。。。考察实际项目经验： 实际过程中遇到过哪些问题？ 架构分析与设计能力（砍掉1-2年只有业务能力的人）：目录结构、复用性、模块化设计、自动化测试、性能监控和异常捕获…现场手写代码，易读、易维护（函数功能单一化，能抽象就抽象）用户体验性考察对产品和业务的整体把控、一点要体现项目过程中的逐步优化grunt和gulp区别注意了解、熟悉、精通。。。H5 手机 App 开发入门：概念篇 - 阮一峰的网络日志
京东金融
页面布局分析常用组件分析页面特效分析（css3、three.js…）通过f12调试页面，看Sources：head发现： 需要兼容哪些浏览器： <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><meta http-equiv="X-UA-Compatible" content="IE=Edge"> 双核浏览器webkit优先：<meta name="renderer" content="webkit">网站性能提升： dns预解析： <link rel="dns-prefetch" href="//static.360buyimg.com"><link rel="dns-prefetch" href="//img30.360buyimg.com"> 看Application发现： Local Storage、Session Storage使用字体文件、自定义字体、字体图标艺龙旅行网
常见控件编写：轮播图、多级导航栏、日期控件可以想想这种效果是怎样完成的 艺龙是使用js计算图片宽度 可以尝试使用纯css实现
老项目，未重构：<html xmlns="http://www.w3.org/1999/xhtml">script标签写在head里，但采用了async，实现异步（外链js异步加载有几种方式？区别？）require.js模块加载机制（传统模块化处理机制有几种？现有框架、ES6是怎样处理模块化的？）、如何配制、与cds的区别模块化机制
jquery模板引擎（handle bar、eds引擎、underscore templete）jquery事件委托、事件代理多余内容：课程、论文题目、中学、题外话、自我评价
node.js：开发业务、上线、错误追踪/监控
把握面试的沟通方向 例：
项目：项目功能（与本岗位的结合点、担任角色、做出哪些成绩）负责人（项目规模、团队人数、具体承担角色[项目/技术]、做出哪些成绩、团队协作、技术配合、技术难点）豁达、自信的适度发挥
实例：
自如谈兴趣、巧妙示实例、适时讨疑问（懂得收放自如、注意场合、never give up）节奏要适宜、切忌小聪明（面对简单题目或是列举类型题目要有耐心，多思考、务实、谦虚）实战：
方向要对，过程要细胆子要大，心态要和确实没做过的事要能现场理出思路，说出个123来，不要当场放弃、要勇于尝试面对未知要积极、必须要有收获