摘要: 在最外层div(父代)设置 最小宽度, 相对定位,弹性布局,在次一层的盒子(子代)设置 宽度。 body{ min-width: 1200px; height: 2000px; /*background: lightblue;*/ position: relative; display:flex; 阅读全文
posted @ 2022-05-12 18:01 孤傲白狼 阅读(538) 评论(0) 推荐(0) 编辑
摘要: Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 一、栅格系统 栅格系统的工作原理: “行(row)”必须包含在 .container (固定宽 阅读全文
posted @ 2022-05-12 16:40 孤傲白狼 阅读(612) 评论(0) 推荐(0) 编辑
摘要: 1、用.stop来阻止冒泡(点击click按钮之后,先执行clickBtn2方法,然后执行clickBtn1方法,.stop命令阻止了clickBtn1方法的执行) 2、使用.prevent命令来阻止默认事件 3、使用.capture实现捕获触发事件的机制,即执行完clickBtn3执行clickB 阅读全文
posted @ 2022-05-12 16:29 孤傲白狼 阅读(18) 评论(0) 推荐(0) 编辑
摘要: function创建组件 组件创建方式一:在main.js里面定义 1、在React中,构造函数就是一个最基本的组件。 2、如果想要把组件放到页面中,可以把构造函数的名称当做组件的名称,以HTML标签形式引入 到页面中即可。 3、React在解析所有的标签的时候,是以标签的首字母来区分的,如果标签的 阅读全文
posted @ 2022-05-12 16:22 孤傲白狼 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 1、v-if的特点: 实现方式:根据后面数据的真假判断是否重新删除或创建元素。 性能消耗:有较高的切换性能消耗。 编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件 2、v-show的特点: 实现方式:每次不会重新进行DOM的删除和创建操作,只是切换了 阅读全文
posted @ 2022-05-12 14:59 孤傲白狼 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 一、父组件向子组件传值 其实该问题是说子组件如何访问父组件的属性和方法?那么根据对组件的理解,无非就是要解决两个问题: 1父组件如何传值给子组件? 2子组件如何获取父组件传递过来的值? 几种通信方式无外乎以下几种: 1Prop(常用) 2$emit(组件封装用的较多) 3.sync语法糖(较少) 4 阅读全文
posted @ 2022-05-12 13:12 孤傲白狼 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 1、v-for循环普通数组 <1>创建vue对象 <script> //创建 Vue实例,得到ViewMode1 var vm=new Vue({ el:'#app', data:{ list:[1,2,3,4,5,6] }, methods:{} }); </script> <2>循环数据 <di 阅读全文
posted @ 2022-05-12 10:25 孤傲白狼 阅读(1885) 评论(0) 推荐(0) 编辑