我们公司的导航菜单是动态可配置的，有的页面菜单数量比较多，有的比较少。 由于大多页面菜单都是比较少的，因此当菜单非常多时， 我们采用了朴实无华的滚动条：当横向超出的时候，滚动展示。 但很快，客户

我这的样式外层div的高度设置的500可以自行设置高度下面把滚动加载的方法封装成v-loadmore自定义指令新建loadMore.js页面中使用就简单很多了可以直接使用指令绑定一个方法来调用获取数据

这几天在做商城首页的商品列表，商品卡片的数量很多，如果一次性加载那么多，加载较慢，而且用户体验不好。所以使用鼠标无限滚动加载效果更好。 实现滚动加载的方式有很多，有现成的组件 InfiniteScroll，但是一些非主流浏览器无法触发，还是自己动手写一写吧。 使用时，因为基于文…

该项目采用微服务架构，实现了前后端分离的系统设计。在前端，我们选择了 Vue3 配合 TypeScript 和 ElementUi 框架，以提升开发效率和用户体验。

前言 多行文本超过指定行数，进行文本截断并显示省略号，并通过展开和收起来控制是否显示全部内容，这个功能很常见，实现方式也有很多种，那么我来整理一下我知道的几种实现方式，代码实现是基于Vue3。 省流

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

因为 ant design vue 没有 ant design 的 <image> 标签，所以图片没办法预览，对上上传的图片预览也是简单粗暴的地使用一个model完事，所以必须自己写图片预览，或者找个图片预览的插件，通过对比，发现 v-viewer 挺好的（ 插件效果…

2020年9月18日，vue3正式版发布了，前几天把文档整体读了一遍，感触很深，可以解决我项目中的一些痛点，于是就决定重构之前那个vue2的开源项目。 本篇文章就记录下重构vue2项目的过程，欢迎各位感兴趣的开发者阅读本文。 本来打算使用vite + vue3 + VueRou…

随着前端的不断发展，更多新的 CSS 属性不断加入提案，本文列举 7 个不常用但很有用且你见过也可能没见过的 CSS 属性，带大家领略 CSS 之美。