学无边涯

2022年8月21日

flex项目的属性rder、flex-grow、flex-shrink、flex-basis、flex、align-self

摘要： 1、order 属性定义项目的排列顺序 .item { order: <integer>; } 2、flex-grow 属性定义项目的放大比例，默认为 0，即如果存在剩余空间，也不放大 .item { flex-grow: <number>;; /* default 0 */ } 3、flex-sh 阅读全文

posted @ 2022-08-21 10:41 学无边涯阅读(79) 评论(0) 推荐(0)

flex align-items 属性项目在交叉轴上对齐

摘要： 1,align-items: flex-start; 2,align-items: flex-end; 2,align-items: center; 2,align-items: baseline; 2,align-items: stretch; 阅读全文

posted @ 2022-08-21 10:33 学无边涯阅读(60) 评论(0) 推荐(0)

FLEX justify-content 属性项目在主轴上的对齐方式

摘要： FLEX justify-content 属性项目在主轴上的对齐方式 1,justify-content: flex-start 2,justify-content: flex-end 3,justify-content: center 4,justify-content: space-betwee 阅读全文

posted @ 2022-08-21 10:23 学无边涯阅读(63) 评论(0) 推荐(0)

flex容器的属性flex-wrap用法

摘要：内容大于盒子宽度 <style type="text/css"> .bigbox{ width: 500px; height: 400px; background:#ff0000; display: flex; flex-direction: row; flex-wrap: nowrap } .sm 阅读全文

posted @ 2022-08-21 10:15 学无边涯阅读(373) 评论(0) 推荐(0)

flex大容器内容flex-direction用法

摘要： 1，如何让盒子元素横轴排列 flex-direction: row //默认是横轴 flex-direction: row-reverse flex-direction: column flex-direction: column-reverse <style type="text/css"> .b 阅读全文

posted @ 2022-08-21 10:06 学无边涯阅读(66) 评论(0) 推荐(0)

Flex 布局 display:flex 与 inline-flex 区别

摘要： 1.Flex布局 display:flex .bigbox{ width: 500px; height: 400px; background:#ff0000; display: flex; } .smallbox{ width: 100px; height: 100px; background: # 阅读全文

posted @ 2022-08-21 09:54 学无边涯阅读(174) 评论(0) 推荐(0)

2022年7月31日

子组件向父组件传值： $emit

摘要： $emit绑定一个自定义事件, 当这个语句被执行时, 就会将参数arg传递给父组件,父组件通过v-on监听并接收参数。我们在Children.vue中绑定了click事件，通过单击来触发方法函数：doSomething() methods: { doSomething() { // todo co 阅读全文

posted @ 2022-07-31 23:49 学无边涯阅读(162) 评论(0) 推荐(0)

vue 父组件向子组件传值：props

摘要： <img :src="imgSrc" :width="imgWidth" :height="imgHeight" :alt="title" @click="doSomething"> 子组件写 props:{ imgWidth: { type: Number, default: 300 }, img 阅读全文

posted @ 2022-07-31 23:46 学无边涯阅读(424) 评论(0) 推荐(0)

vue中常见的指令 v-html v-bind v-on v-mode v-if v-for 用法

摘要： vue中常见的指令 v-html v-bind v-on v-mode v-if v-for 用法 v-html 使用 v-html 指令用于输出 html 代码 v-mode 数据双向绑定 v-bind 元素属性绑定 v-on 元素事件绑定 v-if 条件绑定 v-for 循环绑定文章来自 ww 阅读全文

posted @ 2022-07-31 13:43 学无边涯阅读(122) 评论(0) 推荐(0)

2022年7月19日

ES6箭头函数用法，ES5函数用法

摘要： ES6箭头函数没有参数的函数应该写成一对圆括号: () => {www.96net.com.cn}有参数的函数应该写成一对圆括号: (x, y) => { return x * y }; ES5 函数var x = function(x, y) { return x * y; } 阅读全文

posted @ 2022-07-19 22:50 学无边涯阅读(38) 评论(0) 推荐(0)

公告