javascript
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 · 304 阅读 · 1 评论 -
你不知道的流文件下载
前言 有一种业务需求,运营需要通过前端的查询条件,从后端数据库导出大量数据,假设要导出一个30万条以上数据的Excel文件,而这些数据是随时变动的,每次都需要最新的数据,我们称这种为“现倒”(现场导出),应该怎么做? 肯定有小伙伴说了,这还不简单,请求接口传递筛选项,让后端返回一个文件地址,前端一个A标签download不就完了? 如果后端运行在docker容器中,为安全考虑不提供无权限的公共文件夹路径,而且不能让运营等太久,上传oss再给链接?先不考虑数据时效性,运营也等不了这么久。 这时的.原创 2021-06-04 14:06:11 · 125 阅读 · 0 评论 -
js你不知道的循环异步等待(业务中常见)
循环内等待异步结果 前言 当我们在开发业务需求时候,经常有一种情况,用户批量上传一组图片,我们需要对这组图片,单独进行校验,并作出上传操作。 就比如这组校验,你会发现他是异步执行的。 当有一组数据需要循环完成以上校验,只要有一张不合格,直接打回,并作出提示,比如这样 this._.forEach(files,(item, index) => { //你的校验规则 //拿到校验结果后的操作 //结束循环 }) 你会发现,解决这个业务需求,需要循环等待 比如这样,把如.原创 2021-06-04 13:59:40 · 1506 阅读 · 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 · 3144 阅读 · 0 评论