- 博客(7)
- 收藏
- 关注
RSS订阅原创 vue3项目中 路由elementPlus当中的标签页结合封装
在项目当中大家应该都有看到过，像标签页一样的面包屑吧，接下来我为大家介绍一下，主要组成部分：路由+组件库的标签页。ok就这么easy！它实现的方法也不难哦。ok啦，今天就分享到这里吧，加油！
2024-05-29 09:57:54
726
原创 vue3优化性能虚拟列表组件的封装
在我们渲染真实数据的时候，很有可能上万条数据，如果我们都将他们渲染到我们的页面的页面当中，思考一下，他们是多么大的一个工程，大大影响到了我们项目的性能，这时候，我们就可以封装一个虚拟列表的组件，只有当到了可视化区域，这个位置的数据显现出来，这时候呢，就大大优化了我们项目的性能。当然了，我这里只是一个最基本的组件封装，样式可能有些差，所以呢，大家要想改样式，也是挺好修改的，以下是源码，供大家参考，希望对你有帮助！ok，今天就分享这么多啦，有好东西还会与大家分享的！哦豁，大家一起加油吧！
2024-05-27 14:42:23
373
原创 项目当中实用的圣杯布局（flex）
圣杯布局：就是在我们前端开发当中的很常见的一种布局方式，就是三栏布局，在变动浏览器窗口大小的时候呢，是不会改变边的宽度，中间的自适应，也就是跟着窗口大小进行伸缩。今天的给大家分享一个简单实用的圣杯布局，我呢，采用的是flex 弹性布局来实现的，我觉得这是我发现代码量最小的一个圣杯布局方式，所以我来给大家分享一下。兄弟们，有不懂的地方随时可以问我啊！长话短说，进入正题！
2024-04-26 10:01:21
371
1
原创 项目小实例，纯css，实现全屏滚动
在div当中设置scroll-snap-align：start 属性来实现，在实际开放当中很实用。全屏滚动，主要原理是通过 scroll-snap-type: y mandatory;mandatory强制滚动。
2024-04-25 15:09:15
227
1
原创 项目当中小实例，小球围绕大球旋转
样式可能有点小丑，但是呢，挺实用的，里面参数什么的都可以更改，下面是一个进阶版的响应式，如有需要请联系小弟，希望这串代码能给大家带来用处，如果有不懂的，或者有想法的，都可以联系作者，一一解答。解析：主要是通过在内层定义一个正方体旋转，然后在里面设置一个圆，来实现小球的定位。通过vue3前端框架来搭建的页面！大家一起加油努力吧！
2024-04-23 10:55:09
501
1
原创 【无标题】vue项目当中的小案例(顶部导航栏下拉变换样式)
例子：vue3中使用js原生监听滚动条实现导航栏dom元素，使用的vant当中icon图标。小萌新一个，第一次分享一下项目当中的小技巧，希望对你有所帮助。
2024-03-20 21:11:15
259
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人