我打開(kāi)簡(jiǎn)書(shū)才發(fā)現(xiàn)我?guī)啄昵耙灿胷eact做過(guò)虛擬滾動(dòng)的列表，但是之前是每項(xiàng)高度相等的，而且我看現(xiàn)實(shí)方式其實(shí)是比較繁雜的。 一、背景： 我的場(chǎng)景是一個(gè)AI助手的聊天窗口，消息數(shù)量...
IP屬地：廣東
-
vue3實(shí)現(xiàn)高度不一致的虛擬滾動(dòng)列表
-
vue2升級(jí)到vue3踩坑記vue3升級(jí)指南[https://v3-migration.vuejs.org/zh/migration-build.html#%E5%B7%B2%E7%9F%A5%E7%9...
-
最后兩張圖就是組件的定義，都有紅線圈出關(guān)鍵字段onClick
給antd密碼框的切換按鈕綁定事件
項(xiàng)目遇到這樣的需求：表單詳情中的重要信息需要彈出框輸入用戶密碼才可以查看，那編輯的時(shí)候自然也是需要同樣的操作的，不然這功能就沒(méi)有意義，但是編輯的時(shí)候如何給密碼框的切換按鈕加事...
-
1、自定義密碼框的圖標(biāo)組件；2、自定義的組件接收一個(gè)onClick的參數(shù)，在驗(yàn)證密碼成功以后執(zhí)行該函數(shù)即可。
給antd密碼框的切換按鈕綁定事件
項(xiàng)目遇到這樣的需求：表單詳情中的重要信息需要彈出框輸入用戶密碼才可以查看，那編輯的時(shí)候自然也是需要同樣的操作的，不然這功能就沒(méi)有意義，但是編輯的時(shí)候如何給密碼框的切換按鈕加事...
-
React實(shí)現(xiàn)虛擬滾動(dòng)列表
一、實(shí)現(xiàn)原理 1、原理很簡(jiǎn)單，核心原理就是顯示一小部分?jǐn)?shù)據(jù)，比如原數(shù)據(jù)有10000條，滾動(dòng)的過(guò)程中只截取其中10條進(jìn)行展示。2、再細(xì)一點(diǎn)說(shuō)，就是獲取到滾動(dòng)條的滾動(dòng)距離和行高，...
-
H5上拉加載
好久沒(méi)記筆記了，最近又做了h5的開(kāi)發(fā)，使用了 antd-mobile 的 PullToRefresh 拉動(dòng)刷新，但是毛病很多，最后還是決定自己封裝。 踩坑 原理和之前做的下拉...
-
father-build打包問(wèn)題：ts項(xiàng)目中使用js
問(wèn)題描述 在開(kāi)發(fā)自己的組件庫(kù)的時(shí)候使用了father-build打包，本地運(yùn)行沒(méi)問(wèn)題，但是打包ts一直報(bào)錯(cuò)：error TS7016: Could not find a de...
-
很高興能幫助到你
echarts圖例中圖標(biāo)文字對(duì)齊
寫(xiě)這個(gè)筆記是因?yàn)檫@件看似很簡(jiǎn)單的小事，折磨了我很久。 先上圖 去官網(wǎng)示例中細(xì)看，發(fā)現(xiàn)全都是不對(duì)齊的，就想調(diào)整一下，翻了legend的配置，嘗試設(shè)置textStyle沒(méi)有解決 ...
-
echarts圖例中圖標(biāo)文字對(duì)齊寫(xiě)這個(gè)筆記是因?yàn)檫@件看似很簡(jiǎn)單的小事，折磨了我很久。 先上圖 去官網(wǎng)示例中細(xì)看，發(fā)現(xiàn)全都是不對(duì)齊的，就想調(diào)整一下，翻了legend的配置，嘗試設(shè)置textStyle沒(méi)有解決 ...
-
給antd密碼框的切換按鈕綁定事件項(xiàng)目遇到這樣的需求：表單詳情中的重要信息需要彈出框輸入用戶密碼才可以查看，那編輯的時(shí)候自然也是需要同樣的操作的，不然這功能就沒(méi)有意義，但是編輯的時(shí)候如何給密碼框的切換按鈕加事...
-
mount的時(shí)候是拿不到dva實(shí)例的，所以通信都是放在props.onGlobalStateChange函數(shù)監(jiān)聽(tīng)，在這個(gè)位置可以拿到；對(duì)于初始化數(shù)據(jù)，我選擇的是本地存儲(chǔ)，父子應(yīng)用是共享本地存儲(chǔ)的，比如放到sessionStorage中。
微前端(qiankun)-主應(yīng)用非umi子應(yīng)用為umi
背景 由于umi提供了自己的微前端插件plugin-qiankun，而主應(yīng)用并不是使用umi搭建的，就會(huì)涉及主應(yīng)用直接使用qiankun，而子應(yīng)用由于入口被umi封裝，無(wú)法在...
-
this和對(duì)象原型一. this 1. 誤解 (1)指向自身: 相信很多人跟我一樣,看到this,很容易從字面意思去理解,認(rèn)為this 指向函數(shù)自身;(2)它的作用域: 第二種常見(jiàn)的誤解是，t...
-
作用域和閉包
一. 作用域是什么 1. 定義 作用域是一套規(guī)則，用于確定在何處以及如何查找變量（標(biāo)識(shí)符）。 2. LHS 查詢和RHS 查詢 如果查找的目的是對(duì)變量進(jìn)行賦值，那么就會(huì)使用...
-
nginx常用代理配置
1. 最簡(jiǎn)反向代理配置 在http節(jié)點(diǎn)下，使用upstream配置服務(wù)地址，使用server的location配置代理映射。 通過(guò)該配置，訪問(wèn)nginx地址http://10...
-
nginx部署單頁(yè)應(yīng)用解決history路由訪問(wèn)404問(wèn)題
1、關(guān)鍵點(diǎn)，重定向 2、部署在二級(jí)目錄時(shí)，在地址欄直接回車會(huì)出錯(cuò)注意，這段代碼不能少 最終配置如下：
-
微前端(qiankun)-主應(yīng)用非umi子應(yīng)用為umi背景 由于umi提供了自己的微前端插件plugin-qiankun，而主應(yīng)用并不是使用umi搭建的，就會(huì)涉及主應(yīng)用直接使用qiankun，而子應(yīng)用由于入口被umi封裝，無(wú)法在...
-
HOOKS基礎(chǔ)梳理
一、hook概念 Hook是 React 16.8 的新增特性。它可以讓你在不編寫(xiě) class 的情況下使用 state 以及其他的 React 特性。Hook 是一個(gè)特殊的...
-
React錯(cuò)誤邊界的強(qiáng)大
1、官方的介紹： 部分 UI 中的 JavaScript 錯(cuò)誤不應(yīng)該破壞整個(gè)應(yīng)用程序。 為了解決 React 用戶的這個(gè)問(wèn)題，React 16引入了一個(gè) “錯(cuò)誤邊界(Erro...
-
React的動(dòng)態(tài)加載lazy import()
一、動(dòng)態(tài)加載能解決的問(wèn)題： 網(wǎng)站每增加一個(gè)功能/頁(yè)面就會(huì)增加代碼，導(dǎo)致打包文件體積隨著功能的增加而增加，文件過(guò)大部署以后訪問(wèn)速度緩慢；動(dòng)態(tài)加載可以把代碼拆分為多份，只加載需要...
-
vscode 配置import ~ 路徑提示及代碼智提
1、安裝插件：Path Intellisense2、配置： 3、修改項(xiàng)目package.json所在同級(jí)目錄下文件tsconfig.json： 4、使用：