- 博客(4)
- 收藏
- 关注
RSS订阅原创 商品、作品列表懒加载 你不知道的懒加载方法
很多作品广场或者商品列表都是滚动到底部然后继续添加数据，我们可以通过判断当前滚动条位置和数据总高度来知道是否需要加载新数据，也可以通过IntersectionObserver来监听指定元素是否到达可视窗口内。IntersectionObserver的作用是监测指定元素是否到达可视窗口内，imgParent就是监听是否到可视窗口的元素，另外它还可以配置一些参数只需要把options放在箭头函数后面即可。
2024-06-21 14:35:34
409
原创 vue横向滚动
开发过程中可能会碰到这样的情况，比如一张特别长的图在不被压缩的情况下屏库视口放不下就会出现横向滚动条，但是有些用户不清楚需要按下Shift加滚轮可以进行横向滚动，就只能按着滚动条进行拖动，这样对于用户体验不是很好。所以，就需要鼠标滚动来进行横向滚动，首先大家可以想到模拟键盘事件 比如鼠标移入后模拟按下shift。但是浏览器是不允许js模拟按下Shift，所以我用到了监听滚动事件进行设置滚动方向以及距离。这里我使用的是vue的自定义属性通过监听这个元素的滚动事件在每次滚动时候横向滚动25px。
2024-06-20 13:10:23
958
原创 Vue的复选框、单选框、下拉菜单数据绑定
复选框需要一个value 和v-model value表示值，v-model表示需要双向绑定的内容。vue的input复选框、单选框的数据绑定。单选框和复选框都需要有一个相同的name。代码是一个调查问卷页面，可以直接使用。
2024-06-19 16:55:13
706
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人