可作為單獨(dú)組建
發(fā)簡信
IP屬地：北京
-
React+sortablejs列表拖拽
antd官網(wǎng)推薦了幾個(gè) 拖拽 工具類仿便，dnd-kit[https://github.com/clauderic/dnd-kit] ｜ react-beautiful-dnd[...
-
獲取兩節(jié)點(diǎn)間的所有路徑(非遞歸)
要在 JavaScript 中使用非遞歸的方式獲取兩個(gè)節(jié)點(diǎn)之間的所有路徑，我們可以使用棧（Stack）來實(shí)現(xiàn)深度優(yōu)先搜索（DFS）已卷，如果使用遞歸弧哎，數(shù)據(jù)量大可能會(huì)內(nèi)存溢出雁比；
-
craco build 更改 static 文件名稱當(dāng)我們把一個(gè)項(xiàng)目部署上線時(shí)候，只需要把前端代碼放到服務(wù)器撤嫩，然后添加nginx配置即可;build文件結(jié)構(gòu)如下： 添加如下配置即可 但是當(dāng)我們現(xiàn)在的項(xiàng)目作為二級域名訪問時(shí)候偎捎，我...
-
-
代碼版本更新，提示刷新
前端代碼更新后丈牢，如何通知客戶進(jìn)行刷新祭钉？思路其實(shí)很簡單，只需要對比本地和服務(wù)端的版本信息或者commitHash等信息即可己沛，如果本地和服務(wù)端的不同慌核，則表示有代碼更新，提示客戶進(jìn)...
-
qiankun手動(dòng)加載子應(yīng)用
如果是路由級別的嵌入申尼，最后需要應(yīng)用之間統(tǒng)一路由模式垮卓，反之不需要。切換路由可能導(dǎo)致styled-components自定義樣式师幕，子應(yīng)用需要包裹一下
-
搭建自己的cli腳手架
背景 在我們?nèi)粘９ぷ髦兴诎矗^非僅僅開發(fā)/維護(hù)單一項(xiàng)目，在新開業(yè)務(wù)線或者新增模塊時(shí)候霹粥，通常會(huì)搭建新的項(xiàng)目灭将，雖然現(xiàn)在的vue react 等框架可以快速構(gòu)建一個(gè)基礎(chǔ)項(xiàng)目，但是里面的...
-
React+Vite+eslint基礎(chǔ)配置如今的前端框架基本以 React 和 Vue 為主后控， Vite[https://cn.vitejs.dev/] 好似與Vue更配庙曙，但是對 React的支持也是很友好的，在我們...
-
reactflow流程圖
背景 作為前端開發(fā)忆蚀，詳細(xì)各位同學(xué)一定遇到過 流程圖 的開發(fā)需求矾利，那大家都用什么呢？目前市面上用的較多的有 antv/v6 , jsPlumb , gojs 等馋袜，今天給大家介紹...
-
dumi+father搭建react組件庫背景 由于公司使用qiankun，各模塊拆分為不同的項(xiàng)目舶斧，不同項(xiàng)目中的有相同或者類似的功能會(huì)有代碼的 copy欣鳖，如果有內(nèi)容的修改，哪怕只是修改一個(gè)文案茴厉，也要同時(shí)修改很多文件泽台，...
-
webpack自定義loader/pulgin
webpack簡介 webpack 是一個(gè)用于現(xiàn)代 JavaScript 應(yīng)用程序的 靜態(tài)模塊打包工具。當(dāng) webpack 處理應(yīng)用程序時(shí)矾缓，它會(huì)在內(nèi)部從一個(gè)或多個(gè)入口點(diǎn)構(gòu)建一...
-
Img前端埋點(diǎn)
背景 對項(xiàng)目中統(tǒng)計(jì)一些用戶行為怀酷、某些事件點(diǎn)擊量、某些重要頁面的曝光量等信息的統(tǒng)計(jì)嗜闻； 統(tǒng)計(jì)信息 某些頁面pv蜕依、頁面停留時(shí)間 瀏覽器版本及操作系統(tǒng)信息 某些按鈕的點(diǎn)擊次數(shù) 操作用...
-
react+ts+worker多線程處理大數(shù)據(jù)
現(xiàn)在的web開發(fā)相對于幾年前已經(jīng)不可同日而語，不僅僅是簡單的接口拿數(shù)據(jù)展示，而在有時(shí)候也會(huì)有大量的數(shù)據(jù)處理样眠，尤其在接口返回?cái)?shù)據(jù)不規(guī)范且數(shù)據(jù)量巨大的時(shí)候友瘤，僅僅在主線程處理就會(huì)有...
-
react+echart選中+雙擊恢復(fù)
在項(xiàng)目開發(fā)中經(jīng)常會(huì)用到各種圖表，會(huì)對圖表進(jìn)行一些操作檐束，此dome以Echarts為例
-
react中useReducer使用
在react項(xiàng)目中辫秧，我們可以使用redux狀態(tài)全局化，在開發(fā)中只需要維護(hù)單一的數(shù)據(jù)源即可解決多組件數(shù)據(jù)使用被丧，現(xiàn)在我們多使用的是hook來開發(fā)盟戏，react官方中提供了useRe...
-
webpack+react+ts封裝
我們在上一篇文章已經(jīng)介紹過使用rollpkg進(jìn)行打包發(fā)布，這篇我們介紹一下如何使用webpack進(jìn)行打包甥桂，畢竟在工作中柿究，使用webpack的頻率更高； 首先初始化項(xiàng)目 在sr...