随笔分类 - 前端问题
1
摘要：修改滚动条样式 // 设置滚动条的宽度 .el-table__body-wrapper::-webkit-scrollbar { width: 4px; } // 设置滚动条的背景色和圆角 .el-table__body-wrapper::-webkit-scrollbar-thumb { back
阅读全文
摘要：vue代码 <el-upload ref="AvatarUpload" list-type="picture-card" action="" accept=".jpg, .png" :limit="1" :auto-upload="false" :file-list="fileList" :on-c
阅读全文
摘要：只需要在项目的vue.config.js中加上如下配置就可以了 devServer: { client: { overlay: false, }, }
阅读全文
摘要：感谢：https://www.cnblogs.com/slikes/p/12145140.html 多次选择相同文件时，输入框没有回显文件名 通过钩子函数初始化文件报异常： Failed to set the 'files' property on 'HTMLInputElement': Faile
阅读全文
摘要：vue.config.js文件中 module.exports = defineConfig({ transpileDependencies: ['require'], ... 将transpileDependencies属性值改未false或者['require']时即可。 虽然不太清除具体原理但
阅读全文
摘要：setOption是merge，而非赋值，所以第二次setOption后，实际是更新了option setOption支持notMerge为true的方案，但是需要全量更新option（性能不好）； 同时先getOption再notMerge也不是很好的方案（会覆盖默认值） 散点图setOption
阅读全文
摘要：this.$data：是表示当前的改变后的this中的数据 this.$options.data()：是表示没有赋值前的this中的数据,表示 初始化的data 一般可以使用Object.assign(this.$data, this.$options.data())来对data中的数据进行初始化操
阅读全文
摘要：前台使用formData请求 前台页面请求方法： const formData = new FormData() Object.keys(params).forEach(k ⇒ { formData.append(k, params[k]) }) 页面请求后台的方法将formData作为请求参数 前
阅读全文
摘要：# #设置div内容溢出滚动 overflower：auto（内容溢出的时候出现滚动条；scroll会一直出现滚动条） #滚动条样式 ##滚动条组成： -webkit-scrollbar 滚动条整体部分 -webkit-scollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动
阅读全文
摘要：padding:10px 5px 15px 20px; 上右下左 padding:10px 5px 15px; 上 左右 下 padding:10px 5px; 上下 左右 padding:10px; 上下左右 #Css overflow overflow 属性规定当内容溢出元素框时发生的事情。 |
阅读全文
摘要：一：display:flex 布局 display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状
阅读全文
摘要：视口单位(Viewport units) 什么是视口？ 在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。 视口单位中的“视口”，桌面端指
阅读全文
摘要：新建一个 Promise 对象： new Promise(function (resolve, reject) { // 要做的事情...}); Promise 构造函数只有一个参数，是一个函数，这个函数在构造之后会直接被异步运行，所以我们称之为起始函数。起始函数包含两个参数 resolve 和 r
阅读全文
摘要：父组件引入： Import Test from‘’ 父页面使用： <Test ref=”test” @m1=”m2”><Test/> 子页面调用： This.$emit(‘m1’, value) 说明： M1：自定义的事件名称 M2：父组件定义的方法 Value：给m2传的参数 其中子组件调用的时候
阅读全文
摘要：splice（） 向/从数组中添加/删除项目，然后返回被删除的项目。 该方法会改变原始数组。 splice(index,0,howmany，item1, ..., itemX) 第一个参数定义了应添加新元素的位置（拼接）。 第二个参数定义应删除多少元素。 其余参数（“Lemon”，“Kiwi”）定义
阅读全文
摘要：保证数据结构中有scopedSlots: { title: 'title' }, 即包含scopedSlots属性 使用时名字应保证一致 例如： 数据结构： treeData: [ { key: '0-0', title: '表', scopedSlots: { title: 'title' },
阅读全文
摘要：样例1： const { xxx } = this.state; 上面的写法是es6的写法，其实就相当于： const xxx = this.state.xxx 样例2： const {comment,index,deleteComment} = this 上面的这句话是一个简写，最终的含义相当于c
阅读全文
摘要：后端： 1、准备要导出的数据 2、利用XSSFWorkbook对象（workbook）创建工作簿行列等并添加数据 3、响应给前端 例： // 获取响应流 OutputStream output = response.getOutputStream(); response.reset(); respo
阅读全文
摘要：v-infinite-scroll="loadMore"表示回调函数是loadMore infinite-scroll-disabled="busy"表示由变量busy决定是否执行loadMore，false则执行loadMore，true则不执行，注意，busy表示繁忙，繁忙的时候是不执行的。 i
阅读全文
摘要：在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 l
阅读全文
1
浙公网安备 33010602011771号