一个菜鸟前端1

结合Vite、Vue3搭建的小程序、H5开发模板，旨在开箱即用、快速开发！ ⚡️uni-app, Vue 3, Vite, pnpm 📦 组件自动化引入 🍍 使用 Pinia 的状态管理

瀑布流的介绍 瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。 特点： 固定宽度 参差不齐的布

实现定高、不定高的瀑布流虚拟列表组件，分享实现过程和思路，实现小红书首页的瀑布流虚拟列表效果并进行计算加载优化。

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，

效果图 分析 一个带圆角的矩形 + 左右对称的不规则图形（一个小矩形分别去掉一个圆角），利用伪元素 ::before ::after 和 box-shadow 阴影实现。 代码结构 1. 顶部圆角实现

当我们需要展开项的时候,可以给table组件加个属性.就能设置展开 然而在工作中.我碰到的问题是,当点击第一个+号时,所有的展开项都展开了.例如这样 最后排查出来 发现是因为table中的数据,我是调

抖音的小圆球加载效果相信大家都见识过，也对其中的实现原理应该有一定的好奇心吧，下面就让我带大家来探索一下小圆球加载效果的实现原理吧。 要实现两个小圆球，我们可以思考两种方案的实现，第一种就是css方案

在 TypeScript 项目中，TypeScript 对接口返回数据的处理，是日常项目开发中一个比较棘手的问题。 我们该如何 高效 的解决这个问题呢？

本项目技术栈vite、vue3.4、pinia、vue-router4、axios、elementPlus、echarts，基于多方考虑，不上TypeScript，其实也是懒。