javaScript
javaScript经验
stubborn丶lili
这个作者很懒,什么都没留下…
展开
-
vue项目使用oidc-client实现单点登陆
1. 安装oidc-client2. 单点登录所需配置项:oidc.js3. 我们需要在路由钩子页面增加判断,如果没有token,则重定向到服务器进行单点登录这个是我自己的项目这样用router钩子来判断权限,如果你们没有用到也没关系,忽略掉router,直接执行else中的内容,如果没有token,页面会跳转到服务器进行登录3、下面是登录完成后会回到我们系统中的操作4、执行回调后,跳转到home页面(系统首页),至此整体流程结束。源码地址: https://git原创 2022-07-06 11:34:07 · 4511 阅读 · 0 评论 -
lodash中的防抖debounce和节流throttle
ladash-debounce在前端项目开发工作中,我们经常会遇到搜索查询等类似功能,用户在不断输入值时,只要按下键盘就会触发函数调用,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去请求接口,只需要在输入完成后做请求。通常这种情况下我们怎么去解决的呢?就是用来处理这种情况的。,又称防抖动函数。定义:如果一个函数持续地触发,那么只在它结束后过一段时间只执行一次。举个🌰以下情况给输入框绑定了事件,即没有使用防抖函数,只要按下就会触发事件。在运行的时候会发现存在一个问题:这个函数的执行频率,太.原创 2022-07-04 15:17:13 · 5615 阅读 · 2 评论 -
新的数组方法:array.at()
JavaScript 数组的索引是从0开始的,第一个元素的索引为0,最后一个元素的索引等于该数组的长度减1。在之前,我们一般使用方括号通过索引访问数组元素:array[index],如果指定的索引是一个无效值,JavaScript 数组并不会报错,而是会返回 undefined。在大多数情况下,方括号语法是通过正索引访问数组元素的好方法。但有时我们希望从末尾而不是从头开始访问元素。例如,访问数组的最后一个元素:现在,数组提供了一个新的方法来访问数组元素:Array.prototype.at()。原创 2022-06-17 18:07:12 · 439 阅读 · 0 评论 -
element ui 树形表格过滤查询数据
需求: 根据查询条件, 在不请求接口的情况下, 由前端过滤数据解决:<template> <div class="app-container"> <el-input v-model="search" size="mini" placeholder="输入关键字搜索"/> <el-table :data="treeTable" style="width: 100%;ma...原创 2021-08-23 17:00:32 · 2386 阅读 · 0 评论 -
两个有层级的对象, 如何进行对比后赋值
需求: 我需要把图二中的description的值赋值到图一中解决思路:1. 把两个对象变成平级export function flatten (data, c) { var result = {} for(var i in data) { if(typeof data[i] == 'object') Object.assign(result, flatten(data[i], c + '.' + i)) else result[(c + '.' + i).repl..原创 2021-08-30 18:39:38 · 239 阅读 · 0 评论 -
reduce()方法详解
reduce最好用的功能莫过于数组对象去重.....reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高...1、语法arr.reduce(callback,[initialValue])reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个原创 2021-10-14 15:47:37 · 19963 阅读 · 6 评论 -
el-tree选择子级默认选中父级,选中父级不选中子级
<template> <div class="eltree"> <span>el-tree选择子级默认选中父级,选中父级不选中子级</span> <el-tree ref="tree" :data="treeData" show-checkbox node-key="id" :props="defaultProps" :check-strictly="true".原创 2021-09-24 10:13:03 · 3495 阅读 · 3 评论 -
15 个优雅的 JavaScript 个技巧
JavaScript 有很多很酷的特性,大多数初学者和中级开发人员都不知道。今天分享一些,我经常在项目中使用一些技巧。1. 有条件地向对象添加属性我们可以使用展开运算符号(...)来有条件地向 JS 对象快速添加属性。constcondition=true;constperson={id:1,name:'JohnDoe',...(condition&&{age:16}),};如果每个操作数的值都为true,则&...原创 2021-10-29 16:57:50 · 175 阅读 · 0 评论 -
window.open的详细用法
window.open()可以弹出一个新的窗口,并且通过参数控制窗口的各项属性。最基本的弹出窗口代码window.open('httP://codeo.cn/');window.open()各参数详解示例代码:window.open('httP://codeo.cn/', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, lo原创 2022-01-10 10:48:12 · 7927 阅读 · 0 评论