又到了金九银十季，最近我也是奔波于各种面试。我自己总结整理了很多方向的前端面试题。借着国庆这个假期，也把这些题目总结分享给大家，也祝正在面试的朋友们能够拿到满意的offer。

动态路由是一个常用的功能，根据后台返回的路由json表，前端动态显示可跳转的路由项，下面来讲解一下具体的实现方式

深入了解前端路由 hash 与 history 差异 前言 没了解这两种路由前，不管是 vue还是 react 在项目创建时难免会进行路由之间选择,在 hash 和 history 难免会纠结一番

介绍了前端性能分析工具，也介绍了包分析工具，还进行了项目优化实战，对第三方库进行按需引入，开启gzip压缩配置，进行代码分割等等，尽量减少构建包的大小，提升页面渲染速度。

其中include可以是个数组，数组内容为路由的name选项的值。 hash: 兼容所有浏览器，包括不支持 HTML5 History Api 的浏览器，例http://www.abc.com/#/index，hash值为#/index， hash的改变会触发hashchang…

v-model是vue的标志性语法之一。你知道为了让我们写着爽，尤老祖做了哪些脏活儿吗？不看不知道，一看就知道。

vue页面白屏的原因及优化 路由懒加载，组件懒加载 CDN 资源优化 gzip 加速优化 vue.config.js中关闭map文件，能减少好多map文件 SSR服务端渲染 首页加骨架屏

vue路由懒加载及组件懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载 异步组件实现懒加载 ESimport

动态路由（动态菜单）的开发规范 路由（router）的数据结构 上面是前端项目最基本的路由结构，而唯一缺点就是，路由完全写死的.