![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端之路
文章平均质量分 55
聪明的阿西
这个作者很懒,什么都没留下…
展开
-
Vue自定义组件使用Element-ui表单校验
一般情况下(form中的组件都是element提供的组件)在使用elm的表单校验时我们是这么使用的:// 栗子.vue<template> <el-form :model="formData" :rule="rules" ref="formRef"> <el-form-item prop="inputValue"> <el-input v-model="formData.inputValue"></el-原创 2021-07-17 00:47:05 · 2399 阅读 · 0 评论 -
宽高等比例缩放元素CSS
实现一个宽高比5/1的自适应元素<div class="scale"> <div class="banner"> 元素 </div></div>其实这个等比缩放的关键在于这个.scale元素,因为他的padding-bottom具有宽高联动的效果,所以就让这个元素成为一个模具,让真正要缩放的元素装入这个模具中,宽高跟随这个模具变化,就可以实现等比缩放的效果了模具padding-bottom: 20% 就是父元素宽度的20%,同原创 2021-06-28 00:39:03 · 489 阅读 · 0 评论 -
本地代码意外生成dist文件-CompileHero
手误的代价有次写个需求,其实代码量不算多,也就三四个文件,结果提代码的时候多了60多个文件,因为是接手的别人的工程,我当时就以为是原来脚手架的配置造成的,也就没在意。后来过了一个多月,同事拉代码的时候看到了多出的100多个文件问我咋回事儿,我一脸懵,翻了一下git记录,发现只有我的commit多了这么多代码,我看了下webpack配置,也没啥改动,但当时加了一堆部门内部的eslint插件,我合计这东西应该不能和eslint有关吧,就去google百度了一下,找了一晚上也没啥结果,后来周一接着找,发现思否上有原创 2021-06-22 15:18:43 · 200 阅读 · 0 评论