无限滚动

IntersectionObserver API详解

过去，要检测一个元素是否可见或者两个元素是否相交并不容易，比如实现图片懒加载、内容无限滚动等功能时，都需要通过getBoundingClientRect()写大量的逻辑计算或者依靠scroll事件监听等性能很差方式来实现
一贱你就笑～·2023-04-20 00:23

vue.js实现带表情评论功能前后端实现 （滚动加载效果）

学习链接vue.js实现带表情评论功能前后端实现（仿B站评论）实现在vue项目中通过滚动条来滑动加载数据IntersectionObserver与无限滚动加载效果图每次加载2条数据思路要实现滚动加载，就是当滚动条滚动到底部的时候
ps酷教程·2023-04-16 08:50

React 项目常用插件

html-escaper:将已经转义的htlml还原为原来的内容组件类react-datepicker：一个简易的Web日历日期选择器react-infinite-scroll-component：移动端无限滚动加载
長风先生·2023-04-16 02:57

IntersectionObserver与无限滚动加载

IntersectionObserverMDNApiIntersectionObserverAPI详解Intersectionobserver的概念和用法过去，要检测一个元素是否可见或者两个元素是否相交并不容易，比如实现图片懒加载、内容无限滚动等功能时
ps酷教程·2023-04-15 03:22

无限滚动还是分页

但很多设计师分不清什么时候用无限滚动，什么时候使用分页，二者有什么异同，优劣势分别是什么，本文将给大家一一说明。
J_WongH·2023-04-08 02:43

Vue+Element-ui无限滚动应用>

效果图：scroll.gif之前用的时Mint-ui里面的下拉滚动加载，现在Element-ui在2.10.1版本中也有了无限滚动加载，这边告诉大家如何应用到项目当中，也告诉大家有哪些坑。
誰在花里胡哨·2023-04-06 18:44

MVP RecycView 无限滚动 思路代码

