摘要: 前端制作动态爱心 阅读全文
posted @ 2022-11-08 09:49 李李凯凯 阅读(673) 评论(0) 推荐(0) 编辑
摘要: 圣杯布局(Holy Grail Layout)和双飞翼布局(Double Wing Layout)都是用来实现三列布局的常见技术,其中两侧列宽度固定,中间列宽度自适应,并且中间列在文档流中优先渲染。以下是两种布局的详细介绍和代码示例: 圣杯布局(Holy Grail Layout) 特点: 使用相对 阅读全文
posted @ 2024-10-23 17:32 李李凯凯 阅读(3) 评论(0) 推荐(0) 编辑
摘要: Grid 布局是一个二维的布局系统,可以同时处理行和列,使其非常适合复杂的页面布局。以下是 Grid 的一些关键概念: 容器和项: 启用 Grid 布局的容器称为 grid 容器。 容器内的所有子元素自动成为 grid 项。 网格线和单元格: 网格线是定义网格大小和位置的线。 单元格是两条水平网格线 阅读全文
posted @ 2024-10-23 17:25 李李凯凯 阅读(51) 评论(0) 推荐(0) 编辑
摘要: Flexbox 是一个一维的布局模式,它可以轻松地在不同的方向上排列子元素(称为 flex 项),即使它们的大小是未知或者是动态变化的。以下是 Flexbox 的一些关键概念: 容器和项: 启用 Flexbox 布局的容器称为 flex 容器。 容器内的所有子元素自动成为 flex 项。 主要轴和交 阅读全文
posted @ 2024-10-23 17:21 李李凯凯 阅读(31) 评论(0) 推荐(0) 编辑
摘要: vue中父子组件之间传值 阅读全文
posted @ 2023-03-01 10:51 李李凯凯 阅读(1148) 评论(0) 推荐(0) 编辑
摘要: css的优先级、权重和在vue中怎样使用deep 阅读全文
posted @ 2023-02-22 10:00 李李凯凯 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 页面传的数值动态改变,接口接受的参数也就动态更改,但接收的数据有时候不会及时改变,通过this.$forceUpdate()页面强制刷新来解决这个问题。 阅读全文
posted @ 2022-09-19 14:50 李李凯凯 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 当单选或者下拉框的值改变时你需要进行操作,那么可以用@change 改变事件来获取到改变的内容就可以做相应的操作。 这里使用vue + element 来演示一下 // 单选 <el-form :model="form"> <el-form-item label="活动名称" :label-widt 阅读全文
posted @ 2021-11-14 14:18 李李凯凯 阅读(957) 评论(0) 推荐(0) 编辑
摘要: ./util/Bus.js import Bus from 'vue'; let install = function (Vue) { // 设置eventBus Vue.prototype.bus = new Bus(); } export default { install }; 安装: npm 阅读全文
posted @ 2021-11-14 14:10 李李凯凯 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 引入axios 并设置原型 Vue.prototype.$axios = axios; 在其他地方就可以this.$axios使用了 let param = _this.$qs.stringify({ pageSize: _this.pageSize, pageNo: _this.pagenum, 阅读全文
posted @ 2021-11-02 11:42 李李凯凯 阅读(230) 评论(0) 推荐(0) 编辑