近期工作中遇到一个需求——实现一些酷炫的按钮，看到效果图之后，按钮确实漂亮，有弹跳、颜色渐变、扫光、霓虹灯，瞬间激起了我的好奇心，开启了研究实现之路。

1.效果图 鼠标经过卡片高亮展示 底部纹路有过渡光效 2.用css上一个简单的纹路背景 3.用css手搓一个六边形然后v-for循环

2种方式实现页面滚动时，元素缓慢上升效果；第一种通过自定义指令方式实现；第2种通过封装为组件使用(SSR页面中也可正常使用)

在 JavaScript 开发中，细节处理不当往往会导致意想不到的运行时错误，甚至让应用崩溃。来吧，咱们来捋一下怎么做才能让你的代码更健壮，即使后端数据出问题了咱前端也能稳得一批。

1.背景 一开始接到任务需要打印html，之前用到了vue-print-nb-jeecg来处理Vue2一个打印的问题，现在是遇到需求要在Vue3项目里面去打印十几页的打印和下载为pdf，难点和坑就在于

几乎每个前端开发都应该用过这个滑动组件库吧？这就是大名鼎鼎的swiper.js 当然我也不例外，确实非常全面，也非常强大。 不过很多时候，我们可能只用到了它的10%不到的功能，显然是不划算的，也会有性

登录页不用多说，但凡涉及用户的系统，必然少不了登录，Github 上也有很多优秀的后台管理项目，供大家借鉴。那为什么我还要为此特地写一篇文章呢，当然是想督促自己做点不一样的事情。随手拿来的东西，多半不

CSS可以做的事情越来越越多了。 我们经常会碰到这样的场景，很多网页会在右下角放一个固定入口，有可能是返回顶部，有可能广告，为了避免干扰，在页面滚动时，会把这些入口临时收起来，停止滚动后再出现，就像这

1.web-view覆盖层问题 问题由来 web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面。 解决办法 web-view内部使用cover-view，调整cov