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

这个案例代表了超高的css水平，这样的一个文字交融效果，你能否一眼看穿他的原理呢？ 我是渡一子辰老师，接下来让我来带你分析文字交融效果的实现原理

🍃 用CSS实现高斯模糊效果：高斯模糊是一种常见的效果（俗称毛玻璃效果），在CSS中使用filter、backdrop-filter属性均可实现～

 mounted（）：中nav获取到页面模块距离顶部的高度，在利用gettop方法去页面滚动时候到达的滚动高度做比较，改变导航栏样式注意：最后出来的结果侧边栏也可点击按钮实现页面模块到达顶部 

侧边栏导航也称电梯导航，通常悬浮在页面侧边作为页面目录进行使用。 主要功能 主要实现的功能有两点：点击侧边栏导航滚动到页面指定位置，页面滚动到指定位置时，侧边栏自动定位

很有幸，将自己有使用过的，也是标准组件库里可能没有的组件封装成了一个小小的组件库，没想到start数破百了，vue-gn-components，接下来就是一步步丰富这个项目了~。期待大家的start~，这也是我持续丰富这个组件库源源不断的动力！ 首先第一个添加的是一个拖拽组件，…

需求如下：要实现一个菜单拖拽排序的需求，通过配置项决定是否可以跨越父级菜单拖拽思路：设置元素draggable为true，并添加dragend、drop事件贴代码：

我用的是vue-slicksort拖拽组件，这是一个功能强大的可拖拽的vue.js组件。 它可以自动滚动，锁定坐标系。支持拖拽时，流畅的动画效果。可以支持水平，垂直或者网格的拖拽。支持触摸。

最近在学习Vue，边做个小demo边学习。其中有一个小功能需要使用到拖放，顺便还学一下拖放。拖放是HTML5的标准，对着教程在普通的页面上很容易就实现了，但是vue中基本都是数据驱动