![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js系列
闲鱼_JavaScript
得不到的才是最弥足珍贵的
展开
-
前端使用firebase配置第三方登录介绍(谷歌登录,facebook登录等)
使用firebase实现google登录和facebook介绍(官网文档快捷入口~)原创 2023-11-04 10:48:00 · 2089 阅读 · 6 评论 -
字符串模糊匹配正则实现(js,javascript)
当用户输入 `ca` 的时候,如何以正则匹配上`china`、`Canada`、`colombia`、`Cocos....(ya Kongo)`、`congo....(Congo-Brazzaville)`等国家名字呢?请看本文以正则模式实现原创 2023-09-08 12:06:11 · 469 阅读 · 1 评论 -
nest中使用svg的一种模式
`nest`中没法使用变量形式集体引入图标(非`public`中资源),所以说本文是在一个文件里面集体引用的。然后对此进行了代码简洁处理,支持模块多元化。原创 2023-08-04 10:25:59 · 230 阅读 · 0 评论 -
定时器优化方案
定时器单例优化方案原创 2023-05-05 17:06:16 · 443 阅读 · 1 评论 -
js之接口单例模式:全局拦截接口(比如说数据字典)只请求一次!无论后续如何调取接口只走接口缓存。
1. 本文以umi3(react框架)来举例子;axios操作一样的,只不过得去看看如何取消接口请求,umi-request里面有中间件处理,我这边在中间件处理这块直接不走下一步(return)则完成不走接口请求。2. 逻辑介绍:在请求接口前一步进行拦截判断当前接口,如果为需要缓存的接口则进入逻辑判断;如果已经请求过了则直接取缓存返回接口。如果正在请求则进入心跳等待第一个接口完成,完成后则返回数据给接口。如果没有请求则进行请求。3. 功能介绍:**当接口处于缓存列表中的时候,无论后续如何调取接口只走接口原创 2022-11-30 15:51:29 · 672 阅读 · 0 评论 -
javaScript之数组中reduce的详细介绍及使用
对js中数组中的reduce进行全方位分析及总结,本文有对数字、数组、对象、布尔值、装饰器模式 的使用案例【数组之map、indexOf、includes、flat以reduce模仿实现】,不知道你对reduce还有什么其他看法吗 0.0原创 2022-11-22 11:40:19 · 3172 阅读 · 0 评论 -
前端之使用柯里化规范接口请求
柯里化优化请求接口方案原创 2022-11-04 14:25:00 · 399 阅读 · 0 评论 -
js(JavaScript)将word表格或者excel表格数据转化为json(需要node运行环境)
js(JavaScript)将word表格或者excel表格数据转化为json(需要node运行环境)原创 2022-10-14 17:30:02 · 2051 阅读 · 0 评论 -
移除浏览器左下角的链接
本文有代码实现去除1. 出现原因就是使用了```a```标签2. 去掉a标签的```href```属性后,浏览器左下角链接的hover效果消失3. 个人建议不要使用```a```标签,但是有的组件是使用a标签实现的,建议避免使用,直接以js方法进行跳转即可原创 2022-09-23 11:33:16 · 870 阅读 · 0 评论 -
echarts地图各种点位实现
1. 实现地图点位的波纹效果2. 可直接以图片的形式充当节点(替换波纹效果)3. 可对标题做图片显示和文字显示原创 2022-09-19 10:12:00 · 1927 阅读 · 0 评论 -
js数组常用的方法介绍及使用及频率度(19个)
数组常用的方法介绍及使用(17个);原创 2022-08-18 13:07:35 · 208 阅读 · 0 评论 -
eval介绍及使用:js以字符串形式获取当前作用域(满足作用域查找规则)变量或者函数;
eval的介绍及使用,常用于获取当前作用域的变量或者函数(以字符串形式);原创 2022-08-16 11:34:22 · 580 阅读 · 0 评论 -
对象深度合并 js
1. 配置项有原有配置项的情况下,又不想变动其他的配置又能更改提出来配置。参考 echarts 的配置2. 本文以**递归**的方式,实现了**对象**格式检查并替换,数组的话可以跟着规则添加就行; 3. 支持相同属性的值以传入的属性值为主;在原配置没有的属性则直接加进去(当前级);4. 根据第三点可以支持 echarts、地图等二次封装配置。...原创 2022-08-01 16:26:58 · 233 阅读 · 0 评论 -
echarts tooltip的默认提示框简单实现
echarts默认的提示框简单实现;柱状图百分比的实现;原创 2022-06-23 11:15:26 · 1108 阅读 · 0 评论 -
js如何快速创建一个长度为 n 的数组
快速创建一个循环N次的数组创建一个 长度为10000,值为空 的数组如果你想指定内容创建的话那就用以下方法原创 2022-06-20 10:15:52 · 3653 阅读 · 0 评论 -
js数组forEach方法的赋值问题
理解forEach后使用起来更方便~原创 2022-04-29 17:37:07 · 1286 阅读 · 0 评论 -
监听浏览器是否切换界面
支持浏览器内部切换、浏览器界面隐藏 时触发原创 2022-04-26 10:33:01 · 881 阅读 · 0 评论 -
拼音搜索 拼音首字母搜索 (pinyin-match) js
给搜索 input 框加上拼音首字母筛选和拼音筛选;支持多字段传入;原创 2022-04-06 17:40:10 · 1890 阅读 · 0 评论 -
当浏览器提示 flat is not a function 的时候;莫慌
当浏览器提示 flat is not a function 的时候;莫慌既然浏览器不支持,那咱们就手写个!用自己的,放心!const flat = (arr, deep) => { if (deep > 0) return arr.reduce((pre, cur) => pre.concat(Array.isArray(cur) ? flat(cur, deep - 1) : cur), []) return arr.slice()}...原创 2022-03-25 17:37:20 · 3028 阅读 · 2 评论 -
扁平数据转tree;处理一维树级结构 处理树状图一维数组
功能介绍两级循环(数组 filter 方法),四行代码实现支持乱序;支持自定义子级、父级名字、初始首级 id 值、自命名 产生子集合名字直接看代码:注释啥都有const list = [ { "id": "4", "pid": "1", "name": "大型家电" }, { "id": "5", "pid": "1", "name": "生活电器" }, { "id": "1", "pid": "0", "name": "家用电器" }, { "id": "2原创 2022-02-28 17:26:00 · 163 阅读 · 0 评论 -
添加和编辑不同接口代码请求极简优化
ts interface param { capacity: number, typeId?: string } //提交后添加 / 编辑 const finish = (param: param, _n: number = 1) => { editList.typeId || editList.typeId > -1 ? param.typeId = editList.typeId : _n = 0; [promise1, promise2][_原创 2022-01-24 12:00:16 · 141 阅读 · 0 评论 -
过滤对象中为空属性的封装函数
function filterObj(obj) { // 判断是否是对象,不是对象则返回传入值 if (!(typeof obj === 'object')) return obj for (const key in obj) { // 剔除空key值、null、undefined、空value值 if (obj.hasOwnProperty(key) && (obj[key] == null || obj[key] == u原创 2021-10-20 10:41:36 · 227 阅读 · 0 评论