【代码】Vue2 滚动列表。
原创
2024-09-05 09:58:09
670阅读
前段时间公司领导安排我把公司的官网重做一下（至于为什么重做我这里就不细说了），但咱也没写过网页的项目呀！不过呢咱还是有点小程序和基本的html基础的，也就接下了这个任务。想想最近VUE貌似挺火的，也就顺便学习一下。那接下来要说的内容就是基于VUE编写的了。好，废话说完了，开始~ 1.视差滚动 视差滚动（Paralla
1、class操作jQuery对象.addClass('class名'); 添加，一次可以添加多个jQuery对象.removeClass('class名'); 删除，一次可以删除多个jQuery对象.toggleClass('class名'); 切换，如果有这个class名，则删除；没有则添加jQuery对象.hasClass('class名'); 查找，是否有这个class名，返回布尔
转载
2024-09-18 19:04:38
66阅读
# 如何实现“vue2 ios 滚动后 白板”
## 流程图
```mermaid
flowchart TD
A(开始) --> B(导入vue2)
B --> C(创建滚动组件)
C --> D(监听滚动事件)
D --> E(处理滚动后逻辑)
E --> F(结束)
```
## 步骤
| 步骤 | 操作 |
| ---- | ---- |
|
原创
2024-04-19 06:21:28
98阅读
相信大家都遇到过渲染一个很长的列表或者页面带来的痛苦，长列表与页面可能对首屏渲染速度造成很大的影响，并且会对页面的滚动造成一些不流畅的体验。我也在最近遇到了这个问题，发现除了直接使用分页外，虚拟滚动这种解决方案很是流行，于是也重新造了一下vue中虚拟滚动的轮子。虚拟滚动简单的说就是渲染在浏览器中当前可见的范围内的内容，通过用户滑动滚动条的位置动态地来计算显示内容，其余部分用空白填充来给用户造成一个
转载
2024-07-25 20:00:53
693阅读
使用 1.v-touch 实现滑动效果，父级页面滑动，当父级含有子页面需要滑动功能hasClass("sm_img"），需要判断是否继续父级滑动，有的话子页面先滑动，通过upB去判断 if($(imgShowChild[that.childNum]).children().children().hasClass("sm_img")&&that.upB !=3)
2.
# Vue2 禁止 iOS 弹性滚动：新手指南
作为一名经验丰富的开发者，我很高兴能帮助你解决在 Vue2 项目中禁止 iOS 弹性滚动的问题。这篇文章将指导你完成整个过程。
## 流程概览
首先，让我们通过一个流程图来了解整个过程：
```mermaid
flowchart TD
A[开始] --> B{是否需要禁止iOS弹性滚动？}
B -- 是 --> C[使用以下方
原创
2024-07-23 10:22:32
88阅读
传统的无限滚动数据表格并不会一次性把所有数据都加载并渲染出来，它首先加载一批数据，这批数据要远大于一屏数据的承载量，但也不能太多，避免首屏数据加载效率不佳，具体数量可以由开发者根据实际情况确定。接着通过监控滚动条位置来实时加载更多的数据，比如当滚动条触底时（或即将触底时），开始加载当前已显示的数据集之后的数据，当滚动条触顶时（或即将触顶时），开始加载当前已显示的数据集之前的数据先创建一个视图模板&
转载
2024-07-13 09:13:22
910阅读
我早上在XXXXXXXXXXXXX之后，就合上XXXXX，等XXXXXXX完毕，就带走XXXXXX，风火轮转啊转，等了大半天没反映，就合上屏幕等XXXXXXXX完成再打开，现象一样，多次反复，都一样，心想不管了，重新启动非常不愿意，就这样重新启动会不知道如何继续XXXXXXXXXXXXX 你还记得你的Mac是全新的？它速度快，是吧？ 随着时间的Mac可能有变得有点呆滞，
最近涉及到uniapp 开发小程序和h5 做的一个长列表，遇到有几个需要注意的地方，在此写个记录提醒健忘的自己避免踩坑。原始实现方式：首先一个正常的列表都是有一个 tab 来做头部选项卡和一个内部区域，通过手指的滑动可以切换选项卡。然后传统都是采用swiper 加 scroll-view实现（tab 因为没什么性能上的问题就不说了）。但是有时候程序并不能如你所愿，通过这两个组件实现的列
# Vue2中iOS平台滚动白板问题解决方案
在使用Vue2开发移动端应用时，常常会遇到在iOS平台上滚动页面时遇到白板或内容错位的问题。这个问题通常是由于iOS上的overflow-scrolling属性导致的，而在Vue2中可以通过一些简单的方法来解决这个问题。
## 问题描述
在iOS平台上，当页面的内容过长时，使用overflow:auto或overflow:scroll属性来控制滚
原创
2024-04-23 05:21:04
50阅读
# iOS 页面滚动卡顿监控
随着移动应用的普及，用户对性能的要求越来越高，页面滚动的流畅度直接影响到用户体验。在iOS应用中，页面滚动卡顿是一个常见问题。为了提高用户体验，我们需要对影响滚动流畅度的因素进行监控和分析。本文将介绍如何实现iOS页面滚动卡顿监控，提供代码示例，帮助开发者识别和解决这一问题。
## 理解滚动卡顿
滚动卡顿通常是由于以下几个原因导致的：
1. **主线程阻塞**
原创
2024-10-13 03:53:15
77阅读
# Vue2 IOS 中 Scroll 滚动页面白
在开发移动端应用或网页时，我们经常会遇到在 IOS 设备上使用 Vue2 框架开发的页面出现滚动时页面白屏的问题。这个问题通常是由于 IOS 设备上的滚动条样式和 Vue2 的滚动机制不兼容导致的。在本文中，我们将介绍解决这个问题的方法，并提供代码示例。
## 问题分析
在 IOS 设备上，滚动条的样式是由系统默认控制的，而在 Vue2 中
原创
2024-04-26 05:43:44
189阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
393阅读
/ 监听当前消息列表，更新时，保持滚动条位于底部。// 滚动滑钮到滚动条顶部的距离=滚动条的高度。
原创
2024-09-05 09:58:26
94阅读
Vue 应该说是很火的一款前端库了，和 React 一样的高热度，今天就来用它写一个轻量的滚动条组件；知识储备：要开发滚动条组件，需要知道知识点是如何计算滚动条的大小和位置，还有一个问题是如何监听容器大小的改变，然后更新滚动条的位置；先把样式贴出来：.disable-selection {
-webkit-touch-callout: none;
-webkit-user-select:
转载
2023-08-23 20:43:47
103阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
