jjw

写给自己的博客。 记录学习的点滴以备查。
posts - 79, comments - 8, trackbacks - 0, articles - 0
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2020年5月16日

摘要: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) 评论(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 阅读(35) 评论(0) 推荐(0) 编辑

2020年5月15日

摘要:flex-basis是flex中的 子元素 属性,默认为auto !!!此属性优先级大于width!!! 默认auto时, 为子元素设置的width. 当 子元素的width设置为 百分比时,指子元素的width占父容器的width的百分比,当d1 为 50%,d2,d3 为25%时,见下图: 当 阅读全文

posted @ 2020-05-15 23:40 jjw 阅读(162) 评论(0) 推荐(0) 编辑

摘要:space-around对齐时, 三个div之间的距离是与父边框之间距离的【两倍】 space-evenly对齐时,三个div之间的距离是与父边框之间的距离 【相等】 space-between对齐 center对齐时,是三个div挨在一起(当做一个元素)居中。 阅读全文

posted @ 2020-05-15 22:53 jjw 阅读(90) 评论(0) 推荐(0) 编辑

2020年5月14日

摘要:元素默认是static定位 一 、相对定位 relative 1. 原位置仍被占据。 2, 以当前元素的原坐标开始定位 二、绝对定位 absolute 1. 释放元素所占位置。 2. 参考最近的外层元素(不是static定位的外层元素)的坐标。 三、固定定位 最简单的定位,以当前窗口的左上角为原点。 阅读全文

posted @ 2020-05-14 11:17 jjw 阅读(23) 评论(0) 推荐(0) 编辑

摘要:浮动: float 1. 脱离原文档流,并且释放原占有空间。但仍在原父边框范围内,即受父大小的限制。 2. 同级浮动的元素不会相互重叠。 3. 浮动后原display失效,可设置宽高,如:span标签。 并且不会独占一行,如div. 4.子元素浮动后,父没有设置【高】时,会塌陷。 如果父设置了ove 阅读全文

posted @ 2020-05-14 10:50 jjw 阅读(21) 评论(0) 推荐(0) 编辑

2020年5月13日

摘要: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) 评论(0) 推荐(0) 编辑

2020年5月10日

摘要:/*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) 评论(0) 推荐(0) 编辑

2020年5月9日

摘要:const routes = [ { path: "/", component: BasicLayout, children: [ { path: "", name: "analysis", component: Analysis }, { path: "userform", name: "user 阅读全文

posted @ 2020-05-09 21:59 jjw 阅读(21) 评论(0) 推荐(0) 编辑

摘要:import Vue from "vue"; import router from "./router"; import ElementUI from "element-ui" import 'element-ui/lib/theme-chalk/index.css'; import App fro 阅读全文

posted @ 2020-05-09 19:41 jjw 阅读(52) 评论(0) 推荐(0) 编辑