![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS高阶
文章平均质量分 54
感谢上Di_123
感谢上Di的En典
展开
-
reactHook实现EventBus
react,EventBus,ReactHook中使用EventBus,同步调用和异步调用。原创 2022-06-22 16:46:21 · 2479 阅读 · 0 评论 -
webstorm启动报错Load error: undefined path variables
启动webstorm时,会报如下错误:出现这个问题的原因是由于less的环境没有设置好,请看解决方法:1.打开设置的面板,如下所示:2.重启webstorm,再次打开就没有此错误了原创 2021-08-19 09:40:11 · 2461 阅读 · 0 评论 -
useMemo和useCallback的区别及使用场景
useMemo和useCallback都是reactHook提供的两个API,用于缓存数据,优化性能;两者接收的参数都是一样的,第一个参数表示一个回调函数,第二个表示依赖的数据。共同作用在依赖数据发生变化的时候,才会调用传进去的回调函数去重新计算结果,起到一个缓存的作用两者的区别useMemo 缓存的结果是回调函数中return回来的值,主要用于缓存计算结果的值,应用场景如需要计算的状态 useCallback 缓存的结果是函数,主要用于缓存函数,应用场景如需要缓存的函数,因为函数式组件每..原创 2020-11-23 16:43:37 · 35287 阅读 · 0 评论 -
react中的context,provider使用步骤
Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。具体详见:context官方API本篇文章只是详细的把我个人的学习日志给记录下来相当于又会了一个react相关的知识点,具体这些API可以参看官方API,已经写得很详细了;与context相关的API共有以下几个: React.createContext Context.Provider Class.contextType Context.Consumer C原创 2020-11-18 16:22:01 · 12222 阅读 · 0 评论 -
vue-router中的beforeEach
最近在做vue项目的开发,用到的技术栈主要是vue相关的,在开发这个项目的时候,设计到了权限,因为是后台管理系统,不同的身份和角色访问系统的时候,系统所展现出来的可访问内容都是不一样的,有兴趣的同学可以参考下RBAC(以角色为基础的权限管理设计)这篇文章写得很详细,很直观,我写这篇文章主要是想要分享一下前端的技术栈vue-router是如何处理的,以及踩过的坑。vue-router可以参考官方文档vue-router,官方文档中介绍的很详细,解决权限问题,就用到了addRoutes这个API,去动态添原创 2020-09-02 14:31:15 · 11248 阅读 · 0 评论 -
JS,有关cookie的知识
谈起cookie,是大部分开发人员,不止是前端开发了解的知识,很多后端的小伙伴也了解的知识点,最近开发一个项目,当是应用的场景是后端登录返回的token,需要在前端进行一个本地存储,前端本地存储设计的技术很多,例如:localStorage,sessionStorage,indexDB,webSQL......甚至也可以把这个token放在例如vueX这种状态管理器的状态树上来进行共享。由于是跟公司的内部官网对接,是在内部官网的基础上去拓展一个新项目,也就是说除了我这个项目之外,还有其他的项目也要用到这个t原创 2020-09-02 11:31:15 · 339 阅读 · 0 评论 -
JS中的继承 原型链
这篇文章主要是讲解本人对于继承的理解第一种继承(属性继承)function Fn() { this.a = 4; this.b = 5; this.log = function () { console.log(this.a, this.b); };}Fn.prototype.qqq = 78;function Fn1() { ...原创 2019-02-26 22:32:11 · 143 阅读 · 0 评论 -
JS中的原型继承
本文主要是讲通过原型去实现继承假如有如下代码:function A() { this.name = 'A';};function B() { this.name = 'B';};A.prototype.whatever = function () { /* write some code */};B.prototype = new A()/*注意...原创 2019-02-26 22:59:07 · 176 阅读 · 0 评论