51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

jQuery3D轮播插件
jQuery3D轮播插件 一、官网与文档 官网地址：https://github.com/fredleblanc/roundabout 二、引入 引用jquery.js和jquery.roundabout.js、jquery.easing.js <script src="js/jquery-1.8. ...
ide
拖拽
jquery
html
回调函数
转载
mb5fdb138eb7a27
2021-08-22 18:14:00
327阅读
2评论

vue 轮播插件
npm install vue-awesome-swiper@3 --save-dev<div class="swiperFa" style="position: relative;margin-top:6vh">        <swiper class="mn-swiper" :options="swiperOption" ref="m
ide
css
旋转角度
原创
wx666169e68fd99
2024-06-06 15:50:15
49阅读

vue 3d轮播图demo
效果 动画根据 vuetelemetry 官网轮播图的效果复现，在大致有几个需求：点击非中央轮播图，图片滑动。点击中央轮播图触发该轮播图事件（比如弹窗）。图片滑动有惯性（先慢后快），且背景（上一张轮播图）有缩放变大效果。实现gsap 介绍先简单介绍一下 gsap 的动画函数（官方文档）：// 将一个或多个元素 targets 在指定时间 second 内按一定的速率函数变化至某个指定的 optio
vue 3d轮播图demo
css
vue
javascript
js
转载
mob64ca1417eedd
2024-07-08 16:33:16
499阅读

vue.js轮播插件 vue 轮播
首先使用npm安装swiper npm i swiper接着在组件模板中添加轮播的html结构<div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class=
vue.js轮播插件
ide
实例化
数据
转载
flyingsmiling
2023-06-13 19:08:40
540阅读

【转】移动端轮播插件，zepto轮播插件
移动端轮播图，移动端图片切换效果，手机移动端轮播图插件，zepto图片轮播切换插件
插件
移动
zepto插件
手机图片轮播
移动端图片轮播
转载
xyphf_和派孔明
2022-10-05 11:05:36
131阅读

