记录细小第十八天（面试总结）

[soulJF999]

1.vue-router的钩子函数有beforeRouteEnter，beforeRouteUpdate，beforeRouteLeave 2.keep-alive是vue内置的一个组件，可以使包含的组件保留状态，或避免重新渲染；include-字符串或正则匹配，只有匹配的组件才会被缓存；exclude-字符串或正则匹配，任何匹配的组件都不会被缓存;实现前进刷新，后退不刷新 3.webpack构建流程分析

• 根据配置，识别入口文件
• 逐层识别模块依赖（包括commonJS、AMD、ES6的import等，都会被识别和分析）
• Webpack主要工作内容就是分析代码、转换代码、编译代码、最后输出代码
• 输出最后打包的代码

webpack构建原理

• 初始化参数：解析Webpack配置参数，合并Shell传入和webpack.config.js文件配置的参数，形成最后的配置结果
• 开始编译：上一步得到的初始化compiler对象，注册所有配置的插件，插件监听Webpack构建生命周期的事件节点，做出相应的反应，然后执行对象的run方法开始执行编译
• 确定入口：从配置文件（Webpack.config.js)中指定的entry入口，开始解析文件构建AST语法树，找出依赖，递归下去
• 编译模块：递归中根据文件类型和loader配置，调用所有配置的loader对文件进行转换，再找出该模块依赖的模块，再递归本步骤直到所有入口依赖的文件都经过了本步骤的处理
• 完成模块编译并输出：递归完后，得到每个文件结果，包含每个模块以及他们之间的依赖关系，根据entry配置生成代码块chunk
• 输出完成：输出所有的chunk到文件系统

4.cdn 通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。目的：提高用户访问网站的响应速度和成功率 5.react native兼容性 lineHeight，android的modal组件需要hack，backgroundImage和状态头的适配