- 博客(8)
- 收藏
- 关注
RSS订阅原创 避免多次定义 useState 冗余问题
笔者翻阅了一些文章后，发现有一部分会推荐 useReduce 去替代 useState。基于个人偏好，笔者尝试在 useState 的基础上封装一层，去避免一些冗余工作。那么有什么规整的方法去规避呢？
2023-11-02 16:24:51
105
原创 什么是单点登录？ 如何实现？
应用系统拿到Token之后，还需要向认证中心确认下Token的合法性，防止用户伪造，确定无误后，应用系统记录用户的状态，并将Token写入Cookie，然后给本次访问放行（这个Cookie是当前应用系统的），当用户再次访问当前应用系统时，就会自动带上这个Token，应用系统验证Token发现用户已登录，然后就不会有认证中心什么事了。用户统一在认证中心进行登录，登录成功后，认证中心记录用户的登录状态，并将Token写入Cookie（这个Cookie是认证中心的，应用系统是访问不到的）上图有四个系统，分别是。
2023-05-25 21:06:42
299
原创 typeof 和 instanceof 的区别
区别typeof 会返回一个变量的基本类型 instanceof 返回的是一个布尔值instanceof 可以准确的判断复杂引用数据类型 但是不能正确判断基础数据类型而 typeof 也存在弊端 他虽然可以判断基本数据类型（null除外）但是引用数据类型中 除了function类型以外 其他的也无法判断一、typeof示例：typeof 1 // 'number'typeof '1' // 'string'typeof undefined // 'undefined'type
2022-05-24 20:02:46
415
原创 new 一个 function 的时候都发生了什么
new 关键字主要做了以下工作：创建一个新的obj 将对象与构建函数通过原型链连接起来 将构建函数中的this绑定到新建的对象obj上 根据构建函数返回类型作判断，如果是原始值则被忽略，如果是返回对象，需要正常处理流程图如下：手写new操作符参考以下：可以发现，代码虽然很短，但是可以模拟实现 new...
2022-05-19 20:02:02
450
原创 Make A Pie 替代
今年2月15日 Make A Pie 发布公告，暂停服务，给大家整理一些替代网站1.数据可视化技术分享-echarts热门组件 - Powered by Discuz!2.MCChart3.PPChart - 让图表更简单4.https://madeapie.com/#/5.makeapie echarts图表可视化案例6.EChartsDemo集7.makeapie echarts图表可视化案例...
2022-03-25 12:45:00
953
原创 使用 useRef 解决闭包陷阱的问题
在我们日常开发过程中可能会遇到定时器中的state获取不到最新状态，这种现象被称为“闭包陷阱”或者被叫做“Capture Value” 。如下：我们发现弹出的值和当前页面显示的值并不相同logHandle方法里面的data和点击动作触发那一刻的data相同，但是data后续变化并不会对logHandle内的data造成任何影响函数式组件每次render 都会生产一个新的 logHandle 函数，这个新的 logHandle 函数会产生一个在当前这个阶段 data 值的闭包。接下
2022-03-24 15:08:52
2127
2
原创 ____数组的 reduce() 方法
定义和用法reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce() 可以作为一个高阶函数，用于函数的 compose。注意: reduce() 对于空数组是不会执行回调函数的。语法这个方法可以两个参数： 要执行的函数，要执行的函数中也可以传入参数，如下 prev：上次调用函数的返回值 cur：当前元素 index：当前元素索引 arr：被遍历的数组 函数迭代的初始值array.reduce..
2022-01-11 16:37:27
1224
原创 页面整体使用transform scale 后 高德地图点位点击偏移 错位问题
最近在可视化项目中使用 css3transform：scale（）封装了一个组件 让页面缩小或者放大自适应屏幕js文件import React, { useState, useEffect } from 'react';import { useDebounceFn } from 'ahooks';import styles from './index.module.less';export default ({ width, height, children }) => { ..
2022-01-10 13:54:13
4452
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人