E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
swiper
uniapp中
swiper
视频加图片滑动不流畅问题
uniapp中
swiper
视频加图片滑动不流畅问题video标签上加:enable-progress-gesture=“false”
springfeast
·
2023-11-06 11:41
前端
uni-app学习笔记
pages.json基本配置3、创建页面二、tabBar1、获取图标2、代码配置三、基础认识1、页面生命周期2、App.vue应用生命周期四、基础组件1、scroll-view可滚动视图区域2、提示框3、
swiper
五秒法则
·
2023-11-06 11:38
vue2
uni-app
学习
笔记
uniapp在APP端使用
swiper
进行页面不卡顿滑动
uniapp在APP端使用
swiper
进行页面会卡顿,主要是渲染的数据有点多,这里只渲染三个数据就不好那么卡顿了,每次滑动后更新数据......exportdefault{data(){return{allOrderSafeMonitorList
devil-J
·
2023-11-06 11:07
uni-app
vue中使用第三方插件
vue中使用
swiper
.jsvue-cli中引入jQuery1.npminstalljquery–save安装jquery依赖2.修改webpack.base.conf.js文件(2处)需要修改的文件第一处第二处
xlayzheng
·
2023-11-06 09:34
BUU刷题记1
mititle:BUU刷题记1date:2022-05-1222:07:34tags:CTF_WEB
swiper
_index:1、[极客大挑2019]EasySQL1看到SQL就想到先尝试万能密码1’or1
Kanyun7
·
2023-11-05 12:16
BUU刷题记
php
开发语言
Flutter 常见第三方插件
网络请求框架dio:^3.0.7spshared_preferences:^0.5.6微信sdkfluwx:^1.2.1+1
swiper
轮播插件flutter_
swiper
:^1.1.6个推sdkgetuiflut
feipengwang6666
·
2023-11-05 10:04
Flutter
flutter
由于flutter_app依赖于flutter_
swiper
>=0.0.2,不支持零安全,版本解决失败。
参考dart3.0使用flutter_
swiper
报错记录flutter_
swiper
package-AllVersions从官网的信息可以看到Dart3版本不兼容最小兼容的DartSDK版本需要2.0FlutterSDK
王家视频教程图书馆
·
2023-11-05 10:01
已解决
前端
uni-app DAY07
view)、滚动视图(scroll-view)、文本(text)、富文本(rich-text)、图片(image)、输入框(input)、按钮(button)、导航器/超链接(navigator)、轮播(
swiper
BlueMozeer
·
2023-11-04 22:16
uni-app
javascript
前端
vue自定义滑动轮播组件
直接上代码:{{item.name}}exportdefault{props:{
swiper
List:{type:Array,default:[]}},data(){return{itemStyle:[
木易66丶
·
2023-11-04 13:00
javascript
前端
java
学习微信小程序中遇到的一些小问题
可以使用简单粗暴的多个标签重置样式方法page,view,text,
swiper
,
swiper
-item,image,navigator{padding:0;margin:0;box-siz
何以为皇
·
2023-11-04 08:18
微信小程序
小程序
Compose 实战之为下拉刷新添加自定义指示器
在此之前,我们只能使用accompanist-
swiper
efresh来实现下拉刷新。然而,更坑的是,Compose对下拉刷新的支持是添加到mater
小陈乱敲代码
·
2023-11-04 05:43
android
Jetpack Compose 实现下滑刷新
引入依赖首先引入google提供的依赖implementation'com.google.accompanist:accompanist-
swiper
efresh:0.28.0'MVI的ViewModel
silent碎月
·
2023-11-04 05:59
安卓开发
android
VUE 脚手架项目中轮播图的实现
VUE项目中轮播图的实现vue-awesome-
swiper
——依赖插件vue-awesome-
swiper
,PC端应用一款基于
Swiper
4、适用于Vue的轮播组件,支持服务端渲染和单页应用。
Maira
·
2023-11-04 02:00
uniapp开发app使用SUBNVUE制作带video的
swiper
轮播图步骤及遇到的问题
新建nvue页面在pages.json中配置在你需要放置原生子窗体的页面初始化subNvue(id为上面pages.json配置的id)然后在nvue页面写你需要的
swiper
嵌套video的代码,重启
soclearz
·
2023-11-03 18:35
uni-app
swiper
在移动端不能左右滑动,数据是动态的;默认显示最后一项;轮播方向问题
今天遇到一个
swiper
的问题数据是后台动态加载,H5的页面,在渲染后不能够左右滑动,查了文档,发现在初始化之前添加:observer:true,//修改
swiper
自己或子元素时,自动初始化
swiper
observeParents
shmaur
·
2023-11-03 16:20
vue2项目
地址路由传参二次封装axios通过配置代理解决跨域问题(前端)loadsh插件防抖和节流编程式导航Vue路由组件销毁优化合并参数mock.js模拟数据通过Vuex来实现数据存储与管理(复习,上面用过)利用
swiper
一个测试的自选笔记
·
2023-11-03 15:34
自学
javascript
vue.js
vue
swiper
安装(指定版本)npminstallvue-awesome-
swiper
@3--save-dev(安装别的版本报错,恕我菜鸟解决不了那些报错问题)新建个组件image.png...0'>{{item.text
zcy_2018
·
2023-11-03 09:01
swiper
实现垂直方向的无限滚动
JSconstmy
Swiper
=new
Swiper
('.
swiper
-container',{slidesPerView:'auto',speed:5000,//匀速时间,根据实际情况调节autoplay
在线小白www
·
2023-11-03 07:38
swiper
JavaScript
Vue
css3
html5
css
npm i 报错:Cannot read properties of null (reading ‘refs‘)
后经排查是一个引入
swiper
的页面报错了,只要注释掉
swiper
插件,就没问题了,但这肯定是不行的。原因:npm和pnpm的混用。这个项目开发的时候用的是npm,这次更更新内容的时候又是pnpm。
在线小白www
·
2023-11-03 06:57
Vue
npm
前端
node.js
法法路由 4.0
import'package:ff_annotation_route/ff_annotation_route.dart';@FFRoute(name:"fluttercandies://pic
swiper
法的空间
·
2023-11-03 05:05
uni-app导航栏+
swiper
,及处理滑动冲突
第一部分:
swiper
+顶部/底部导航栏实现这里的思想与安卓的fragment+viewpager是很类似的,用
swiper
作为左右滚动区间,联动tab导航栏,中间展示内容组件化整体布局导航栏部分大家可以自定义
此生唯一自传
·
2023-11-02 23:42
Android入门学习——RxJava+Retrofit+MVP学习
这次加上了RxJava的简单使用,并在上一篇中特别简单的Demo的基础上加上了
Swiper
efreshlayout+RecyclerView的配合使用。加上了下拉刷新以及上拉加载更多。
英勇青铜5
·
2023-11-02 20:43
android-入门
mvp
rxJava
retrofit
上拉加载更多
vue轮播图插件 Vue-Awesome-
Swiper
轮播图插件Vue-Awesome-
Swiper
地址:https://github.com/surmon-china/vue-awesome-
swiper
安装:npminstallvue-awesome-
swiper
–save
想想就很棒
·
2023-11-02 06:47
vue相关
轮播图
左右滑动
vue-awesome-
swiper
的使用以及API整理
一、先说一个看关于vue-awesome-
swiper
的一个坑vue项目的package.json中显示的"vue-awesome-
swiper
":"^2.5.4",用npminstall自动安装依赖时装的版本为
无名小码农
·
2023-11-02 06:17
vue.js
javascript
前端
ecmascript
前端框架
uniApp实现
swiper
和scroll-view联动,滑动
swiper
时改变scroll-view,点击scroll-view时切换到指定的
swiper
(初学者)
uniApp实现
swiper
和scroll-view联动,滑动
swiper
时改变scroll-view,点击scroll-view时切换到指定的
swiper
(初学者)因为这里只是一个简单的示例,提供一下思路
满舰饰v
·
2023-11-02 02:51
uniapp
vue
js
vue鼠标滚动切换页面导航栏点击切换页面悬浮小圆点切换页面默认选中第一项滚动还是点击都会选中停留所在页面
走马灯效果鼠标轮播切换网页screenWeight
swiper
移动端鼠标轮播screenWeight类似走马灯的切换页面代码基本上基于下链接的博主自己增加了一点点小内容https://blog.csdn.net
ThinkerWing
·
2023-11-01 22:36
vue.js
css
小程序项目:IT资源共享<轮播图+九宫格>布局
swiper
组件(轮播图)基础库1.0.0开始支持,低版本需做兼容处理。我们先来看一下官方的文档,我们把一些用不到的进行删除。详细请查看官方文档滑块视图容器。其中只可放置组件,否则会导致未定义的行为。
冯永贤
·
2023-11-01 18:36
推荐几款无依赖轻量高效的开源JS插件和库
推荐几款无依赖轻量高效的开源JS插件和库一、轮播图1.Swipe推荐几款无依赖轻量高效的开源JS插件和库
Swiper
常用于移动端网站的内容触摸滑动。
亿点科技
·
2023-11-01 17:04
taro常用组件库
组件库组件库文档在使用时,React中我们需要先从Taro标准组件库@tarojs/components引用组件,再进行使用View视图容器ScrollView可滚动视图区域
Swiper
滑块视图容器MovableAreamovable-view
Xiaaoke
·
2023-11-01 07:35
#
taro
react.js
javascript
前端
taro
组件
微信小程序(基础语法)
文章目录基本组件视图容器viewscroll-view
swiper
和
swiper
-item基础内容组件textrich-text其他常用组件buttonimagenavigator基本模板数据绑定插值表达式事件绑定常用事件在事件处理函数中为
会飞的战斗鸡
·
2023-10-31 16:15
前端
#
微信小程序
微信小程序
javascript
前端
vue组件化开发
目录和一个commen目录和一个feature目录,views目录中放页面级的组件,commen中放公共组件(如:head(公共头组件),foot(公共底部组件)等),feature目录内放功能组件(如:
swiper
藏剑于袖
·
2023-10-31 01:32
笔记
vue.js
javascript
前端
Vue实现有分页的icon轮播区域
滑动轮播可以使用vue-awesome-
swiper
,按照github上的指引操作,非常简单的就实现了轮播图效果。1.首先来实现这个区域的布局。HTML景点门票景点门票<!--轮播图的点--&
看天空在看你
·
2023-10-30 17:27
Vue
Vue
swiper
3 无缝滚动 + 鼠标悬停停止/继续
html结构:无缝滚动(修改css和autoplay属性).
swiper
-container-free-mode>.
swiper
-wrapper{transition-timing-function:linear
米柆
·
2023-10-30 12:27
前端
javascript
前端页面自适应设置
1、前端响应式布局的目的适应不同尺寸设备,使页面展示效果更好2、rem原理根据UI设计稿和设备尺寸的大小比例,动态计算并更改html根元素字体大小,页面使用rem单位自适应缩放对于一些引入的库,例如
swiper
REX_PERSIST
·
2023-10-30 10:11
前端知识拓展
css
html
前端
javascript
使用
swiper
3实现整屏滚动和animate动画的使用
使用
swiper
3实现整屏滚动和animate动画的使用第一步:准备必须的
swiper
css文件和js文件,这里我们将使用
swiper
3为例可以直接去
swiper
中文网下载地址:https://www.
swiper
.com.cn
小情绪大道理
·
2023-10-29 20:40
swiper
swiper
animate
css
解决轮播(
swiper
安卓不兼容竖向轮播)
importReactfrom'react';import{StyleSheet,Text,View,TouchableOpacity,Image,ScrollView,ImageBackground,Platform,BackHandler,FlatList}from'react-native';import{connect}from'react-redux';import{IsIos,Foun
知命者夏洛特
·
2023-10-29 16:35
微信小程序利用scroll-view和
swiper
实现标签页
小程序实现一个联动的效果,具体效果看图。图片.png图片.png上方是一个可滚动的标签栏。下面也是可以滚动的内容区。点击上方标签栏,下方内容跟着切换到响应的界面。下面滚动时候,上面的标签栏也跟随切换选中效果。上代码:wxml:{{item}}-->{{list[index]}}js:constapp=getApp()Page({data:{list:['精选','新闻','电影','电视剧','综
沉默着欢喜丶
·
2023-10-29 09:07
[Js]常识二
文章目录日期时间DOM节点DOMCRUDM端事件(了解)
swiper
插件(了解)Window对象模型定时器事件循环EventLoop(js原理)location对象navigator对象history对象
胡小禾
·
2023-10-29 02:52
前端
javascript
swiper
基本用法
Progress(进度)watchSlidesProgress作用:开启这个参数来计算每个slide的progress(进度、进程)varmy
Swiper
=new
Swiper
('.
swiper
-container
Yi_9565
·
2023-10-29 01:50
封装一个自己的轮播图组件(基于 Vue)
创建目录结构vue-
swiper
/├──src/│├──components///内置组件││├──indicator.vue//指示器组件││└──item.vue//单个轮播图容器组件│├──main.js
a2c370515a15
·
2023-10-28 15:43
2022-07-26 工作记录--React-
swiper
@6以上的使用
React-
swiper
@6以上的使用一、官方文档⭐️(一)、查看对应参数第1步、进入
swiper
官网选择「中文教程」下的「在React中使用
Swiper
」,如下图:第2步、查看Demos滑动到最下方,
小呀小萝卜儿
·
2023-10-26 19:32
工作-React
react.js
javascript
前端
Swiper
3.x 自定义指示器-pagination
目录一.前言二.内容与解决方案js部分:其中绑定事件是基于jquery写的html静态页面如下css自定义一个分页器样式最后出来的效果总结一.前言很久没有更新博客了,最近一直在写静态页面,这就总是避不开
swiper
悠悠~飘
·
2023-10-26 19:32
swiper
js实战篇
javascript
前端
vue.js
Swiper
手动滑动后,自动滑动失效问题解决
framework7框架访问地址:https://framework7.io/vue/
swiper
.html
Swiper
API:http://idangero.us/
swiper
/api/本代码使用framework7
Weastsea
·
2023-10-26 19:11
react 中
swiper
.js 的使用
基础yarnadd
swiper
@6.8.4-Dimport{
Swiper
,
Swiper
Slide}from'
swiper
/react'//引入
Swiper
样式import'
swiper
/
swiper
.min.css'console.log
想必是渣渣宇了
·
2023-10-26 19:00
React
JS
react
js
在react中使用
swiper
/react
参考链接:https://
swiper
6.vercel.app/react#usage其实
swiper
中文文档很多api都是直接阔以用的,只是形式不一样中文文档:https://www.
swiper
.com.cn
番薯配可乐
·
2023-10-26 19:00
react
react.js
javascript
前端
react中使用
swiper
6.x(含完整css)
最近又写新需求,鉴于之前的react-
swiper
-id太难用了(之前写过,点这里)!
仙女爱吃鱼
·
2023-10-26 19:59
工具类
react
css
css
react.js
swiper
react中使用
swiper
7 react中处理
swiper
垂直显示问题
网上有些使用的是老版本,用法可能不同,先贴出最新版版本"react":"17.0.2","
swiper
":"^7.4.1"安装yarnadd
swiper
效果图横向效果垂直效果页面中使用import{Navigation
玄空z
·
2023-10-26 18:55
React
react.js
javascript
前端
react轮播图
swiper
.js和antd走马灯的使用
一、
Swiper
这是
swiper
.js官网1、引入
swiper
和
swiper
样式//index.jsimport
Swiper
from'
swiper
'import'
swiper
/css/
swiper
.css
咸鱼翻身不想当咸鱼
·
2023-10-26 18:25
React
andt
前端
react.js
swiper
antd
javascript
在react里使用
swiper
基本配置
swiper
基本配置安装插件npmi
swiper
页面引入import{
Swiper
,
Swiper
Slide}from'
swiper
/react';import{Navigation,Pagination
不听念经
·
2023-10-26 18:25
react
react.js
javascript
前端
react 使用
swiper
插件
首先引入插件npmi
swiper
如果需要做适配,可以通过屏幕尺寸来计算有多少个
Swiper
Slide,每个
Swiper
Slide里面有多少个数据返回到第一页this.
swiper
Dom.slideTo(
lz678
·
2023-10-26 18:22
react.js
javascript
前端
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他