本文將針對微前端框架 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 隱式綁...