==============Main里================```publicclassMainActivityextendsAppCompatActivityimplementsMyView{privateRecyclerViewmMainRec;privatePresenterimplpresenterimpl;privatestaticfinalStringTAG="MainAct
鲸鱼飞鸟·2023-04-06 15:23

angularJS2 滚动条滚动加载更多数据

然后在网上找了一段时间，终于找到了一款无限滚动加载数据控件angular2-infinite-scroll。
蓓蓓24·2023-03-31 07:37

项目问题集（五）——无限滚动

UI视图.pngUI节点.pngGrid脚本.png这是一个场景的NPC搜素功能，由于后期NPC的数量可能会比较多，所以不能采用创建加载的方法来实现这个功能，想了想，只能采用无限滚动的方式来实现。
d546d748d718·2023-03-28 10:46

原生+React实现懒加载(无限滚动)列表方式

目录应用场景效果预览思路剖析原生代码实现迁移到React总结应用场景懒加载列表或叫做无限滚动列表，也是一种性能优化的方式，其可疑不必一次性请求所有数据，可以看做是分页的另一种实现形式，较多适用于移动端提升用户体验
·2023-03-25 00:04

Element-UI 滚动加载 InfiniteScroll 无限滚动

把加载的数据存放到一个有滚动条的盒子里，因为这个功能主要是根据滚动条滑到最底部进行加载，反之就会出现一直加载，直到数据加载完毕为止。infinite-scroll-immediate是否立即执行加载方法，以防初始状态下内容无法撑满容器。默认为是，记得选否。(vant滚动加载+下拉刷新，改变筛选条件时重新渲染数据，容易出现重复加载，:immediate-check="false"是否在初始化时立即执
ForeverYoung_06·2023-03-20 21:30

简单无限滚动的实现

在使用elementUI组件库的时候，用到了无限滚动这个功能。我没有看源码，直接在网上学习了下实现的思路，然后自己手动编码以下。在此总结下。假设页面上有一个盒子容器，容器内有一些子元素。
frank_松·2023-03-20 13:20

v-infinite-scroll无限滚动遇到的坑

{{item}}exportdefalut({data(){return{loading:false,list:[]}},methods:{loadMore(){this.loading=true}}})填坑1.重复加载。初次进入列表页，会加载两次或者多次数据造成重复加载的原因，罪魁祸首是infinite-scroll-disabled，在loadMore方法里有一句this.loading=tr
铲事官·2023-03-16 08:23

js实现-新闻间歇性向上无缝滚动

功能预览参考js实现-新闻间歇性向上无缝滚动,实现在vue中新闻列表的无限滚动，代码如下assets.htmlHelloMUI{{item}}.最新版本已上线，请更新assets.jsvarvm=newVue
切图仔的成长之路·2023-03-14 22:53

关于页面无限滚动思路

背景最近项目已经部署到客户环境中，客户也在进行各方面的功能测试，其中测试到一个页面时，发现了一个问题：业务是这样的：进入终端的设置页面需要进行频道的各个方面的设置。有频道号码的修改，频道的排序。由于此处的频道数据较多（>1000个），现在实现方案，是一次性全部加载出来。致使浏览器在渲染时，会出现渲染时间较长的问题，体验极差！并且每次修改数据都会重新加载页面数据，第二个问题就会暴露的更为严重。解决方
FantasyYoung·2023-03-12 05:15

《Ajax科普入门》用Ajax写个经典影视台词网易云评论无限滚动，上传小姐姐图片并实时查看上传进度

Ajax的为何而诞生？在互联网刚诞生的时候，网页显示内容是固定的，想要获取最新的内容，就要刷新网页。为了让提升用户体验，微软在IE5中引入了XMLHttpRequest，简称XHR，XMLHttpRequest的出现，可以让网页无需刷新，即可从服务器获取最新的内容，这项技术也就是所谓的Ajax手写一个最简单的Ajax将以下代码放入浏览器开发者工具中运行即可获得运行一个ajaxfunctiontes
zhaoolee·2023-02-18 03:17

vue 支持百万量级的无限滚动组件详解

无限滚动就是解决这种场景更好的技术手段而今天就是给大家分享一款可以承受百万量级数据的无限滚动组件vue3-infinite-listv
·2023-02-18 01:58

微信小程序无限滚动列表

先放效果图效果图代码截图wxmljsjs代码解释主体html其实东西很少，主要分为两部分：一个主体的view和一个长内容的scroll-view；当前项的内容都放置在scroll-view内，只有在scroll-view滚动到底部时，才会触发外层的上拉滚动；监听touchstart和touchend也只是为了区别用户是否上拉足够的距离，如果距离不够的话同样也不会触发滚动；scroll-view内s
寿木·2023-02-06 06:59

vue下拉、上拉和无限滚动组件

vue插件[email protected]@1.0.4一个集成了下拉刷新、上拉加载、无限滚动加载的Vue组件。
一只野生前端·2023-01-30 05:01

vue - 中级无限滚动 alloytouch

问题在上一篇文章初级无限滚动我们介绍了无限滚动的思路和方法，但是有个明显的问题，当我快速上滑的时候是没有实现惯性的效果。
Petricor·2023-01-28 01:56

vue项目封装并发布无限滚动指令优化渲染性能的npm模块

曾经在前端之巅看过这么一篇文章，标题是《网站性能优化实战——从12.67s到1.06s的故事》，当时我就纳闷了，哪来的网站首屏需要加载12秒，而且怎么做到这么极致的优化的？果然过了几天，接手了一份祖传代码，运行后发现项目奇卡，渲染也不是一般的慢，除了谷歌和火狐，其他浏览器一律崩溃。亚马逊的工程师形容说他们的祖传代码:“一座很大的屎山，你见过的最大的山，每次你想修正一个bug，你的工作就是爬到屎山的
MsgSS·2023-01-26 22:17

使用 GraphQL 无限滚动

这个过程被称为无限滚动。想象一下，您正在浏览地球上每个人的姓名列表。尽管该列表并非完全无限，但确实感觉如此。您的浏览器可能难以处理从GraphQL服务器抛出的超过80亿个项目的列表。这就产生
pxr007·2023-01-15 00:33

ahooks useInfiniteScroll源码解析

目录简介实现原理具体实现简介useInfiniteScroll封装了常见的无限滚动逻辑。
·2023-01-13 02:16

python爬取动态加载页面,selenium实现滚动到底

selenium实现无限滚动、循环滚动到底这是我自己更新的代码，我发现一个小问题，尽管拖拽了页面到底部不再加载了，但是我请求返回的数据还是最初没有（点击加载）的页面的数据，获取不到动态加载后
Zionnnnnnnn·2023-01-06 14:41

推荐iOS开源轮播组件

特性1：无缝无限循环滚动我相信每一个想要自己写这个无限滚动显示广告图片的开发者，都会遇到这么个问题：滚动到最后一张后，再切换到第一张时怎么动画效果这么难看呢？根本就是到末尾后就直接切换到
·2022-12-21 17:52

iOS Swift UIPickerView 使用记录

iOSSwiftUIPickerView使用记录（制作时间选择器）UIPickerView的使用一些基本应用（苹果官方手册中）UIPickerView的中间选择框问题UIPickerView的两边列弯曲问题Row选项无限滚动问题时间选择器中时间的回溯
一定要这样吗丶·2022-12-07 08:30

chrome 恐龙 html源码,Chrome 小恐龙游戏源码探究二 -- 让地面动起来

这一篇文章中，将实现效果：1、地面无限滚动。2、刚开始地面不动，按下空格后地面滚动。地面无限滚动要实现地面的移动就要不断更新地面的x坐标。
weixin_39636609·2022-11-23 14:40

el-Collapse 折叠面板中嵌套 el-table

el-Collapse折叠面板中嵌套el-table这个是el-collapse中嵌套el-table，并且可以在页面中实现无限滚动。
foursecond·2022-11-10 12:59

通用feeds组件封装技巧

前端交互中，无限滚动feeds流是最常见的交互形式，常见的feeds功能上基本都包括兜底、接口请求、报错提示、刷新、feeds卡片排列规则等。
阿里巴巴淘系技术团队官网博客·2022-11-07 09:28

Flutter开发Widgets 之 PageView使用示例

目录构造方法以及参数：基本用法无限滚动实现指示器切换动画总结：构造方法以及参数：PageView可用于Widget的整屏滑动切换，如当代常用的短视频APP中的上下滑动切换的功能，也可用于横向页面的切换，
·2022-10-08 19:46

如何实现骨架屏效果？

首先思考如何实现思考实现方式骨架屏的原理是在数据没加载出来的时候，使用滚动的背景颜色去替代，等到加载完毕后则显示对应内容那么我们的核心就是实现一个.skeleton的样式，当这个样式出现的时候，就通过animation去开启一个背景色无限滚动的动画
前端开发小陈·2022-09-21 18:25

ajax+js 下拉无线滚动分页案例-灯饰网

复制代码即可使用具体代码如下MOCK.js下拉无限滚动/**::-webkit-scrollbar{display:none;width:0px;height:0px;}*/.flex-fsfs{display
瞳中的云·2022-09-16 14:48

【UN-JS-工具类】懒加载的实现 -- 两种方式 --- 一种5行JS实现懒加载

lazyLoad-scroll-getBoundingClientRect-SAM9029lazyload-IntersectionObserver-SAM9029进阶–利用getBoundingClientRect实现图片的无限滚动加载
Sam9029·2022-09-13 22:31

Android实现横向无限循环滚动的单行弹幕效果

实现思路分析要实现上面的效果，我们先拆分下实现要素：1、弹幕布局是从屏幕的右侧向左侧滚动，单个弹幕之间的间距是固定的（设计要求）2、弹幕要支持无限滚动，出于性能要求，如果不在屏幕内的，应该移除，不能无限追加到内存里面
·2022-09-05 11:10

大家都能看得懂的源码之ahooks useInfiniteScroll

简介useInfiniteScroll封装了常见的无限滚动逻辑。详细可看官网注意：这里的无限滚动指的是常见的点击加载更多或者说下拉加载更加功能，而不是虚拟滚动，虚拟滚动后面会讲到。
·2022-09-04 19:47

大家都能看得懂的源码之ahooks useInfiniteScroll

简介useInfiniteScroll封装了常见的无限滚动逻辑。详细可看官网注意：这里的无限滚动指的是常见的点击加载更多或者说下拉加载更加功能，而不是虚拟滚
前端Gopal·2022-09-04 18:00

微信小程序瀑布流和虚拟列表

这个名词听起来很高级，其实原理很简单虚拟列表就是将需要渲染的数组数据改造成二维数组，然后通过监听DOM节点在合适的地方切换为占位元素，达到长列表无限滚动时减少DOM渲染的优化JS/***处理占位元素，就是在
·2022-08-22 09:02

微信小程序实现数字滚动动画

本文实例为大家分享了微信小程序实现数字滚动效果的具体代码，供大家参考，具体内容如下效果图实现思路1、为了实现数字的无限滚动效果，每个数字框的内部，其实包含了两组0~9的view，每个View的高度都一样
·2022-07-18 18:59

微信小程序实现瀑布流分页滚动加载

在点击了按钮之后才会触发调取数据的接口，这种方式的用户体验一般另一种分页效果不需要用户点击按钮，只要浏览到当前页面的后几条数据时，系统会自动发送请求获取后一页的数据，并展示到页面上，这样就可以实现类似无限滚动的效果以
智慧包·2022-06-03 20:46

基于vite2+vue3制作个招财猫游戏

目录介绍演示正文游戏分析招财动画素材加载条带生成无限滚动中奖判定纸屑飞舞结语介绍端午将至，大家都开始吃粽子了么，你是喜欢吃北方的甜的红枣粽？还是南方的大肉粽呢？
·2022-05-27 09:03

直到页面内存撑爆了，才让我领略了算法的重要性

于是我把项目中使用的antd3的TreeSelect组件，升级到具有无限滚动加载功能的antd5版本，始终只渲染10条数据，按理说页面卡死的问题应该就消失了。结果页面操
卡卡的Java架构笔记·2022-05-21 15:29

基于Vue实现卡片无限滚动动画

目录概要设计详细设计进阶功能功能分析概要设计详细设计完整代码概要设计设置css的animation在适当的时间点重置动画来现实视觉上无限滚动的效果。
·2022-05-07 19:42

[JS] 实现网页指定区域导出PDF

2、有底线，不是无限数据，不是无限滚动。3、数据是懒加载的，只有子模块滚动到可视区域才会发送子模块内的请求，加载新数据。现在要在上面的业务场景中导出内容区的PDF。
·2022-04-22 10:53

vue - 初级无限滚动

问题之前做过一个关于闯关的项目，一个分类里面都有600个小关卡，用户需要滚动选择关卡，为了能让页面看起来很好看，所以就做了个无限滚动的页面。
Petricor·2022-04-18 15:09

基于Vue3实现列表虚拟滚动效果

目录前言完成效果思路和需要解决的问题vue3+setup写的组件使用组件前言近期在做一个网页播放器项目中，用到很多需要展示歌单的列表一个歌单动辄千百首歌曲，页面中的元素太多导致热重载的时候chrome直接崩了于是无限滚动列表提上日程写的有点乱
·2022-04-15 10:03

[性能优化] 为虚拟列表增加离屏渲染和缓存

背景在之前的一篇关于无限滚动优化的文章中，我们使用了虚拟列表来改善用户体验，并取得了不错的效果。本篇是后续，在虚拟列表中的图片缩略图增加离屏渲染和压缩缓存的能力，作为功能增强。
·2022-04-13 19:20

解决Unity无限滚动复用列表的问题

目录无限滚动复用列表前言设计思路关键基类1.ScrollData2.ScrollView3.ScrollItem测试类1.添加20组数据2.回到顶部3.回到底部坑点1.ScrollView回滚设置延迟；
·2022-04-02 14:45

一个支持百万量级的vue3无限滚动组件

什么是无限滚动组件当我们的列表页有几百万条数据的时候应该怎么办呢？分页也许不是最好的体验方式，无限滚动就是解决这种场景更好的技术手段。
·2022-03-28 00:33

图片懒加载与无限滚动 - IntersectionObserver

IntersectionObserver实现图片懒加载与无限滚动背景图片懒加载和滚动加载数据的需求一直存在，比较常见的方法是监听页面或者容器的滚动事件，实时计算节点与容器边界的关系，以实现不同的加载逻辑
·2022-03-25 16:13

防抖与节流

用户向下滚动无限滚动页面，不能说需要
·2022-03-16 11:17
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他