　　

vue中动画分布解析

2020-12-01 16:19:26

参考连接 https://blog.csdn.net/qq_37977455/article/details/104765789

transition分为以下六个阶段：
enter, enter-active, enter-active-to,
(开始进入阶段的)第1帧属性值，到 (默认属性值的过渡阶段)，移除enter动画，
leave, leave-active, leave-active-to
(开始离开阶段的)第1帧默认属性值，到 (属性值的过渡阶段)，移除leave动画

2种使用：

// html
<transition name="slide"></transition>12

 /* 正常状态下detail组件默认为transformX(0) */
.slide-enter,
.slide-leave-to {
  transform : translateX(100%);
}
.slide-enter-active,
.slide-leave-active { transition: all .6s;}1234567

不考虑过渡速率，与下同，

@keyframes slideMove{
    0%{ transform : translateX(100%); }
    100%{ transform : translateX(0); }
}
.slide-enter-active { animation: .6s slideMove;}
.slide-leave-active { animation: .6s slideMove reverse;} /* 动画顺序翻转 */

2020-01-04 08:16:12

flex水平平分布局
flex，水平，平分

2020-01-04 08:19:28

flex 布局子内容p元素被撑开
父元素 flex 布局，子元素有一行文字，将其设置为不换行隐藏后显示省略号，但实际并不是想象的那样，而导致布局变形。改怎么办？

2020-01-04 18:44:26

vue中computed源码，工作原理
(Obeject.defineProperty是Object的一个方法，第一个参数是对象名称，第二个参数是要设置的属性名，第三个参数是一个对象，它可以设置这个属性是否可修改、可写等，而这篇文章主要使用的是Obeject.defineProperty的访问器属性，感兴趣的朋友可以自行google或者查看Js高及程序设计)

2020-01-04 18:47:47

computed失效不打印console
我们可以看上一篇computed的原理，来看为什么不打印console

2020-01-05 12:48:03

Spring报错：has been injected into other beans [xxx] in its raw version as part of a circular reference
发现这样的错误，一般是循环引入service引起的，比如aService引入了bService，bService又引入了aService，就会循环引入，就出错了

2020-01-06 23:02:42

Updating Homebrew... 更新了镜像依然卡死
使用brew install [软件包]安装软件包时,卡在Updating Homebrew... 或输入`brew update`更新brew,半天没反应.产生原因一般是在国内访问官方更新源获取资源太慢,解决方案可以采用更换国内镜像更新源.

2020-01-06 23:34:07

PHP - 将macOS系统下的PHP升级成最新版本（7.3），并设为默认
由于我当前使用的 Mac 电脑的 PHP 版本比较低（7.1.19），许多新特性和功能不支持，现准备将其升级成最新版（7.3.2），具体步骤如下。

2020-01-07 10:06:00

vue重定向beforeRouterEnter与replace的使用
一个登录页面，只有第一次才会出现，一旦出现过，以后再也不会出现，即使是输入该页面的url也不会跳转到该页面，只会跳转到指定的其他页面；

2020-01-07 10:09:34

Vue-- 监听路由变化，数据无法更新？
除了动态修改 $route.meta.keepAlive 还有给router-view 加key的用法，根据自己的需求酌情处理吧

2020-01-07 10:14:07

vue强制刷新组件销毁和重建
很多时候，通过重置数据将页面重置时，子组件可以提供重置的方法，或者提供props重置自己的状态。但是相对麻烦，那可以使用强制刷新来实现刷新组件。