1 安裝 2 創建store目錄 創建store文件夾，里面包含入口文件index.jsx，以及自定義的reduces方法main.jsx的slices文件夾，其中main1...
IP屬地：福建
-
更簡單的Redux工具 Toolkit
-
BrowserRouter和HashRouter的區別
HashRouter HashRouter使用的是URL的hash部分（即window.location.hash），來保持頁面的UI與URL的同步。 哈希歷史記錄不支持lo...
-
anaconda切換python版本1 查看環境 結果如下圖，左側表示已下載的環境信息，當前我已經下載了python3.10（python310）和3.9（python39）兩個版本 2 切換python版本 ...
-
VSCode安裝TinyPNG，并配置api key1 打開VSCode 在【擴展】中搜索【TinyPNG】插件，并安裝 2 添加api key 沒有這一步，對文件進行壓縮時會失敗，提示 3 獲取api key 3.1 打開t...
-
requestAnimationFrame實現動效優化
使用setTimeout/setInterval做動效改變時，過程中的刷新頻率會影響最終效果，可以使用requestAnimationFrame來優化動效。簡單需求：一模塊，...
-
zego實現簡單的web端推拉流1 創建項目 登錄zego控制臺[https://console.zego.im/ProjectManage]，創建一個項目，該項目的【AppId】和【Server】，在后續...
-
配置項目支持typescript
在已有項目中初次引入ts文件，會提示Cannot find module等各種錯誤，原因是當前項目并不支持ts，這個時候需要我們在項目中添加相關配置。以react為例，配置如...
-
js動態修改html、body的css屬性
js獲取html標簽document.documentElementjs獲取body標簽document.body以react為例，當頁面屬性（status）改變時，動態改變...
-
chrome查看網頁性能1 Performance 1.1 打開開發者工具（cmd+shift+c） 1.2 打開Performance面板，點擊錄制按鈕（開始錄制） 1.3 刷新頁面，再次點擊錄制...
-
webSocket的使用
本文將一個webSocket封裝成hooks的形式，便于使用。主要思路：1、根據一個ws/wss地址，創建并初始化一個socket；2、通過心跳參數heartParam存在與...
-
控制臺報錯：Can't perform a React state update on an unmounted component. This is a no-op...切換組件渲染頁面時，控制臺提示需要cleanup function，一般造成這種提示的原因是計時器沒有及時清除造成的內存泄露。setTimeout在執行完后會自動銷毀，不需要...
-
h5拷貝內容后的處理
介紹一種原生的寫法，可以監聽拷貝成功或者失敗的狀態，代碼如下： execCommand這個api已廢棄，所以可以找些替代方案 也有基于三方組件的寫法，但是在一些移動設備上可能...
-
頁面鏈接分享到三方APP后自定義縮略圖將一個前端頁面鏈接分享到三方app中，如下圖，可見的有標題、描述和縮略圖， 本文主要介紹如何定制縮略圖。 定制方法主要有兩種，首先找到頁面的入口文件index.html（pu...
-
ios禁止背景彈性滑動
前端開發過程中，ios設備的背景會彈性滑動，有時這種滑動會影響頁面布局，所以需要處理這種影響，解決方法如下： 1 整個頁面禁止滑動 2 使用-webkit改變隱藏屬性 推薦使...