前端
Lifemustrough
这个作者很懒,什么都没留下…
展开
-
【面试】后端一次给你30万option待选项,页面无响应了你怎么办?
最近遇到一个问题,在开发编辑页面时候,遇到select大数据量,一个下拉选择器有两万个备选,页面上会不定出现3-18个select,预计可能会渲染30万多个option备选,这么多dom加载,直接把浏览器干无响应了。第一个构想就是虚拟select搜索一番没有合适的轮子,vxe-table 比较合适,但是为了一个问题单独引入,不合适,只能先基于elementUI 的select选择器再度封装解决问题,节流版select第一版,节流select此版本的select规避页面一打开,就加载所有op原创 2021-09-03 15:12:44 · 314 阅读 · 1 评论 -
element 虚拟,节流select
由于select组件如果里面的选择项过多,会造成卡顿,所以封装一个组件,节流选择,支持大数据搜索<throttling-select v-model="value" :list="options" :placeholder="placeholder" selkey="key" sellabel="label"></throttling-select>添加组件 throttling-select如下<template> <el-select @vi原创 2021-08-26 14:44:09 · 655 阅读 · 0 评论 -
python如何把(json,列表对象,数组对象)结构的数据写入表格
python如何把一组json数据写入表格,代码如下:[ { "OTHER": "code", "NAME": "whc", "LEN": 100, "ID": "01-0001" }, { "OTHER": "house", "NAME": "ikd", "LEN": 200, "ID": "01-0002" }, { "OTHER": "thank", "NAME": "qxf", "LEN": 300, .原创 2021-08-13 14:31:15 · 799 阅读 · 0 评论 -
你不知道的流文件下载
前言有一种业务需求,运营需要通过前端的查询条件,从后端数据库导出大量数据,假设要导出一个30万条以上数据的Excel文件,而这些数据是随时变动的,每次都需要最新的数据,我们称这种为“现倒”(现场导出),应该怎么做?肯定有小伙伴说了,这还不简单,请求接口传递筛选项,让后端返回一个文件地址,前端一个A标签download不就完了?如果后端运行在docker容器中,为安全考虑不提供无权限的公共文件夹路径,而且不能让运营等太久,上传oss再给链接?先不考虑数据时效性,运营也等不了这么久。这时的.原创 2021-06-04 14:06:11 · 133 阅读 · 0 评论 -
js你不知道的循环异步等待(业务中常见)
循环内等待异步结果前言当我们在开发业务需求时候,经常有一种情况,用户批量上传一组图片,我们需要对这组图片,单独进行校验,并作出上传操作。就比如这组校验,你会发现他是异步执行的。当有一组数据需要循环完成以上校验,只要有一张不合格,直接打回,并作出提示,比如这样this._.forEach(files,(item, index) => { //你的校验规则 //拿到校验结果后的操作 //结束循环 })你会发现,解决这个业务需求,需要循环等待比如这样,把如.原创 2021-06-04 13:59:40 · 1533 阅读 · 1 评论 -
element表单校验的几种方式(精品)
1 element表单校验1 普通校验写法这都不懂的去看官方文档2.循环el-form-item校验写法循环el-form-item的时候注意prop,和rules书写方式,rules绑定的是data内的rules.link,注意路径要写全每一个input都是复用link校验方法,并单独校验2.1二级循环写法3嵌套写法这种一行多个input的,应该怎么写,相比有很多人遇到多,还要能成对校验注意看外层el-form-item不写prop,黄色框内的prop单独写,这两是不一样的原创 2021-06-04 13:45:19 · 3167 阅读 · 0 评论