学无边涯

2022年8月21日

摘要： 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 学无边涯阅读(63) 评论(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 学无边涯阅读(68) 评论(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 学无边涯阅读(378) 评论(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 学无边涯阅读(75) 评论(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 学无边涯阅读(184) 评论(0) 推荐(0)

2022年7月31日

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

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

posted @ 2022-07-31 23:49 学无边涯阅读(168) 评论(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 学无边涯阅读(436) 评论(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 学无边涯阅读(129) 评论(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 学无边涯阅读(43) 评论(0) 推荐(0)

javascript 匿名函数定义全过程

摘要：匿名函数 (函数没有名称) 函数存储在变量中，不需要函数名称，通常通过变量名来调用。 var x = function (a, b) { return a * b };var z = x(4, 3); JavaScript匿名函数最常见的用法： (function(){ //www.96net.co 阅读全文

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

公告