- 博客(4)
- 收藏
- 关注
原创 flex:1和flex:auto详解
首先明确一点是, flex 是 flex-grow、flex-shrink、flex-basis的缩写。flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间(main size)。浏览器根据这个属性,计算主...
2019-10-13 00:04:55 4305
原创 Vue中的数组更新检测 和 对象变更检测注意事项
在使用vuex的时候,store中的state维护的数据在做某些变更操作的时候,组件内部的数据没有做出响应式更新,究其原因是因为js在操作容器的时候有些操作不是响应式的。哪些操作不是响应式的呢?如果写才能变为响应式呢?一. 数组的响应式方法Vue 将被侦听的数组的变异方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括:push()pop()shift()uns...
2019-09-30 15:39:28 1265
转载 webstorm中不能识别react、vue alias 路径别名符号
因为我平时比较喜欢使用ws做开发,所以在使用vue或react的时候只要使用路径别名符合,ws就会出现波浪线提示你,对我这个有强迫症的人来说很烦!所以在找了很久终于找到了解决办法在ws有一个webpack的设置来帮我们识别项目路径,所以我们只要创建一个对应的配置文件就行了创建一个js文件,名字随意里面写入/**'use strict'const path = require('p...
2019-09-29 23:02:58 1154
原创 解读VUE中的keep-alive组件
<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。<keep-alive> 与 <transition>相似,只是一个抽象组件,它不会在DOM树中渲染(真实或者虚拟都不会),也不在父组件链中存在,比如:你永远在 ...
2019-09-29 16:42:20 617
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人