自从习惯开发了单页面应用，对多页面的页面间的相互跳转间没有过渡效果、难维护极度反感。但是最近公司技术老大说，当一个应用越来越大的时候单页面模式应付不来，但是没讲怎么应付不来，所以还得自己去复习一遍这两者的区别： 这样对比的话，单页面的优势确实很大，但当我自己去打开某宝，某东的移动端页面时，确实它们都 ...
分类：
其他好文 时间：
2019-02-21 15:43:51
阅读次数：
166
一、UIView动画（首尾） 1.简单说明 UIKit直接将动画集成到UIView类中，当内部的一些属性发生改变时，UIView将为这些改变提供动画支持 执行动画所需要的工作由UIView类自动完成，但仍要在希望执行动画时通知视图，为此需要将改变属性的代码放在[UIView beginAnimati ...
分类：
移动开发 时间：
2019-02-05 20:56:59
阅读次数：
217
#v-if 用法： 根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。如果元素是 <template> ，将提出它的内容作为条件块。 当条件变化时该指令触发过渡效果。 用法： 根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。如果元 ...
分类：
其他好文 时间：
2019-02-01 01:13:13
阅读次数：
220
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下几种常见的方式： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 在 CSS 过渡和动画中自动 ...
分类：
其他好文 时间：
2019-01-15 10:37:59
阅读次数：
202
举例小球动画如下 上面代码动画过渡效果是没有实现的，原因在于浏览器不会根据你js对style的修改实时更新，而一般是在当前js修改完毕之后，会对所有修改统一更新，而display:none(它本身是不能transition的)的状态切换影响了其他过渡效果的切换，毕竟为none的元素没法触发过渡。将o ...
分类：
编程语言 时间：
2019-01-13 00:26:02
阅读次数：
255
*过渡写到本体上 transition transition-property 规定应用过渡的CSS属性的名称。 transition-duration 定义过渡效果花费的时间，默认是0。 transition-timing-function 规定过渡效果的时间曲线，默认是ease。 transit ...
分类：
其他好文 时间：
2019-01-10 21:50:51
阅读次数：
163
App.vue: <div id="app"> <div class="content"> <transition :name="transitionName" :duration="{ enter: 500, leave: 0 }"> <router-view class="transitionB ...
分类：
移动开发 时间：
2019-01-02 12:36:34
阅读次数：
488
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px; line-height: 100px; tex ...
分类：
Web程序 时间：
2018-12-31 13:07:58
阅读次数：
146
<style> *{ padding: 0; margin: 0; } div{ width: 100px; height: 100px; background-color: red; margin-left: 200px; margin-top:10px; /*添加过渡效果 css样式名称 耗时* ...
分类：
其他好文 时间：
2018-12-27 03:13:29
阅读次数：
142
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS ...
分类：
其他好文 时间：
2018-12-14 13:59:07
阅读次数：
164
