vue移动端过渡动画

慕课网CSS工作应用+面试（1）

元素默认样式和定制化、CSS选择器全解析、CSS常见属性逐一讲解CSS实战：布局属性和组合解析、常见布局方案介绍、三栏布局案例、国内大站布局方案拆解动画和效果专题讲解：多背景多投影特效、3D特效编写实践、过渡动画和关键帧动画实践
Cacra·2020-08-10 22:37

小程序自定义弹窗（有显示动画的）

小程序类似与Vue.js，Angular.js这样的模板引擎，这类MVVM的数据驱动框架能快速的开发项目，但是在做小程序时必会遇到的一个问题就是弹窗非常生硬，没有过渡动画。
黄河爱浪·2020-08-10 22:47

不知道为什么添加el.offsetWidth之后 vue过渡动画成功

活在今天的格子里使用vue中的过渡动画的时候：注意在使用javascript钩子的时候动画效果是无法出来的，得要额外的添加一句el.offsetWidth???
郭治涛-Theo·2020-08-10 20:53

html5，css3实战

CSS3：过渡动画、帧动画JS：元素获取，事件响应处理2.准备标注工具：像素大厨雪碧图拼接：gopng3.开发项目骨架：手机H5页面外观配置型号说明其他产品立即购买©index.html京ICP
七元八角oooo·2020-08-10 11:17

Vue移动端 viewport视口的设置、解决点击响应延时0.3s问题

