摘要: 在最外层div(父代)设置 最小宽度, 相对定位,弹性布局,在次一层的盒子(子代)设置 宽度。 body{ min-width: 1200px; height: 2000px; /*background: lightblue;*/ position: relative; display:flex; 阅读全文
posted @ 2022-05-12 18:01 孤傲白狼 阅读(511) 评论(0) 推荐(0) 编辑
摘要: Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 一、栅格系统 栅格系统的工作原理: “行(row)”必须包含在 .container (固定宽 阅读全文
posted @ 2022-05-12 16:40 孤傲白狼 阅读(610) 评论(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 孤傲白狼 阅读(297) 评论(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 孤傲白狼 阅读(1879) 评论(0) 推荐(0) 编辑
摘要: 1vue3合成API setup() vue3最重要的新特性之一:作用:之前vue对象规定了我们必须把一类数据放到某一结构,这样在一定程度上对我们的代码进行了强制的分割。在vue3中我们引入setup()合成API的语法,他可以将某数据关联的内容都整合到一部分,即时setup()中的内容越来越多,也 阅读全文
posted @ 2022-05-11 00:10 孤傲白狼 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 1.下载vue-router,在路由文件中引入相关依赖 import {createRouter, createWebHashHistory} from "vue-router"; import Foo from "../components/Foo.vue"; import Bar from ". 阅读全文
posted @ 2022-05-09 20:54 孤傲白狼 阅读(615) 评论(0) 推荐(0) 编辑
摘要: 下载并使用依赖包 swiper vue-awesome-swiper与swiper@5以快速简洁的创建组件 npm i swiper vue-awesome-swiper swiper@5 引入swiper.css与swiper文件 import 'swiper/css/swiper.css' im 阅读全文
posted @ 2022-05-09 00:01 孤傲白狼 阅读(251) 评论(0) 推荐(0) 编辑