摘要：d1,d2,d3的width之和大于父元素的宽，并且都没有设置flex-shrink属性时， 会自动按自身比例收缩，见下图： 如果d1,d2,d3都设置了flex-shrink值时，即使是0， 则会溢出父元素的边框，见下图： 当d1,d2,d3任何一个设置了flex-shrink属性值时，（其它两个 阅读全文
posted @ 2020-05-16 00:46
jjw
阅读(28)
摘要：当 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
阅读(35)
摘要：flex-basis是flex中的 子元素 属性，默认为auto ！！！此属性优先级大于width！！！ 默认auto时, 为子元素设置的width. 当 子元素的width设置为 百分比时，指子元素的width占父容器的width的百分比，当d1 为 50%，d2,d3 为25%时，见下图： 当 阅读全文
posted @ 2020-05-15 23:40
jjw
阅读(162)
摘要：space-around对齐时， 三个div之间的距离是与父边框之间距离的【两倍】 space-evenly对齐时，三个div之间的距离是与父边框之间的距离 【相等】 space-between对齐 center对齐时，是三个div挨在一起（当做一个元素）居中。 阅读全文
posted @ 2020-05-15 22:53
jjw
阅读(90)
摘要：元素默认是static定位 一 、相对定位 relative 1. 原位置仍被占据。 2, 以当前元素的原坐标开始定位 二、绝对定位 absolute 1. 释放元素所占位置。 2. 参考最近的外层元素（不是static定位的外层元素）的坐标。 三、固定定位 最简单的定位，以当前窗口的左上角为原点。 阅读全文
posted @ 2020-05-14 11:17
jjw
阅读(23)
摘要：浮动: float 1. 脱离原文档流，并且释放原占有空间。但仍在原父边框范围内，即受父大小的限制。 2. 同级浮动的元素不会相互重叠。 3. 浮动后原display失效，可设置宽高，如：span标签。 并且不会独占一行，如div. 4.子元素浮动后，父没有设置【高】时，会塌陷。 如果父设置了ove 阅读全文
posted @ 2020-05-14 10:50
jjw
阅读(21)
摘要：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
阅读(20)
摘要：/*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
阅读(1436)
摘要：const routes = [ { path: "/", component: BasicLayout, children: [ { path: "", name: "analysis", component: Analysis }, { path: "userform", name: "user 阅读全文
posted @ 2020-05-09 21:59
jjw
阅读(21)