本文1.6W字面试准备包含思路以及基础面试题整理，较适用于初、中级前端，另外文末整理了思维导图，可以更加直观的找到你的知识盲区，希望能给你带去些许帮助，助力你找到心仪的好工作。

以下面试题不分先后顺序 1、vue实现双向数据绑定原理是什么？ 2、v-model语法糖是怎么实现的 3、Hash和history有什么区别 4、深拷贝和浅拷贝 5、原型和原型链 6、箭头函数和普通函

在开发组件库或者插件，经常会需要进行全局异常处理，从而实现：\ 全局统一处理异常； 为开发者提示错误信息； 方案降级处理等等。 那么如何实现上面功能呢？本文先简单实现一个异常处理方法，然后结合 Vue

nodejs中获取环境变量；.env文件；dotenv；dotenv-expand；webpack打包时注入环境变量

最近Vue家族再添新丁，petite-vue。 特点 打包后只有5.7k超小超轻。相比竞争对手Alpine.js精简

vue的设计理念是单向数据流，不建议在子组件直接更改父级的数据。 未在父组件data中声明的对象属性，子组件无法获取更新内容。 数组的变化和更新，取决于vue重写数组方法是否有实现数据监听功能。vue有两种观察数组的方法：变异方法(push、pop、shift、unshift、…

布局很简单，就左边内容，右边导航。导航和内容本来可以用 v-for 来生成的，但是为了看起来更简单明了，我就没那么写。先来看看布局效果吧！ 这个时候我们看见的是最顶部的内容，这个文档流的 scrollTop 此时等于 0，让我们把视口往下移一点，也就是滚动一下窗口，查看下面的内…

用最短的篇幅说明白vue中key在渲染时起到了什么作用，以及v-for到底为什么不要用index作为key。 现象是只有当span标签绑定key值的时候才会正常渲染动画，我们得到一个初步结论，当key发生变化的时候视图会重新渲染。如果没有绑定key或者key没有变化，那么vno…

能不移动，尽量不移动。不行就移动，实在不行就新建