![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 75
圈点Studio
一二、一二
展开
-
瀑布流布局的实现
做了一个图片管理系统,由于图片的高度不一,需要瀑布流布局。文章目录先看效果技术需求固定数据动态数据防抖节流防抖常见错误js闭包先看效果技术需求HTML、javascript、数学固定数据js函数是我参照其他网页的布局效果想出来的,这里我们先采用固定的列数来进行分析。首先我们假设会有5列的图片,这样每行最多就会有5张图片。我们将父容器的position设置为相对定位,图片的位置设置成绝对定位,然后在图片加载完成后js遍历修改图片的位置。function rePosion(){ //原创 2022-01-08 23:34:56 · 704 阅读 · 1 评论 -
VUE自定义分页器组件
vue/cli框架撸一个分页器组件,非常的好用,快来领取吧。文章目录视频教程预览源码视频教程B站直通车预览这是调取组件后传入总页数20,显示4页的效果。源码源码请到源码链接源码仅供学习和参考,请勿直接使用。源码里的前进后退按钮我用用了iconfont所以在使用时需要替换一下。参数:参数类型默认值描述totalnumber/string5总页数show-pagenumber5展示页数事件:自定义事件描述curre原创 2021-12-10 17:44:47 · 918 阅读 · 0 评论 -
一句话解释Vue
我们更新了应用的状态,但没有触碰 DOM——所有的 DOM 操作都由 Vue 来处理,你编写的代码只需要关注逻辑层面即可。原创 2020-12-09 17:48:32 · 139 阅读 · 0 评论