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