vue移动端过渡动画

vue移动端h5适配解决方案(lib-flexible+px2rem-loader)

先介绍用到的两个工具：px2rem-loader：将css中的px转为rem单位，用了它就不用自己计算rem值了lib-flexible：根据设备宽度，修改根元素html的font-size，以适配不同终端配置安装1：npmipx2rem-loader--save-dev安装2：npmilib-flexible--save配置1：入口文件main.js中引入：import'lib-flexible
jiuyunmeng·2021-04-18 21:15

2018.10.25css3动画特效

1，css权重2，新增选择器3，css3圆角，阴影，rgba(颜色表示法)4，transition过渡动画5，transform变换6，animation动画过渡效果的设置transition:ease
爽爽ing·2021-04-18 09:53

vue移动端项目中如何实现页面缓存的示例代码

背景在移动端中，页面跳转之间的缓存是必备的一个需求。例如：首页=>列表页=>详情页。从首页进入列表页，列表页需要刷新，而从详情页返回列表页，列表页则需要保持页面缓存。对于首页，一般我们都会让其一直保持缓存的状态。对于详情页，不管从哪个入口进入，都会让其重新刷新。实现思路说到页面缓存，在vue中那就不得不提keep-alive组件了，keep-alive提供了路由缓存功能，本文主要基于它和vuex来
·2021-04-14 20:13

动画

CSS过渡动画：transition:width3sease,height3sease1s，background-color3sease2s;宽先变，用时3s,高1s后变,颜色2s后变圆角：border-radius
Tellme丶·2021-04-14 09:24

ui框架组件中的过渡动画卡顿

使用的ui框架antd-vue问题描述菜单切换卡顿tabs切换卡顿radio-group切换卡顿问题排查接口数量接口返回数据量接口返回时间从以上三个角度排查发现数据数量和接口返回数据量越多，越卡顿成正相关同时发现接口返回时间也会影响ui组件卡顿
·2021-04-13 14:41

ui框架组件中的过渡动画卡顿

使用的ui框架antd-vue问题描述菜单切换卡顿tabs切换卡顿radio-group切换卡顿问题排查接口数量接口返回数据量接口返回时间从以上三个角度排查发现数据数量和接口返回数据量越多，越卡顿成正相关同时发现接口返回时间也会影响ui组件卡顿
·2021-04-13 13:48

Android之MotionLayout(四),用 MotionLayout实现向上拉的折叠效果

),MotionLayout的基本使用Android之MotionLayout(二),MotionScene的标签属性说明Android之MotionLayout(三),用MotionLayout来做过渡动画
不思进取的码农·2021-04-13 12:42

vue移动端模板

根据项目的需求，会有做移动端项目的时候，通过vue-cli3脚手架搭建完成后，需要进行一些配置，例如rem布局、第三方组件库等等，近期做了一些移动端的配置，来分享一下。1、通过vue-cli先创建一个vue3项目如果不知道vue或者vue-cli，可以先了解一些，https://cn.vuejs.org/v2/guide/和https://cli.vuejs.org/zh/guide/protot
Mmmmmmm_4b70·2021-04-13 06:14

CSS动画

GetStarted•动画的原理•浏览器渲染原理•CSS动画优化•transform全解•transition过渡动画•定义有许多静止的画面（帧）以一定的速度（如每秒30张）连续播放时肉眼因视觉残像产生错觉而误以为是活动的画面
茜Akane·2021-04-13 00:48

CSS3：过渡动画及关键帧动画-案例一：扑克牌的翻转

一、过渡动画及关键帧动画本文大致介绍了CSS3中的技术之一：动画，因为我也是学习者，这只是我自己的观点，如有错误，请指出。
BadType·2021-03-18 20:06

vue移动端touch拖拽排序

vue移动端touch拖拽排序功能介绍：大致需求：整体思路：简单效果展示：具体实现：一、display:flex+v-for布局：二、touch事件绑定：三、卡片移动：四、获取手指所在位置：五、操作数组
令令灰常腻害·2021-03-15 20:02

Vue ui 大法哪家强？

版本饿了么前端团队开发的桌面端组件库，当前最新版本：2.4.8Star：32.067k项目特色团队维护支持三个版本：vue、react、angular支持Nuxt.js常规支持：多语言、自定义主题、按需引入、内置过渡动画文档详细
·2021-03-14 06:23

常用的css技巧使用

