react+ts如何使用iscroll-luo

已于 2023-10-06 11:34:31 修改
阅读量67 收藏
点赞数
文章标签： react.js
于 2023-09-27 10:10:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79035732/article/details/133341153
版权

iscroll-luo在npm中的网址：iscroll-luo - npm

最近在做ts的项目,用到了iscroll-luo,但是ts的限制很多，所以导致一直报错，查了大半天才发现解决方法如此简单

它有两种解决方法，一种是直接下载npm i --save-dev @types/iscroll-luo

但是我的一直报错，这个包下载不下来

所以我就采用了第二种方法，超级简单 

就是起一个后缀名为.d.ts的文件，在里边复制declare module 'iscroll-luo'然后就神奇般的好了，连引入都不需要

岁岁年年碎碎念
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
iScroll 实例：下拉刷新，滚动翻页
王瑞学习笔记
03-21 1971
iScroll基本信息 1.最优的使用iScroll的结构如下所示： <div id="wrapper"> <ul> <li></li> ..... </ul> </div> 这个例子中，ul标签将会被滚动。iScroll一定要与
java iscroll demo_GitHub - javaLuo/iscroll-luo: React 基于IScroll 5 的 下拉刷新上拉加载组件...
weixin_35041185的博客
02-16 123
iscroll-luoReact组件下拉刷新上拉加载更多、PC端移动端支持依赖 iscroll5支持IE11以上，因为IE10不支持Object.assign1. 安装npm install --save iscrollnpm install --save iscroll-luo2. 完整例子import React from 'react';import Luo from 'iscroll-lu...
vue3+ts 使用 vue-seamless-scroll
qq_22475399的博客
05-09 1429
vue 3 ts vue-seamless-scroll
个人 常用 iscroll 配置
gyq04551的博客
08-04 431
var myScroll; window.addEventListener("DOMContentLoaded", loaded, true); setTimeout(function() { alert(1) loaded(); }, 700); function loaded() { myScroll = new IScroll("#wrapper", {
iScroll4框架
07-19
iScroll.js的用法 概要 iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android 这些系统上广泛使用） 提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是，这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。 然而，Android系统最新修订版已经可以支持这种功能了（尽管支持的力度还不是特别好），Apple公司似乎不太情愿将one-finger滑动事件运用到div元素上。除了以前版本的iScroll的特性以外，iScroll 4还包括如下的特性：    （1）缩放（Pinch/Zoom）    （2）拉动刷新（Pull up/down to refresh）   （3）速度和性能提升    （4）精确捕捉元素   （5）自定义滚动条      友情提示：iScroll 4并不是iScroll 3的简易替代版本，API文档已经不一样了。同时考虑到此版本正处于测试期，一些API可能会有细微的变
react+ts+antd-mobile 动态tabs和下拉加载及详情
02-03
react+ts+antd-mobile 动态tabs和下拉加载及详情
使用React+Redux+React-router构建可扩展的前端应用
02-01
本文就将介绍如何使用 React及其相关技术，来进行实际前端项目的开发。因为主要介绍如何将技术用于实践，所以希望读者已经对相关概念已经有一定的了解。 本文最初来源于笔者在StuQ的一次同名课程直播，现在加以整理...
CpDesign:TypeScript + React-hooks + react-redux + axios + AntDesignMobile + react-intl国际化
05-11
项目目录|-- CPDESIGN|-- README.md|-- package.json|-- tsconfig.json|-- yarn.lock|-- config| |-- env.js| |-- modules.js| |-- paths.js| |-- pnpTs.js| |-- webpack.config.js| |-- webpackDevServer.config.js...
react-redux-cli:React + React-Router + TS + JS +蚂蚁设计+ webpack4.0脚手架
03-09
项目react-redux-cli说明React + React-Router + TS + JS +蚂蚁设计+ webpack4.0脚手架业务介绍目录结构├── dist // 编译结果目录├── build // webpack 配置目录│ ├── webpack.base.js // 公用配置│ ├─...
ts-redux-toolkit:TypeScript的PoC + react-redux + redux-toolkit + React Hooks + react-router
04-04
ts-react-redux-toolkit TypeScript的PoC + react-redux + redux-toolkit + React Hooks + react-router 还原 执照 新的BSD许可证
iscroll使用不足的的地方
u010436741的专栏
04-10 5916
转自http://lhdst-163-com.iteye.com/blog/1239784
react + iscroll5 实现完美 下拉刷新，上拉加载
09-29 787
经过几天的反复折腾，总算做出一个体验还不错的列表页了，主要支持了下拉刷新，上拉加载两个功能。 一开始直接采用了react-iscroll插件，它是基于iscroll插件开发的组件。但是开发过程中，发现它内部封装的行为非常固化，限制了我对iscroll的控制能力，因此我转而直接基于iscroll插件实现。 网上也有一些基于浏览器原生滚动条实现的方案，找不到特别好的博客说明，而iscro...
react项目中通过 iscroll 实现上拉加载，下拉刷新
running_shuai的博客
01-05 8254
基于 iscroll 实现的 react 组件 第一步：引入插件 npm install reactjs-iscroll --save 可在项目下的package.json文件内dependencies下看到安装好的插件版本； 第二步：在项目中使用 import iScroll from 'iscroll/build/iscroll-probe'; 表示引入scroll库，可支
iscroll 的上拉刷新下拉加载 及卡顿的解决办法
h5liangliang的博客
09-22 2698
function load() { pullDown = $("#pullDown"), loadingStep = 0; //加载状态0默认，1显示加载状态，2执行加载数据，只有当为0时才能再次加载，这是防止过快拉动刷新   pullDown.hide(); myScroll = new IScroll("#wrapper", { disableMouse: false, d
记一次iscroll默认开启原生点击，导致react路由页面自动跳转和自动执行onClick的问题
TangAcrab的博客
01-23 497
问题描述： 1、起初不知道是什么原因造成，页面一跳转到目标页面的时候，目标页面自动执行onClick方法或者是Link 包括的部分自动跳转。 问题追踪： 1、一开始以为是跳转到目标页后，目标页的onClick方法写的有问题，怎么会自动执行呢，但尝试了匿名函数方式的调用，或者绑定 this调用终无果时，考虑是不是列表页点击触发页面跳转有问题。 解决办法： 关闭iscroll默认开启的原生点击事件，将...
IScroll的那些事——内容不足时下拉刷新
糊一笑
07-18 1805
之前项目中的列表是采用的IScroll，但是在使用IScroll有一个问题就是：当内容不足全屏的时候，是木有办法往下拉的，这样就达不到刷新的目的了。【这是本人工作中遇到的，具体例子具体分析，这里只作一个参考】大致的例子是这样的：<style> * { margin: 0; padding: 0; } html,body,.container {
前端项目(react)部署到WIN2012(react)
qq_41861406的博客
05-18 155
默认情况下，可以通过服务器的IP地址或域名访问，例如 http:///gnss-dashboard。将本地生成的 build 文件夹的内容复制到 C:\inetpub\wwwroot\gnss-dashboard，覆盖现有文件。生成 build 文件夹后，将其内容复制到 C:\inetpub\wwwroot\gnss-dashboard 目录。打开项目根目录中的 package.json 文件，确保里面有构建命令（通常是 build）。在进行部署之前，备份服务器上现有的 build 文件夹。
react中hook 函数的使用
最新发布
阿乐的博客
05-20 1256
开发者可以自定义 Hook作为 JavaScript 函数。
在react+typescript使用react-barrage
05-12
在使用react-barrage之前，你需要先在项目中安装它： ``` npm install react-barrage --save ``` 然后在你的组件中使用它： ```tsx import React, { useCallback, useEffect, useState } from 'react'; import { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值