摘要：
d1,d2,d3的width之和大于父元素的宽，并且都没有设置flex-shrink属性时， 会自动按自身比例收缩，见下图： 如果d1,d2,d3都设置了flex-shrink值时，即使是0， 则会溢出父元素的边框，见下图： 当d1,d2,d3任何一个设置了flex-shrink属性值时，（其它两个 阅读全文
posted @ 2020-05-16 00:46 jjw 阅读(278) 评论(0) 推荐(0) 编辑
摘要：
当 d1,d2,d3未设置widht 并且flex-grow 为1时， 它们等分父元素的width,如下图： 当d1,d2,d3 未设置widht时， 设置flex-grow都为小数时，相当于按百分比占据父元素的width, 如d1->0.1 d2->0.2 d3->0.3时， 见下图： 如果d1, 阅读全文
posted @ 2020-05-16 00:09 jjw 阅读(459) 评论(0) 推荐(0) 编辑
摘要：
flex-basis是flex中的 子元素 属性，默认为auto ！！！此属性优先级大于width，但受min-widht， max-width的限制！！！ flex-basis为百分比时，是指父元素的百分比。 默认auto时, 为子元素设置的width. 当 子元素的width设置为 百分比时，指 阅读全文
posted @ 2020-05-15 23:40 jjw 阅读(2346) 评论(0) 推荐(0) 编辑
摘要：
space-around对齐时， 三个div之间的距离是与父边框之间距离的【两倍】 space-evenly对齐时，三个div之间的距离是与父边框之间的距离 【相等】 space-between对齐 center对齐时，是三个div挨在一起（当做一个元素）居中。 阅读全文
posted @ 2020-05-15 22:53 jjw 阅读(869) 评论(0) 推荐(0) 编辑
摘要：
元素默认是static定位 一 、相对定位 relative 1. 原位置仍被占据。 2, 以当前元素的原坐标开始定位 二、绝对定位 absolute 1. 释放元素所占位置。 2. 参考最近的外层元素（不是static定位的外层元素）的坐标。 三、固定定位 最简单的定位，以当前窗口的左上角为原点。 阅读全文
posted @ 2020-05-14 11:17 jjw 阅读(156) 评论(0) 推荐(0) 编辑
摘要：
浮动: float 1. 脱离原文档流，并且释放原占有空间。但仍在原父边框范围内，即受父大小的限制。 2. 同级浮动的元素不会相互重叠。 3. 浮动后原display失效，可设置宽高，如：span标签。 并且不会独占一行，如div. 4.子元素浮动后，父没有设置【高】时，会塌陷。 如果父设置了ove 阅读全文
posted @ 2020-05-14 10:50 jjw 阅读(162) 评论(0) 推荐(0) 编辑
摘要：
div p 与 div>p 的区别 div p 直属非直属的p元素都会被选择 不必直接包涵，即可嵌套 div>p 只有直属div的p元素会被选择 必须直接包涵，不能是嵌套 div~p 与 div+p 的区别 div~p div与p必须同级，div元素后面的p元素都会被选择 p元素的前面可以有其它元素 阅读全文
posted @ 2020-05-13 22:43 jjw 阅读(122) 评论(0) 推荐(0) 编辑
摘要：
/*eslint no-unused-vars: ["error", { "args": "none" }]*/ router.afterEach((to, form) => { Auth.isLogin = true }) 方便参考： http://www.verydoc.net/eslint/0 阅读全文
posted @ 2020-05-10 00:09 jjw 阅读(6523) 评论(0) 推荐(0) 编辑
摘要：
// Globally register all base components for convenience, because they // will be used very frequently. Components are registered using the // PascalC 阅读全文
posted @ 2020-05-08 23:15 jjw 阅读(291) 评论(0) 推荐(0) 编辑