小白小白从不日别

下面是一个利用css和input的一些小技巧，所实现的一个比较炫酷和美观的card卡片 当点击下面的slider时会实现内容的切换 当点击左侧的图片时，图片会铺满这个内容区域，同时内容隐藏，当再次点击

对于数字滚动特效在一些大屏项目里是非常受欢迎的 写在前面 参考：海的对岸 链接：https://juejin.cn/post/7021417758520770596 参考：你可能需要这样的大屏数字滚动

textElpise.vue demo.vue 转载至：https://juejin.cn/post/7254450297467863096#commenttextElpise.vue demo.vu

对于左右菜单联动的需求是很常见的在小程序里，主要表现为： 点击左侧的菜单栏，右侧会切换到对应的内容区域 滑动右侧的内容，左侧会自动切换到对应的菜单项 主要利用的是 scroll-view标签，以及相关

下面将实现的是一个tab栏，当鼠标移动上去时： 若当前是从左向右，那么下划线的宽度就是从左向右从0%增加到100%； 当下划线的宽度是从右向左，那么下划线的宽度就是从右向左从0%增加到100% 需要注

```html Upload File ``` ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ea498d8e08644

```vue ``` ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/60276d47d2e04ed4ad0447f68b

下面封装的一些方式也是比较常用的，但是种类比较多。比较杂，这里就不去对其进行细分，比如有对象的深拷贝、克隆、防抖、节流等等，下面直接将代码放出来即可 第二波

这里主要是封装了一些对时间/日期进行格式化以及人性化处理的封装的一些公共的函数方法，下面就直接上代码