chenxuan0000
原创
2023-03-15 00:03:50
549阅读
这两天刚学了大图滚动和Tween算法，感觉学到的不仅仅是效果，更多的是编程的思想。
大图滚动实际上就是一个moveTo（s,e,callback）的函数来回使用，这个moveTo（s,e,callback）的函数主要作用告诉起点和终点还有scrollLeft++还是top++就可以让图片从起始位置运动到终点，根据这个函数就可以写出：1.点击第几张运动到第几张，点左左运动，自动滚动，都
原创
2012-10-08 17:42:35
680阅读
源码地址 https://github.com/ustbhuangyi/better-scroll.git 原生滚动 .hello { overflow-y: scroll; } BetterScroll <script> import BetterScroll from 'better-scrol ...
转载
2021-07-20 11:00:00
817阅读
2评论
来一个滚动显示数据的插件 https://chenxuan0000.github.io/vue-seamless-scroll/zh/ 感觉这是我用的相对来说比较好用的滚动插件了，用法很简单，按照说明来就可以了。 这是我用了之后的效果。 实际用上还是蛮流畅的，不像动图一样一卡一卡的。
原创
2022-06-23 12:49:37
847阅读
vue-count-to就是一个组件插件，咱们引入进来，可以去打印一下，它就是一个组件实例，使用components注册一下，就可以在模板中使用了，具体方式如下。
原创
2022-07-17 00:18:56
1738阅读
在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了。 以滴滴为例，可以是这样竖向滚动的列表，如图所示：也可以是横向滚动的导航栏，如图所示：可以打开“微信 —> 钱包—>滴滴出行”体验效果。我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。什么是 better-scrollbetter-scroll 是一个移动端滚动的解决方案，它是基于
转载
2023-12-14 05:26:21
123阅读
<script> import BetterScroll from 'better-scroll' export default { name: 'HelloWorld', data() { return { msg: 'Welcome to Your Vue.js App', scroll: nu ...
转载
2021-07-20 21:30:00
891阅读
2评论
当前版本 "better-scroll": "^2.4.1", scroll事件 滚动的实时坐标(与probeType属性有关) <script> import BetterScroll from 'better-scroll' export default { name: 'HelloWorld'
转载
2021-07-20 19:17:00
431阅读
2评论
一、路由跳转 在main.js需要配置全局样式import '@/assets/css/global.css' 二、路由传参第一种router.jsroutes: [
{
path: '/course/:id/detail',
name: 'course-detail',
component: Co
目录 介绍下载引入使用 配置项事件refresh/load介绍Vuescroll 一个功能强大，有多种模式的基于Vue.js的滚动条插件，它的原理是创建 div 用于包裹要滚动的内容，操后操作容器的样式或者scrollTop或scrollLeft完成内容的滚动。设计它的目的是用来美化和增强你的滚动条。你可以通过更改配置来选择不同的模式:
native 模式: 类似于原
转载
2024-01-12 15:07:10
65阅读
链接：https://pan.baidu.com/s/1oBkjkC34jbPSp6eDxxJCtg 关注回复002获取网盘码
原创
2021-07-07 17:25:30
296阅读
现在，当你运行项目时，你应该可以看到一个从 1 滚动到 100 的数字效果。你可以根据需要调整动画时长、起始数字和结束数字。为了实现 Vue3 大屏数字滚动效果，我们可以使用 Vue3 的自定义指令和 CSS 动画。
原创
2024-01-21 00:26:11
1797阅读
1.v-charts真的不错的一个图标插件,它是在echarts基础上二次封装而来,不管从调用和使用来说都比较方便.唯一的美中不足就是官方文档是真的忒少了.。不是知道他们怎么想的，不多说咱们直接上干货。2 我们在写项目的时候通常只会用到图表中的某一个，全部引用的话太消耗性能了，所以我们考虑按需引入的方式，可以参考v-chats官网可以自定义调用的位置,反正我是放在这边的,下面是charts.js里
转载
2024-03-20 14:07:06
1288阅读
# Android 自定义ImageView 大图滚动
在开发Android应用程序时，我们经常需要显示大图，比如地图、长图或高分辨率图片等。然而，直接将大图加载到ImageView中可能会导致内存溢出或应用程序崩溃的问题。为了解决这个问题，我们可以通过自定义ImageView来实现大图的滚动显示。
## 实现原理
自定义ImageView的实现原理主要是通过将大图分割成多个小块，然后根据用
原创
2023-10-04 08:21:42
75阅读
终于忙完手头上的工作了，难得有时间再唠叨一篇博客。在刚刚处理完的项目需求中，有一个小需求是客户要求查询出的所有数据一屏显示，如果显示不全，要做成可以左右滑动查看的形式（PS：原来的布局仅仅是一个ListView，然后显示几个重要数据，类似于数据表格）。既然客户要求了，那咱作为程序猿的就得赶紧实现啊（相信很多程序猿小伙伴都有这种经历，需求一遍一遍的提，一遍一遍的改，今天这
因为项目是前后端不分离，百度搜了一圈暂时没有找到其他解决方法，都知道随着数据体量变得越来越大一次加载几K，几W条数据随处可见，大量渲染dom节点，消耗内存耗性能，渲染十分的慢，而且常规分页加载懒加载是解决不了问题的！1、解决方案:虚拟列表2、什么是虚拟列表虚拟列表就是只对可见区域进行渲染，对非可见区域中的数据不渲染或部分渲染，以实现减少消耗，提高用户体验的技术。它是长列表的一种优化方案，性能良好。
转载
2023-07-14 14:20:13
162阅读
1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先，在mounted钩子中给window添加一个滚动滚动监听事件，mounted(){window.addEventListener('scroll',this.handleScroll)},然后在方法中，添加这个handleScroll方法handleScroll(){varscrollTop=window.
原创
2019-02-21 10:41:17
1455阅读
插件描述：aos.js是一款页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时，元素会恢复到原来的状态。1.引用在html文件中引入css文件和js文件<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
&l
转载
2023-08-11 16:08:45
216阅读
iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。它可以在桌面，移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是滚动。它可以处理任何需要与用户进行移动交互的元素。iScroll分为了多个版本。目前有以下版本：iscroll.js，这个版本是常规应用的脚本。它包含大多数常用的功能，有很高的性能和很
转载
2023-07-17 10:39:03
154阅读
<template>
<div class="list" id="list">
<div class="cc rowup">
</div>
</div>
</template>
<script>
export default {
components: {},
data () {
转载
2024-01-26 10:03:53
48阅读