（1）配置移动端视口：（2）解决点击响应延迟0.3秒的问题：if('addEventListener'indocument){document.addEventListener('DOMContentLoaded',function(){FastClick.attach(document.body);},false);}if(!window.Promise){document.writeln(''
柠檬不萌只是酸i·2020-08-10 09:18

vue移动端flexible.js结合Muse-ui使用的小坑

因为公司有个项目有webapp的需求，在前期准备的期间考虑过使用ionic，毕竟该项目web端的框架使用的是Angular，项目组的人也都比较熟悉，但是我们毕竟只是做个移动的网页，不想用ionic那么繁琐的东西，最终我还是选了vue。开始的设想是vue+Muse-ui或者Mint-ui(各有优缺点)+flexible.js，在做到手机端兼容的同时结合ui框架让项目更好看些，然后就开始动手做！这个时
zl_gogogo·2020-08-10 05:37

过渡动画Transition

Transition过渡动画顾名思义比如一个当前屏幕状态(Scene)中一个正方形长50dp,切换到另一个屏幕状态(Scene)对应正方形长度长100dp,长度变化就是渐变的,有过渡的,而不是突然地先看
z1361186518·2020-08-10 05:10

Android Transition（Android过渡动画）

参考链接:-http://www.jianshu.com/p/0af52be90ae6-http://www.jianshu.com/p/e497123652b5在Android4.4Transition就已经引入了，但在Android5.0(API21)之后，Transition被更多的应用起来。相对于ViewAnimation或PropertyAnimator，Transition动画更加具有
tuacy·2020-08-10 04:58

vuejs开发H5页面总结

vue移动端h5页面根据屏幕适配的四种方案关于布局方案当拿到设计师给的UI设计图，前端的首要任务就是布局和样式，相信这对于大部分前端工程师来说已经不是什么难题了。
前端库·2020-08-10 02:39

一个 Android 简易的新闻客户端

Android开发课程上写的，是最后一个实验报告的内容，用到的技术有如下几种：数据库（Litepal）网络请求（async-http）Json解析（Gson）DesignLibraryActivity过渡动画
True?·2020-08-09 23:55

场景过渡动画（Scene Transition）-简单使用

1.先说一下过渡动画（TransitionAnimation）过度动画有3种：场景过渡动画(SceneTransition)，Activity过渡动画，共享元素过渡动画(SharedElementTransition
*八步赶蝉*·2020-08-09 23:37

tips:在iframe中嵌入微信公众号文章

那么该怎么办呢，我在网上寻找一番之后倒是发现了一些基于jQuery的解决方法，虽然我的项目是VUE移动端项目，不过还是可以借
韭菜的故事·2020-08-09 23:03

Android5.0--Activity过度动画

Android5.0–Activity过度动画Android提供了三种transition类型进入动画：一个activity全部视图进入的过渡动画退出动画：一个activity全部视图退出的过渡动画共享元素
c_night·2020-08-09 23:46

android5.0之Activity过渡动画

android5.0之Activity过渡动画Android5.0提供了3种Transition类型。进入动画：一个进入的过渡动画决定一个Activity中的所有视图怎么进入屏幕。
张行之·2020-08-09 23:01

笔记-Android5.0转场动画学习

以后就在这里记点笔记吧，首先sdk最小版本minSdkVersion21简单的转场过渡动画分为三种Slide，Fade，Explode,滑动，渐变，爆炸三种1.先初始化动画privatevoidsetupWindowAnimations
RunningAndFly·2020-08-09 23:18

49.Android过渡动画的一个小练习

转载请注明出处http://blog.csdn.net/qq_31715429/article/details/52710485本文出自：猴菇先生的博客Android过渡动画是在api21加入的作用在window
猴菇同学·2020-08-09 23:07

android属性动画--场景过过渡动画

当从一个布局切换到另一个布局时的动画，先看效果：当从scene1切换到其他scenc时候，可以设置动画,代码：/**Copyright(C)2013TheAndroidOpenSourceProject**LicensedundertheApacheLicense,Version2.0(the"License");*youmaynotusethisfileexceptincompliancewit
new_abc·2020-08-09 22:40

SystemUI 去掉锁屏解锁后“应用执行的过渡动画”

不积跬步无以至千里前摘：测试提了一个bug，说其它各大厂商在解锁时候，应用不会执行解锁后的一个过渡动画，其实这里的过渡动画是原生google版本为了解锁后不太生硬加的一个动画，我这里动画是界面向上弹出的动画
Fisher-older·2020-08-09 19:04

Transition(过渡动画效果)

概览这个包中的类为view提供scenes&transitions结构Scenes是指一个封装的视图,包括视图层次结构和各种值(布局相关和其他),一个场景可以直接被定义为一个布局层次或通过代码动态设置。Transition是当输入一个新场景时，自动激活的动画变化机制。一些过渡功能是自动的，例如，载入一个view时会有一个当前的view淡出，调整边界，重新计算现有view的高度，然后淡入现有view
yh_android_blog·2020-08-09 18:44

vue移动端浏览器项目，微信内置浏览器中调用微信支付

微信内置浏览器中调用微信支付，前提需获取微信签名等信息，然后通过wx.config配置签名等信息，代码示例如下：wxPayInside(wxData){//微信内部浏览器letthat=thisthat.wxconfig(wxData)wx.ready(function(){//config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的
晴愔·2020-08-09 15:57

iOS 8_UIAlertController

全新的UIPresentationController在实现视图控制器间的过渡动画效果和自适应设备尺寸变化效果（比如说旋转）中发挥了重要的作用，它有效地节省了程序员的工作量。还有，某
谁见过风·2020-08-09 13:14

（六）vue开发 - transition之页面切换过渡动画

h5页面在内嵌在app里使用，页面切换时体验不太友好，可以使用transition设置动画，页面前进和后退时保持和原生客户端一样的切换效果：1、在路由里设置，meta的index的值，通过index值的大小控制页面跳转层级顺序，如下：首页=>产品=>详情exportdefaultnewRouter({routes:[{path:'/index',name:'index',component:ind
、不知不觉、·2020-08-09 12:14

vue移动端适配（postcss-pxtorem和amfe-flexible）

一、移动端适配（postcss-pxtorem和amfe-flexible）在vue中实用rem自动转换插件(postcss-pxtorem和amfe-flexible事项移动端适配)实现思路：①通过postcss-pxtorem实现将px转成rem，②实用amfe-flexible插件进行HTML根节点的初始化。配置完这两个插件，我们就可以实用设计稿的px来进行开发了。1.安装postcss-p
四季飘雪·2020-08-09 11:45

vue移动端ui框架vant如何自定义引入阿里巴巴图标库

vant如何自定义引入阿里巴巴图标库框架虽然本身有提供部分icon，但是很多时候都无法满足我们得需要，这个时候我们就需要自定义引入icon，这里我是使用的阿里巴巴图标库。首先，我们先打开阿里巴巴图标库地址，下载我们项目里的图标资源。下载完的目录如下：在项目src/assets路径下新建一个文件夹iconfont(文件名随意取),将下载好的文件放在iconfont目录下。打开iconfont.css
liy1wen·2020-08-09 11:15

vue移动端适配（px转vw）postcss-px-to-viewport配置

安装postcss-px-to-viewportnpminstallpostcss-px-to-viewport根目录新建postcss.config.js文件//postcss.config.js文件module.exports={plugins:{'postcss-px-to-viewport':{unitToConvert:'px',//需要转换的单位，默认为"px"viewportWidt
猿者上钩·2020-08-09 10:20

vue移动端更改手机物理按键返回问题

又是一天见面的日子，春季盎然~已经无法在继续抒情下去了，写作水平骤降！！今天记录下应用cordva+vue生成的apk在手机物理返回时遇到的问题；前提说~~应用vue，我们可以自定义上一路径和下一路径，其实就是在开发webapp时，我们通常会在webapp的头部导航栏自定义返回的上层路径，但是，手机的物理路径并不是像上层路由那样直接返回了，手机物理返回，按照html5的history的路径进行返回
diandipi8532·2020-08-09 07:17

Material Design 超炫过渡动画实现及流程分析

点击上方蓝字关注码个蛋用它可以大大提高用户交互体验。作者博客http://rkhcy.github.io/源码地址https://github.com/Rkhcy/TransitionNote2文章目录0.概述1.ContentTransition1.1.使用1.2.例子1.3.具体流程2.ShareElementTransition2.1.例子2.2.具体流程2.3.延迟加载0概述在「Andro
陈宇明·2020-08-09 07:22

VUE移动端浏览器分享事件（微信，QQ，新浪微博）NativeShare.js

先看一下效果图：点击右上角的分享按钮，触发百度浏览器的分享事件，来实现分享。目前只支持UC浏览器百度浏览器等主流浏览器。使用NativeShare.js来达到上述功能的实现如何在Vue中使用：第一步：安装依赖：npminstallnativeshare第二步：在需要的vue组价或页面引入importNativeSharefrom'nativeshare'第三步：在点击分享的地方创建方法：@clic
姚辉乾·2020-08-09 05:39

Vue 日期控制的改造（只能选择年月）

1、前言学习Vue已经有很长一段时间了，也刚刚完成了一个Vue移动端项目，后面会陆续将个人在刚刚完成的这个Vue项目中碰到的坑进行汇总，然后以blog的形式分享出来。
蔚蓝色天空sky·2020-08-09 03:10

vue移动端路由切换完整实例

vue移动端路由切换完整实例在写移动端时，因为需要给页面做转场动画，便有了这次的研究其中最主要的时以下两个问题：浏览器导航栏的切换IOS上滑动切换时，会有两次页面的转场动画，一次自身滑动时进行的切换，随后触发我们设置的转场动画
weixin_34062329·2020-08-09 00:07

Vue实现移动端页面切换效果

在子页面把整个页面做绝对定位，覆盖整个屏幕，子父页面将router-view用transition套起来，并加上过渡动画就可以啦。
weixin_30877227·2020-08-09 00:04

vue移动端日期选择组件

用了vux的一个弹窗转载来源:https://blog.csdn.net/Candy_mi/article/details/98612906?utm_source=app时间段:{{starttime}}至{{endtime}}-->请选择时间开始时间{{starttime}}结束时间{{endtime==''?'请选择结束日期':endtime}}上一月{{Year}}年{{month}}月下一
w晨晨·2020-08-08 23:36

Vue列表滚动的过渡动画

效果图失帧比较严重，在手机上效果更佳。原理分析这个滚动页面由两个部分布局（底部固定的Tab页面除外）。一个是顶部的banner轮播，一个是下面的列表。这里的重点是做列表的动画，banner轮播的网上资料很多，请自行查找。这个动画最重要的是在滚动中实时计算startIndex和endIndex，动画比较简单，就是scale和opacity的变化。向下滚动时，startIndex变小；向上滚动时，en
V1nc4nt丶·2020-08-08 21:21

Vue移动端日期选择器（datepicker.js）

声明：因为帮忙用到移动端用到日期选择器，效果如图使用方法：第一步：在main.js中引入importdatePickerfrom"../static/js/datePicker.js"//路径自己设置Vue.use(datePicker)第二步：在.vue文件中使用备注：需要更改样式在js里面更改第三步：在.vue文件中使用mounted(){this.datePicker();//加载日期选择控
你说的誓言°变失言·2020-08-08 11:10

Vue 日期控制的改造（只能选择年月）

1、前言学习Vue已经有很长一段时间了，也刚刚完成了一个Vue移动端项目，后面会陆续将个人在刚刚完成的这个Vue项目中碰到的坑进行汇总，然后以blog的形式分享出来。
zhaofeiweb·2020-08-08 10:38

Android获取桌面启动图标的位置

Android系统默认会将用户点击的“桌面图标”的位置发送给启动页MainActivity，以此来实现某些系统的过渡动画，所以在MainActivity中调用下面的代码是可以得到当前App的icon坐标的
胖子爱你520·2020-08-07 21:41

vue移动端地址编辑地址回显

写这篇文章主要是前面写这个地址的时候遇到了一些坑，走了许多弯路，这里记录一下，给新手朋友们指道，这是编辑原图最开始我用了vantui框架，在地址这方面vant一直很好用，地址列表省市区选择组件都用，最开始没什么问题在经历了几次版本更新之后不知道什么页面与vant地址选择组件起冲突，导致选择省市区的时候弹框里空白，在经历了无数次尝试之后，我放弃了改用了muse省市区选择组件，但是地址回显的时候由于后
通通...·2020-08-07 21:55

VSCode一个简单的vue移动端适配方案

在index.HTML下用JS动态配置viewport我这里UI给的设计图都是750px，所以750px/15(份)=50rem(function(){varpixRatio=1/window.devicePixelRatio;document.write('');varhtml=document.documentElement;varhWidth=html.getBoundingClientRe
weixin_34284188·2020-08-07 20:03

vue项目在iPhoneX上的底部tab切换被小黑条遮挡问题

在修改公司以前的项目中，遇到了vue移动端在iphoneX上底部tab栏被遮挡的问题。在查网上，有很多方法，苹果也给出了开发建议，几乎都试了一圈。
如果有鱼·2020-08-07 17:34

Vuejs——（7）过渡（动画）

简单来说，更适合新手阅读（二十四）过渡动画①过渡动画的定义；简单来说，就是当模块消失、出现时，会以什么样的形式消失和出现；如果要使用过渡动画，则在标签里加入属性：transition=”过渡动画名”例如
qq20004604·2020-08-07 16:55

CSS3 动画

CSS3动画虽然transition在一定的时间内可以实现元素的初始状态在指定的时间范围过渡最终状态，模拟一种过渡动画效果，但它的功能是非常有限的。因此，CSS3新增了一个动画属性animation。
cuiqian9347·2020-08-07 13:27

Vue中切换页面时的过渡动画

定义层级我们需要给各个页面定义层级,在切换路由时判断用户是进入哪一层页面,如果用户进入更高层级那么做前进动画,如果用户退到低层级那么做后退动画。importVuefrom'vue';importRouterfrom'vue-router';importHomefrom'@/pages/home/Home';importListfrom'@/pages/list/List';importDetail
旭日佳年·2020-08-05 14:15

Qt 3D Studio-05-深入了解 Timeline 属性栏

用过或玩过AE都知道，这里面有一个东西叫做“关键帧”，在Qt3DStudio中，同样是存在这么一个东西，我们只需要在特定是时间节点设置好关键帧，Qt就可以自己完成过渡动画，当然，我猜测这个过渡动画也是可以编辑
DreamLife.·2020-08-05 12:45

vue移动端的左右滑动事件demo

*{padding:0;margin:0;}body{background:#EEEEEE;}.box{text-align:center;}.btn{position:relative;width:70%;height:40px;margin:150pxauto;border-radius:20px;background:#333333;}.btn-move{position:absolute;
染蓝了天·2020-08-05 11:51

Vue移动端左右滑动组件

一个业务问题由于加载的数据过大之前用Swiper组件一次性加载所有导致安卓低端手机及苹果内核性能低下导致闪退自己根据网上的代码再自己优化下写了个组件,能够监听用户左右滑动的事件.自己再通过按需加载,减少数据一次加载过多exportdefault{name:'slide',data(){return{startX:0,//开始触摸的位置endX:0,//结束触摸的位置disX:0,//移动距离las
qa2080639·2020-08-05 10:31

vue移动端使用clipboard实现复制功能

移动端实现复制功能1.先引入clipboard.js2.加入按钮##其中:data-clipboard-text="复制的内容"复制3.js中写入事件....methods:{createCopy(){varclipboard=newClipboardJS('.copybtn')//此处为点击的dom的类名clipboard.on('success',e=>{console.log('复制成功')
谁看到我的小饼干·2020-08-05 03:32

CSS弹跳动画

对几乎所有类型的过渡动画来说,它
weixin_34292959·2020-08-05 03:36

JavaScript实现放大镜效果

需求分析要求做一个如图所示的放大镜，鼠标随动，右键开启关闭，含过渡动画。
长安小提莫·2020-08-05 02:03

vue移动端拖拽的简单方案

话不多说，同事的需求，今儿早上过来敲了一会，希望对大家有用首先该需求比较简单，在谷歌上查了一会发现结果的方法都有些复杂，因此决定用vue自带的手指点击事件处理，菜鸟选手写的比较简单，将就将就。首先我们要用到的事件有手指点击事件：touchstart当手指放下去时，通过获取点击点信息与元素位置信息将元素中心点移动到点击点上手指移动事件：touchmove同上，获得两者位置信息之后想怎么操作就怎么操作
跑的飞快·2020-08-04 17:57

vue单组件过渡

vue过渡/动画vue给我们提供了过渡动画的效果，用起来还是挺方便的。来试一试。单组件过渡vue过渡vue中给我们提供了transition标签，它负责将需要过渡的元素包起来进行过渡效果的展示。
PerfumerKarma·2020-08-04 17:01
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他