vue3 pc端项目rem布局不依赖插件
vue 实现 rem 布局的 或者 vw 布局的方法一、实现 rem 布局移动端name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 方法一、在 index.html 或者 main.js 中添加以下代码： const setHtmlFontSize = () => { let
vue怎么vw布局好用
css
媒体查询
数组
转载
智慧编织者
2024-10-09 12:11:32
107阅读

vue 3d旋转轮播图
vue3d旋转轮播图step1:添加依赖groovynpmivuecarousel3dstep2:引入项目jsimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importCarousel3dfrom'vuecarousel3d'Vue.use(Carousel3d
vue
原创
mb613739c94fb76
2021-09-17 11:24:07
2345阅读

vue 3d旋转轮播图
vue 3d旋转轮播图step1:添加依赖npm i vue-carousel-3dstep2: 引入项目import Vue from 'vue'import App from './App.vue'import router from './router'import store from '.
vue.js
html
3d
ide
d3
原创
mb613739c94fb76
2021-09-26 10:05:44
5694阅读

vue轮播插件 demo vue实现轮播图效果
vue中轮播图的实现 轮播图中html结构一般由主体图片、下方小圆圈、上一张和下一张组成。主体图片能够实现两秒切换一次，并且对应的小圆圈被选中点击上一张和下一张按钮切换相应图片，同时小圆圈产生变化。点击小圆圈切换图片鼠标放在图片主体上停止轮播，鼠标离开主体图片开始轮播。html结构<div class="container"> <div class="lunbo" @mo
vue轮播插件 demo
前端框架
List
ico
显示图片
转载
Python数据分析
2024-04-03 12:38:47
464阅读

Vue PC端框架
1. Element Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址   Element   2. vue-element-admin vue-element-admin是基于 Vue2.0，配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈，提炼了典型的业务模型，提供了丰富的功能
github
中文文档
vue.js
bootstrap
前端开发
转载
wx61133eeec1457
2021-08-13 19:07:28
2257阅读

pc端Vue3 实现索引页
最近有一个需求就是 做一个类似浏览器搜索功能(ctrl + f ),我以为会有浏览器自带的api啥的,没想到啥都没有,只能自己写了...我找了个有人封装好的原生js插件叫find5,好像可以支持所有的浏览器;具体参考网址是: https://www.seabreezecomputers.com/tips/find5.htm我把它的插件下载下来了,文件名称是find5.js(名字
pc端Vue3 实现索引页
Text
css
sed
转载
mob64ca13f96cda
6月前
11阅读

vue3 nuxt PC端集成rem
VUEvue是一套前端框架，免除原生的js的DOM操作，简化书写基于MVVM（model-view-viewmodel）思想，实现数据的双向绑定，将编程的关注放在数据上。什么是框架：框架相当于一个半成品，是一套高效的代码模板，基于框架开发更加的高效VUE数据绑定模型：model层中存在着对数据的处理，view说白了就是html界面，两者通过桥梁（viewmodel）进行双向绑定，数据发生变化，页面
vue3 nuxt PC端集成rem
vue.js
前端
javascript
ios
转载
mob64ca14038b36
7月前
42阅读

vue3开发pc端 rem适配
vuejs实战——PC端一、项目使用资源整合1、使用vue-cli脚手架工具搭建2、使用UI框架——elementUI二、使用vue-cli创建项目全局安装 vue-cli（$ npm install –global vue-cli）创建一个基于webpack模板的新项目（$ vue init webpack 项目名称）进入项目目录（$ cd 项目名称）安装依赖（$ npm install）运行项
vue3开发pc端 rem适配
vuejs
实战
ico
css
转载
数码墨鱼
2024-09-06 16:12:53
155阅读

Unity3D插件 图像环状特效轮播UI unity 图片轮播
1 效果展示可以按左右按钮进行图片翻页，也可以鼠标滑动进行图片翻页，下方的文字是图片的名称2 Unity的界面注意在左边和右边的按钮上， 添加两个监听，左边按钮是ClickLeft(),右边是ClickRight().也可以在代码中添加监听（这里没写）option设置 3核心代码控制图片的滑动，外部导入图片是在StreamingAssets中的image文件夹下，注意文件夹命名
c#
开发语言
unity
List
缩放
转载
feiry
2024-04-23 15:50:57
498阅读

Vue3+ts+splidejs轮播插件各种效果
SplideJS 是一个轻量级且高度可定制的轮播库，它为开发者提供了许多优势，尤其是在构建响应式和高性能的网页应用时。
JavaScript
Vue.js
ide
Image
进度条
原创 精选
鱼樱前端
7月前
281阅读
1点赞

vue.js轮播插件
# Vue.js轮播插件实现教程 ## 1. 概述 本教程将教会你如何使用Vue.js实现一个轮播插件。Vue.js是一个流行的JavaScript框架，用于构建用户界面。轮播插件可以用于展示图片、广告、新闻等内容的自动切换效果。 在本教程中，我们将使用Vue.js的组件化开发思想来实现轮播插件。组件化开发可以使代码更加模块化、可复用，并且更易于维护。 ## 2. 实现步骤 下表展示了实
Vue
ide
App
原创
mob649e816209c2
2023-09-07 19:46:32
201阅读

pc端 vue 组织架构图插件 vue组件实现原理
VUE源码解析——内置组件篇，学习Vue中内置组件的实现原理学习Vue中内置组件的实现原理 学习Vue中内置组件的实现原理<keep-alive><keep-alive>是Vue中内置的一个抽象组件，它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。(把一些不常变动的组件或者需要缓存的组件用<kee
pc端 vue 组织架构图插件
vue
缓存
dom
数据
转载
岁月静好呀
2024-04-17 11:16:12
53阅读

vue3 移动端适配rem vue项目pc端和移动端适配
vue项目pc端和移动端适配1、pc端适配一、样式中根据设计稿确定缩放比例（可以设置全局或者部分页面）二、监听窗口大小改变，设置根字体大小 created() { // 获取当前设备的宽度，设置rem的根字体大小 let width = window.innerWidth; width = width <= 1200 ? 1200 : width; const htmlObj = d
vue3 移动端适配rem
vue.js
javascript
ecmascript
前端
转载
编程艺术家
2024-05-21 10:54:56
2691阅读

jquery3D轮播
# 使用 jQuery 实现 3D 轮播图的完整指南 在现代网页开发中，3D 轮播图是一种常见的展示方式，能够吸引用户的注意力。本文将指导你如何使用 jQuery 创建一个简单的 3D 轮播图。 ## 实现流程 首先，我们将整个工作分成以下几个步骤： | 步骤 | 描述 | |------|---------------------------|
HTML
3D
jQuery
原创
mob649e816704bc
2024-10-13 04:48:31
48阅读

vue3的pc端项目使用rem
由于内容较多，我将其分为了里两部分：Vue3较Vue2的更新内容（一）>>>18、按键修饰符变更vue3将不再支持使用数字 (即键码) 作为 v-on 修饰符，不再支持 config.keyCodes 在 Vue 2 中，keyCodes 可以作为修改 v-on 方法的一种方式。<!-- 键码版本 --> <input v-on:keyup.13="submit
vue3的pc端项目使用rem
javascript
vue.js
前端
Vue
转载
架构师之光
5月前
18阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue3在pc端怎么使用rem

前端vue3在pc端使用rem

vue3 px转rem 适配pc端

unity3d：webgl打包，pc端移动端全屏化

android 轮播器的实现 移动端轮播插件

移动端 rem插件 vue3

jquery 手机端轮播图插件

vue flexable pc端适配

vue pc适配移动端 ios样式问题 vue 适配移动端和pc端

vue3实现pc端rem适配 vue使用rem适配

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