發(fā)簡信
IP屬地：浙江
-
react-dnd + antd table實(shí)現(xiàn)可拖拽的樹狀表格ant design 官方組件有樹狀表格實(shí)現(xiàn)，也有可拖拽的表格，要實(shí)現(xiàn)這兩者的結(jié)合，官方可拖拽的表格支持的是平鋪數(shù)據(jù)結(jié)構(gòu)，對于樹狀結(jié)構(gòu)需要做一些...
-
將平鋪數(shù)組轉(zhuǎn)化成 樹狀數(shù)組結(jié)構(gòu)
數(shù)組中的 id 作為數(shù)據(jù)結(jié)點(diǎn)唯一標(biāo)識(shí)，pid 表示對應(yīng)的父節(jié)點(diǎn) id，頂層結(jié)點(diǎn) pid 為0 使用 map 數(shù)據(jù)結(jié)構(gòu)對應(yīng)，遍歷一次 data 數(shù)...
-
實(shí)現(xiàn)橫向滑動(dòng)帶錨點(diǎn)的粘性導(dǎo)航
導(dǎo)航內(nèi)容超出屏幕，向左滑動(dòng)顯示更多，點(diǎn)擊導(dǎo)航，定位到頁面相應(yīng)的模塊，導(dǎo)航元素未達(dá)到該設(shè)定距離時(shí)隨頁面滾動(dòng)，在距離頁面指定距離的時(shí)候吸附置頂（距離...
-
setInterval 運(yùn)行機(jī)制 clearInterval 失效場景
通過一個(gè)變量來控制頁面邏輯輪詢，可以開啟輪詢，滿足特定條件結(jié)束輪詢，一般大家第一個(gè)想到的就是 setIntervalsetInterval() ...
-
長輩版頁面方案&全局變量的應(yīng)用場景
前情提要 React 項(xiàng)目，Vue 項(xiàng)目實(shí)現(xiàn)相同功能，頁面長輩版標(biāo)準(zhǔn)版樣式切換 方案一 react hooks 用戶的狀態(tài)存儲(chǔ)在本地 loca...
-
Umi環(huán)境配置跨域情況下cookie獲取
https://github.com/umijs/umi-request[https://github.com/umijs/umi-reques...
-
復(fù)雜判斷 if else 的優(yōu)雅寫法
在開發(fā)過程中，遇到的多種相似的邏輯判斷，會(huì)造成臃腫的 if else 代碼結(jié)構(gòu)不夠清晰 利用對象來實(shí)現(xiàn) if else 的邏輯判斷 將判斷條件作...
-
js棧的操作
js模擬棧操作，輸入兩個(gè)數(shù)組，一個(gè)數(shù)組作為元素入棧順序，另一個(gè)數(shù)組為出棧順序，若出棧順序符合入棧規(guī)則返回true