下面介绍一些css开发中常用技巧animation可以让我们完成一些常见的动画，比如等待loading，还有一些弹窗过渡动画等等，比如下面实现的轮播图//pug语法div.contentdiv.boxcontentdivdivdiv
·2021-03-12 17:36

Vue方向：Vue过渡动画以及第三方animated.css动画库

1、前言Vue在插入、更新或者移除DOM时，提供了多种不同方式的应用过渡效果。包括以下工具：.在CSS过渡和动画中自动应用class.可以配合使用第三方CSS动画库，如：Animate.css.在过渡钩子函数中使用JavaScript直接操作DOM.配合使用第三方JavaScript动画库，如：Velocity.js2、过渡或动画的了解Vue提供了transition的封装组件，来处理过渡以及动画
听书先生·2021-03-08 00:17

vue移动端项目vant组件库之toast

vue移动端项目vant组件库之toast具体属性基础提示加载提示成功提示失败提示自定义图标动态更新import{Toast,Button}from"vant";exportdefault{components
笑望灬星辰·2021-02-23 00:27

vue移动端项目vant组件库之style内置样式

vue移动端项目vant组件库之style内置样式文字省略nklnhkn能看出那可能nklnhkn能看出那可能nklnhkn能看出那可能nklnhkn能看出那可能nklnhkn能看出那可能nklnhkn
笑望灬星辰·2021-02-22 14:36

[css] 你有用过哪些css框架？说说它们的特点

过渡动画当然还是clip.js来弄的。TentCSS，WeUI，amazeUI我个人用起来很不舒服，改起来麻烦，除非设计直接选用该风格。
小歌谣（公众号同名）·2021-02-22 11:24

vue移动端项目vant组件库之popup

vue移动端项目vant组件库之popup打开弹出层ref的使用当弹出层有滚动条时每次打开希望滚动条在顶部可以在关闭时把滚动条scrollTop设置为0用户打开了弹出层import{Popup,Button
笑望灬星辰·2021-02-22 01:25

vue移动端项目vant组件库之tag

vue移动端项目vant组件库之tag直接上代码基础用法标签标签标签标签空心样式标签圆角标签标记样式半圆角标签可关闭标签标签大小标签标签标签自定义颜色标签标签标签渐变色没有起作用，后续博文处理该问题我是渐变
笑望灬星辰·2021-02-21 16:21

如何实现动画过渡效果？

传统过渡动画动画效果对体验有着非常重要的效果，但是对于很多开发者来讲，可
·2021-02-05 00:12

如何实现动画过渡效果？

传统过渡动画动画效果对体验有着非常重要的效果，但是对于很多开发者来讲，可
·2021-02-05 00:59

vue自适应pxtorem_vue移动端自适应适配

这是鼠年来的第一篇文章！也是刚开始远程上班，强制度假后拿到的第一个任务是完成微信公众号手机端项目的开发！话不多说，vue走起来！一、安装lib-flexible插件【lib-flexible】移动端弹性布局适配解决方案。用于设置rem的基准值，插件会自动对html根元素进行font-size的设定，默认会设置成屏幕宽度的十分之一。打个比方：如果当前屏幕的宽度是1920px，它就会自动给html标签
也许我有一克拉·2021-01-30 13:39

基于VantUI的Vue移动端电商项目实战

目录：【叩丁狼教育】基于VantUI的Vue移动端电商项目实战┣━━00101-Vue课程介紹.mp4┣━━00202-gitee注册.mp4┣━━00303-git安装.mp4┣━━00404-git
AAA念你如初·2021-01-29 18:33

Vue 2.x 移动端长按事件实现方式

vue移动端长按事件实现的几种方法的总结大家好啊，我是你们的攻城狮，我是Ken，人贱贱爱的前端攻城狮，我要告诉你个严重的问题，这几天心情低落，代码撸不动啊，结果今天一到公司，打开禅道，大家可能不知道什么是禅道就是专门给程序猿提各种
·2021-01-24 16:38

vue中如何简单使用vue.draggable组件实现拖拽功能

支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖jQuery为基础、vue2过渡动画兼容、支持撤销操作，总之是一款非常优秀的vue拖拽组件以上是Vue.Draggable的官网介绍。
米西呀·2021-01-21 12:12

HTML5 知识点总结（六）

页面美化和页面特效图片边框过渡动画平移、缩放、旋转、倾斜综合样例图片边框语法：border-image:border-image-sourceborder-image-sliceborderborder-image-widthborder-image-repeat
溪斜山遮·2021-01-19 14:09

【经验分享】使用amfe-flexible以及px2rem-loader解决VUE移动端适配

适用环境及解决问题适用于Vue开发的前端环境。使用amfe-flexible以及px2rem-loader，解决移动端的适配问题。关于px2rem中标准的配置都是在webpack中，在vue.config.js中修改不多，所以故而整理此文一、安装amfe-flexible1.npm安装npminstall-Samfe-flexible2.在main.js中引入import'amfe-flexibl
度一特·2021-01-19 00:10

“发得快“踩坑笔记-为什么过渡动画卡顿了?

过渡动画卡顿的解决方案遇到这个问题的过程发得快项目在优化时，有个优化是在切换菜单时，让菜单有一个过渡动画，但是在切换到订单时，过渡动画有一个明显的卡顿，要做的就是解决这个卡顿。
SYWsuperman·2021-01-17 19:16

vue-draggable组件教程:可拖拽滑动控制多列表的组件（类似SAP日报功能）

支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖jQuery为基础、vue2过渡动画兼容、支持撤销操作。
建行一世·2021-01-15 11:51

vue----3.混入，插槽，自定义指令，自定义过滤器，过渡动画，响应式原理

文章目录混入插槽自定义指令自定义过滤器过渡动画响应式原理（来源于官方文档）混入混入（mixins）提供了一种非常灵活的方式来分发vue组件中的可复用功能，一个混入对象可以包含任意组件选项，当组件使用混入对象时
一介丿小白·2021-01-13 12:09

易懂好上手的transition-group函数式复用组件

可是，这两个组件只是提供了一个可以配置效果的外包装骨架，如果我们想把某些常用的过渡动画效果重复使用在我们的组件上的时候，就只能每次都重
荷犸·2021-01-06 19:37

易懂好上手的transition-group函数式复用组件

可是，这两个组件只是提供了一个可以配置效果的外包装骨架，如果我们想把某些常用的过渡动画效果重复使用在我们的组件上的时候，就只能每次都重
荷犸·2021-01-06 19:50

Vue移动端适配方案

Vue移动端适配写在前面使用到的两个工具介绍工具一：lib-flexible——```用于自动设置rem基准值```工具二：postcss-pxtorem——```是一款postcss插件，用于将单位转化为
一羊迁徙·2021-01-05 17:30

css3实现一个宽高未知的div的slidedown动画

slidedown动画需求slidedown和slideup动画被广泛应用于导航栏的下拉菜单中，过去利用DOM操作配合setInterval或setTimeOut，可以制造出非常方便的slidedown过渡动画
今天的绿灯·2021-01-05 00:21

vue移动端实现word在线预览

上一篇说了excel文件的预览，其实word预览跟excel预览很相似，代码都大差不差，言归正传word预览同样要使用插件，这里使用的是mammoth插件，首先vue项目引入：npminstallmammoth在预览的页面导入importmammothfrom‘mammoth’同样的也引用了手势缩放和移动，在我pdf预览那篇文章有说明手势的操作，使用的AlloyFinger手势插件。html代码j
小鲤鱼ya·2020-12-28 16:29

vue移动端实现excel在线预览

上篇博客我提到了ios手机不能实现下载功能，但是可以实现预览，图片预览和pdf预览我已经在前篇博客做了讲解，但是，在工作中大家上传最多的应该是excel的文件，今天我就讲解一下excel移动端的预览实现。预览excel当然也是需要引入插件的，这里使用的是一个SheetJSjs-xlsx插件，首先在vue项目引入：npminstallxlsx然后在要预览excel的页面引入importXLSXfro
小鲤鱼ya·2020-12-28 15:10

vue移动端pdf在线预览，并实现手势缩放、移动

通常我们会遇到ios手机不能下载文件的问题，那是因为苹果手机的拦截机制，这时我们只能通过别的方法来解决问题，我这里的解决方法是直接实现在线预览pdf预览跟图片预览不同，pdf可能会有多张，而图片只有一张，使用图片预览的组件肯定是行不通的这里我使用的是一个vue-pdf的插件，这是一个使用起来容易上手的插件。首先我们需要在vue项目中引入它：npminstall--savevue-pdf然后在展示p
小鲤鱼ya·2020-12-28 13:31

vue移动端--键盘弹起（隐藏底部按钮）

基本思路是通过监听屏幕的高度来改变底部的显示/隐藏首先：在data中获取屏幕的默认以及实时高度---->data(){return{isShow:true,//按照标准隐藏domHeight:document.documentElement.clientHeight,//默认屏幕高度showHeight:document.documentElement.clientHeight,//实时屏幕高度}
bug提交记录仪·2020-12-28 12:45

vue 图片自适应排列插件_vue移动端自适应插件postcss-px-to-viewport

一般我们做vue移动端项目使用的长度单位是rem、em，需要根据设计稿宽度进行计算，而这个插件可以配置相应属性直接按照原始设计稿长度进行构建，不需要繁琐的单位换算。
饮食伙计·2020-12-23 02:49

2020-12-22 关于Vue3中动态组件使用Transiton 动画失效的问题

Transition发现动画失效，看看问题的过程：1、刚开始的写法刚开始的写法结果发现动画无效，页面没有过渡效果，经过仔细查看文档，发现在Vue3中需要加一个appear属性，如下：加上appear属性这样，过渡动画效果就可以了
老者偏方·2020-12-22 10:20

js实现移动端轮播图滑动切换

本文实例为大家分享了js实现移动端轮播图滑动切换的具体代码，供大家参考，具体内容如下移动端手势轮播图分析1、自动轮播且无缝[定时器、过渡动画]2、分页器要随着图片的轮播而改变[根据索引切换]3、滑动效果
·2020-12-21 11:56

日常工作知识点集合之vue(一)

1.vue移动端项目中遇到的问题window.scrollTo(0,0)//页面切换时强制滚动到顶端//多个接口报错时，避免报错信息重叠asyncfetchData(){this.isAllFetchError
Roseska·2020-12-19 19:22

vue移动端项目骨架屏的实现

Vue应用加载过程我们先来看看vue的入口文件index.html里面的内容，favicon.ico">We'resorrybutdoesn'tworkproperlywithoutJavaScriptenabled.Pleaseenableittocontinue.从图里看到vue页面从打开到加载完成是有一段白屏的时间的，那白屏的加载体验对于首次访问的用户来说是难以接受的，我们可以使用尺寸稳定的
familyAboveAll·2020-12-11 15:49

vue移动端项目骨架屏的实现

Vue应用加载过程我们先来看看vue的入口文件index.html里面的内容，favicon.ico">We'resorrybutdoesn'tworkproperlywithoutJavaScriptenabled.Pleaseenableittocontinue.从图里看到vue页面从打开到加载完成是有一段白屏的时间的，那白屏的加载体验对于首次访问的用户来说是难以接受的，我们可以使用尺寸稳定的
familyAboveAll·2020-12-11 14:56

滑动手风琴的制作（只涉及HTML+css）

滑动手风琴展示图标可以通过阿里巴巴矢量图标库寻找，也可以通过链接bootcdn中的图标库，如下图BootCDN在中进行链接链接本次学习的重点内容为以下几点：1.制作出滑动效果，运用的是transition标签,transition为过渡动画效果
上学威龙_1a24·2020-12-08 23:34

vue移动端框架UI组件库-Mint UI

VuePC端常用UI组件库：https://www.jianshu.com/p/669d3e41dca6vue移动端常用UI组件库：https://blog.csdn.net/weixin_38633659
赵Wayne·2020-12-03 22:23

Flutter 仿生微信（5）：我的页面上拉下拉动画

这里我们在滑动结束的时候，加一个过渡动画，让页面更加平滑一点。动画分析在
Maojunhao·2020-12-01 14:22

FLutter混合开发 Android跳转Flutter页面,Flutter引擎等(4.1)

可能写的比较慢,大家见谅.创建Android项目Android跳转到Flutter页面Android跳转到Flutter指定页面混合开发Flutter引擎问题Flutter引擎跳转到指定页面Android过渡动画跳转
null.....·2020-11-25 10:28

H5项目中，复制一段密令（类似淘宝支付宝口令）的文本到剪切板

在vue移动端项目中，配合clipboard.js插件，复制一段密令（类似淘宝支付宝口令）的文本到剪切板pc端的文本复制到剪切板如果是在pc端的话，可以直接使用原生js进行编写，代码如下：这是被复制的内容
澹台宇鹏·2020-11-23 22:00

vue 移动端 使用postcssrc.js 并配置文件

说明：vue移动端的项目，我们的尺寸是按照了苹果手机的尺寸，大屏的828使用：首先是在vue项目npmipostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnano
那年·2020-11-20 10:27
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他