屋頂的貓

2021 高频前端面试题汇总之Vue篇，前端面试题汇总系列文章的Vue篇，长期更新，欢迎收藏、点赞！

$router和$route的区别 Vue Router是Vue.js的路由管理器，路由就是SPA单页应用的访问路径，在Vue实例内部，可以通过$router访问路由实例，即在路由定义文件中expor

data为何以函数形式返回 在使用Vue构建组件化应用时，每个组件的data属性都是以函数形式返回的，这主要是在组件化实现的时候，每个实例可以维护一份被返回对象的独立的拷贝，而不是共享同一个对象的引用

Context与Reducer Context是React提供的一种跨组件的通信方案，useContext与useReducer是在React 16.8之后提供的Hooks API，我们可以通过use

Hooks与普通函数的区别 在这里的Hooks具体指的是自定义Hooks，自定义的Hooks与我们定义的普通函数类似，都可以封装逻辑，以实现逻辑的复用。Hooks实际上是一种特殊的函数，而由于Hook

CSS3新特性 CSS3是最新的CSS标准，旨在扩展CSS2.1。 圆角 通过border-radius属性可以给任何元素制作圆角。 border-radius: 所有四个边角border-*-*-r

`CSS`的长度单位主要有`%`、`px`、`in`、`cm`、`ch`、`mm`、`ex`、`pt`、`pc`、`em`、`rem`、`vw`、`vh`、`vmin`、`vmax`，按照单位的计算方

CSS盒子模型 所有的HTML元素都可以看作是一个盒子。   将盒子模型拆分，则包括 外边距+边框+填充+内容。   显得专业一些，box model = margin+border+padding+

CSS实现渐隐渐现效果 实现渐隐渐现效果是比较常见的一种交互方式，通常的做法是控制display属性值在none和其它值之间切换，虽说功能可以实现，但是效果略显生硬，所以会有这样的需求——希望元素消失