2022年10月24日
摘要: vue + elementUI项目中,el-cascader级联选择器使用频率非常高,一些基本使用方法可以参考elementUI官方文档,本文主要研究当接口只返回最后一级id时,如何向上找出所有父级数据,并设置组件el-cascader的默认值! 准备测试数据:方位、省、市区级联选择。 var li 阅读全文
posted @ 2022-10-24 15:04 coder__wang 阅读(1057) 评论(0) 推荐(1) 编辑
  2022年9月25日
摘要: 数组中有一个数字出现的次数超过数组长度的一半,请找出这个数字。 你可以假设数组是非空的,并且给定的数组总是存在多数元素。 示例: 输入: [1, 2, 3, 2, 2, 2, 5, 4, 2] 输出: 2 限制: 1 <= 数组长度 <= 50000 解题: /** * @param {number 阅读全文
posted @ 2022-09-25 10:01 coder__wang 阅读(15) 评论(0) 推荐(0) 编辑
  2022年8月1日
摘要: 在我们平时开发中,经常会遇到页面数据初始化时,频繁调同一个接口的情况。比如echarts项目中,一个页面可能会有几十张图表,如果一个接口返回所有图表数据的话,会造成用户过长的等待时间,再者过多图表同时渲染,也会给页面增加压力,造成卡顿的现象。 我们通常会让每个图表单独调一个接口,入参不同,这样更有利 阅读全文
posted @ 2022-08-01 19:03 coder__wang 阅读(1658) 评论(0) 推荐(2) 编辑
  2022年7月25日
摘要: 在React开发中,这样的报错会经常遇到:Warning: Can't perform a React state update on an unmounted component. 原因就是报错中所说:无法对已卸载的组件执行react状态更新。 假设现在我们正在A页面调接口请求数据,请求成功后se 阅读全文
posted @ 2022-07-25 15:20 coder__wang 阅读(6878) 评论(0) 推荐(0) 编辑
  2022年4月11日
摘要: js中,对整数范围是有限制的,超过安全范围会发生精度丢失,无法正常计算,常见的解决方案就是转成字符串处理,代码如下: // 俩个大数相加 var a = '9998995523412341234123412441123412342', b = '000224533213412342314234142 阅读全文
posted @ 2022-04-11 17:35 coder__wang 阅读(51) 评论(0) 推荐(0) 编辑
  2021年12月13日
摘要: web workers对于每个前端开发者并不陌生,在mdn中的定义:Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。此外,他们可以使用XMLHttpRequest执行 I/O (尽管responseXML和channel属性总是为空)。一旦 阅读全文
posted @ 2021-12-13 14:48 coder__wang 阅读(223) 评论(0) 推荐(0) 编辑
  2021年11月8日
摘要: vue+element ui技术栈的小伙伴们,在平时项目里,特别是OA项目,会大量用到表单以及表单校验。经常会处理一些必填项,对它们是否有值的判断显得有些繁琐和臃肿,本文将封装方法,解决该问题。 最近业务中频繁增加必填项,之前的常规做法就是在提交、修改或者其他操作之前,判断必填项是否填写,做个拦截: 阅读全文
posted @ 2021-11-08 18:25 coder__wang 阅读(546) 评论(0) 推荐(0) 编辑
  2021年11月3日
摘要: 函数防抖和节流在平时业务中经常会用到,一般都是调用已经封装好的方法,下面介绍一种新的思路:vue自定义指令! 下面这段代码以防抖为例,el-input标签直接写上v-debounce,传入arg参数:search和expression表达式:‘input’,1000。 seach为需要防抖的函数,' 阅读全文
posted @ 2021-11-03 19:12 coder__wang 阅读(1283) 评论(0) 推荐(0) 编辑
  2021年9月22日
摘要: 平时业务中下载文件方式常见的有俩种: 第一种,直接访问服务器的文件地址,自动下载文件; 第二种 ,服务器返回blob文件流,再对文件流进行处理和下载。 一般小文件适用于第一种下载方案,不占用过多服务器资源,而对于体积庞大的文件,常常使用文件流的方式进行传输,如图: 文件流传输成功后通过代码可以立即发 阅读全文
posted @ 2021-09-22 16:46 coder__wang 阅读(4881) 评论(4) 推荐(3) 编辑
  2021年9月13日
摘要: 谷歌调试工具的使用是每一名前端开发者必备技能之一,其中有些比较有意思的小彩蛋,因为并不常用,所以很多人可能并不知道,下面一起来涨姿势吧! 打开调试工具面板: 1.更改调试工具的主题色 ctrl + shift + p 在出现的输入框中输入dark,选中第一个: 点击Reload DevTools按钮 阅读全文
posted @ 2021-09-13 14:32 coder__wang 阅读(449) 评论(0) 推荐(1) 编辑