摘要：
transition包含v if v else显示和隐藏元素的时候，两个元素同时发生过渡 清空列表的时候，列表逐渐消失，同时文字逐渐出现，文字先放在列表后面，列表0.5s后完全消失，文字瞬间上移到列表之前的位置 如果transition里面包裹的是相同标签名的元素切换时，Vue 为了效率只会替换相同 阅读全文
摘要：
vue可以在元素或组件进入和消失的时候提供过渡效果 使用过渡： vue会自动嗅探目标元素是否应用了 CSS 过渡或动画（transition标签包裹），如果是，在恰当的时机添加/删除 CSS 类名 在进入/离开的过渡中，会有 6 个 class 切换： v enter:插入元素前 v enter a 阅读全文
摘要：
过渡 过渡能让使用过渡的元素在样式发生变化时(例如鼠标划过，单击按钮，点击图片时，颜色，尺寸，位置等样式发生变化)，定义变化过程中的动画，让变化不再是瞬间产生。 过渡样式使用transition定义，一共有四个属性 1. transition property:过渡属性，比如color, opaci 阅读全文
摘要：
在main.js中添加一个变量到Vue.prototype Vue.prototype.$appName = 'My App' 这样 $appName 就在所有的 Vue 实例中可用了，甚至在实例被创建之前就可以 每个组件都是一个vue实例，Vue.prototype加一个变量，只是给每个组件加了一 阅读全文
摘要：
vuex的作用 vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新，解决vue中各个组件之间传值和通信的问题 vuex的使用 安装vuex： npm install vuex save 我们在项目的src目录下新建一个目录store，在该目录下新建一个index.js文 阅读全文
摘要：
默认情况下，组件是在router/index.js头部这样加载的： import index from '@/components/index' @代表"src"，在配置文件中默认配置了别名: 这种写法会在加载首页时，加载所有组件，导致首页加载过慢，出现白屏 组件懒加载是在组件需要使用的时候才加载， 阅读全文
摘要：
Lambda表达式(箭头函数)用于表示一个函数，所以它和函数一样，也拥有参数、返回值、函数体，但它没有函数名，所以Lambda表达式相当于一个匿名函数。 使用方法： ()= {} 小括号里放参数，大括号里放函数体 箭头函数做回调参数 [5, 8, 9].map(item = item + 1);// 阅读全文
摘要：
普通JS规范: 变量使用小驼峰命令，前缀为形容词(函数前缀为动词) 常量使用大写字母和下划线来组合命名，下划线用来分割单词 函数使用小驼峰式命名法，前缀为动词 类使用大写驼峰命名(首字母大写) 类成员命名 公共属性和方法： 跟变量和函数命名一样 私有属性和方法：前缀为下划线_, 后面跟公共属性和方法 阅读全文
摘要：
需要重用的css规则尽量面向属性命名，尽量不掺杂语义 选择器尽量不包含层级( test .test)、标签(ul.test)，这样会限制重用，例如 test .test{}这种写法，完全限死在了id为test的元素下，也会影响渲染速度 CSS的渲染方式是“从右往左”渲染的，就拿 test ul{}举 阅读全文
摘要：
line height 字符实际大小和font size的关系： 下图中不同字体font size都是100px 测量了一下每个 span 的高度：Helvetica 115px，Gruppo 97px，Catamaran 164px。 所以，font size 相同，font family 不同， 阅读全文