原创 React Hooks 詳解 【近 1W 字】+ 項目實戰
https://juejin.cn/post/6844903985338400782 React Hooks 詳解 【近 1W 字】+ 項目實戰
2021-09-30 14:10:23
2
原创 爲什麼要在函數組件中使用React.memo？
初探memo 首先讓我們用一個例子走進React.memo的世界 呆呆的函數組件 - 沒有使用memo 對於一個函數組件來說，如果沒有使用React.memo就好比是一個人沒有腦子，就笨笨的呆呆的 不信我們就來看下面的De
2021-09-23 14:11:06
原创 JS 深度優先遍歷與廣度優先遍歷 實現查找
2.1.深度優先遍歷深度優先查找（depth first search），採用棧結構，後進先出，JS用遞歸實現和沒有用遞歸實現 // 不用遞歸實現深度遍歷優先 const depthFirstSearchWithoutRecurs
2021-09-10 14:11:02
原创 Webpack中Loader和Plugin的區別？編寫Loader，Plugin的思路？
一、區別前面兩節我們有提到Loader與Plugin對應的概念，先來回顧下 loader 是文件加載器，能夠加載資源文件，並對這些文件進行一些處理，諸如編譯、壓縮等，最終一起打包到指定的文件中 plugin 賦予了 webpack
2021-08-26 14:10:21
原创 js輸入框正則驗證，各種限制
1. 只能輸入中文、數字和英文（即過濾特殊字符串|： function checkUsername() { //正則表達式 var reg = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]+$"); /
2021-04-17 14:10:38
原创 百度地圖顯示多點連線+數字標註
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
2021-03-30 14:09:57
原创 React（17.0版本）生命週期概述
React17版本的生命週期概述。 掛載 示例代碼在下方。 當組件實例被創建並插入DOM的時候，其生命週期被調用順序如下： constructor(props) - 初始化state和爲事件處理函數綁定實例； static getDe
2021-03-22 18:35:35
原创 前端模塊化，AMD，CMD 總結
最近在羣裏看到一些小夥伴討論到面試題，樓主在面試時遇到的面試問題，惡補一下。 commonJS,CMD/AMD對應類似的實現是 noedJs（webpack）/RequireJs/SeaJs AMD/CMD主要針對瀏覽器端。 模塊化 一個
2021-01-29 14:10:24
原创 前端基本網絡協議知識整合
一、ICMP協議 ICMP協議（Internet Control Message Protocol）的全稱是“Internet控制消息協議”，它是IPv4協議族中的一個子協議，用於IP主機、路由器之間傳遞控制消息。控制消息是在網絡通不通
2021-01-28 14:10:19
原创 js爲什麼是單線程
先看一個比喻 進程就是一個公司，每個公司都有自己的資源可以調度；公司之間是相互獨立的；而線程就是公司中的每個員工(你，我，他)，多個員工一起合作，完成任務，公司可以有一名員工或多個，員工之間共享公司的空間 什麼是進程？ 進程：是cpu分配資
2021-01-27 14:10:03
原创 js 單線程、宏任務與微任務的執行順序
js 單線程、宏任務與微任務的執行順序 js 單線程 衆所周知js是單線程，但js是可以執行同步和異步任務的，同步的任務衆人皆知是按照順序去執行的； 而異步任務的執行，是有一個優先級的順序的，包括了 **宏任務（macrotasks）**
2021-01-27 14:10:03
原创 websocket心跳機制
一、何爲websocket心跳機制？ websockt心跳機制，不得不說很形象；那何爲心跳機制，就是表明client與server的連接是否還在的檢測機制； 如果不存在檢測，那麼網絡突然斷開，造成的後果就是client、server
2021-01-27 14:10:03
原创 Jquery與框架的區別（vue,react）
1.數據與視圖分離 jquery的數據與視圖沒有分離,數據和視圖是混在一起的，而vue框架對數據和視圖進行了分離，解耦（開放封閉原則，對擴展開放對修改封閉） 2.數據驅動視圖 通過數據去驅動視圖的變化，只關心數據的變化，dom操作被封裝 3
2020-11-27 13:07:47
原创 理解webpack的hash，contenthash，chunkhash
問題來源 對於瀏覽器來說，一方面期望每次請求頁面資源時，獲得的都是最新的資源；一方面期望在資源沒有發生變化時，能夠複用緩存對象。 這個時候，使用文件名+文件哈希值的方式，就可以實現只要通過文件名，就可以區分資源是否有更新。 而webpack
2020-11-27 13:07:47
原创 如何實現微前端？
single-spa： https://single-spa.js.org/ 基於乾坤：https://github.com/a1029563229/blogs/blob/master/BestPractices/qiankun/Start
2020-11-24 13:07:44