本文将针对微前端框架 qiankun 的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是 微前端。 微前端 是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，...
IP属地：广东
-
万字长文+图文并茂+全面解析 qiankun 源码 - qiankun 篇 -
useCallback()、useMemo() 解决了什么问题？
在阅读本文之前，请确保您具有 js 基础知识，知悉基础数据类型与复杂数据类型的区别。如果下面的代码您不能理解，请略过此文以节约您的时间。 目录： React.memo() R...
-
浅谈扫码登录的基本原理
移动端登录认证机制 当我们在手机应用中第一次登录时，需要手动输入账号密码，之后就可以自动登录，依赖的是一套基于token的认证机制一般流程如下; 第一次登录时，移动端将设备信...
-
用React hooks写一个简单的倒计时页面
useState的基本用法 useState用于向函数组件添加状态它接收一个参数作为状态的初始值，并返回一个数组数组的第一个值为状态，第二个值为改变状态的函数 在组件中读状态...
-
React封装公共函数：弹窗
需求分析 很多时候我们需要通过弹窗/对话框来完成交互，因此这个公共的弹窗组件需要实现以下功能： 组件动态地传入弹窗的标题和内容 点击确定和取消按钮之后，执行组件传入的回调函数...
-
React封装公共组件：轮播图(2)
上一篇文章中，我们介绍了如何实现轮播图的无缝滚动这一篇文章将会介绍如何实现自动播放，以及如何将自动播放和手指滑动这两个事件进行隔离 自动播放 假设自动播放的顺序为：图片无限向...
-
React封装公共组件：轮播图(1)
需求分析 移动端触摸滑动：图片可以跟随手指滑动而滑动 底部小圆点：与轮播图联动的显示效果 无缝循环滚动：第一张图可以往前滑动、最后一张图也可以往后滑动 可以自动播放（下一篇文...
-
styled-components实现骨架屏加载动画
背景概述 很多应用在加载数据的时候，为了避免页面过于空白，都会用骨架屏的方式来预告将会有内容载入，从而提升用户体验 接下来简单讲解一下如何在react应用中，通过styled...
-
styled-components入门
介绍 styled-components是一个针对React的 css in js 类库（官方文档戳这里[https://styled-components.com/docs...
-
LeetCode(22)：括号生成
题目描述 解题思路 我们可以将问题改写成：现在有2n个位置，每个位置可以放 ( 或者 )，组成的所有括号组合中，哪些是合法的？解决这个问题只需要分2步： 暴力枚举所有可能的情...
-
LeetCode(46)：全排列
题目描述 解题思路 在写代码之前，思考以下3个问题： 如何判断是否已经满足结束条件？ 如何在选择列表中选择一个？ 如何撤销选择？ 对全排列这个问题进行具体分析，逐一击破： 1...
-
LeetCode(460)：手写LFU算法
题目描述 实现思路 1、大致分析 依据题目，可以列举出几个显而易见的事实： 调用get方法， 返回该key对应的val 调用get或者put方法访问某个key，该key对应的...
-
LeetCode(146)：手写LRU算法
LRU：最近最少使用 题目描述 算法设计 cache这个数据结构需要具备以下条件： 元素必须有时序，当容量满了以后要删除最久未使用的元素 get方法要求在O(1)的时间复杂度...
-
简述this(2)：常见面试题分析
第1题 say函数在执行时是被对象a所调用的，所以this指向对象a因此最后输出 111 第2题 fun拿到了a.say这个函数的引用，当我们在全局环境中执行fun()时（并...
-
简述this(1)：绑定规则
默认绑定 当我们不带任何修饰地调用一个函数时，就应用默认绑定的规则 调用foo时，前面没有任何修饰，因此，f函数的调用位置是全局环境，this.a被解析成了全局变量a 隐式绑...
