本文介紹 qiankun 的主應(yīng)用和微應(yīng)用都使用 umi3 搭建。 umi3 + qiankun 開發(fā)篇[https://www.yuque.com/teamdkvirus/...
發(fā)簡信
IP屬地：浙江
-
umi3 + qiankun 搭建微前端
-
react-dnd + antd table實(shí)現(xiàn)可拖拽的樹狀表格ant design 官方組件有樹狀表格實(shí)現(xiàn)，也有可拖拽的表格，要實(shí)現(xiàn)這兩者的結(jié)合，官方可拖拽的表格支持的是平鋪數(shù)據(jù)結(jié)構(gòu)，對(duì)于樹狀結(jié)構(gòu)需要做一些處理 這個(gè) demo 可以自定...
-
將平鋪數(shù)組轉(zhuǎn)化成 樹狀數(shù)組結(jié)構(gòu)
數(shù)組中的 id 作為數(shù)據(jù)結(jié)點(diǎn)唯一標(biāo)識(shí)，pid 表示對(duì)應(yīng)的父節(jié)點(diǎn) id，頂層結(jié)點(diǎn) pid 為0 使用 map 數(shù)據(jù)結(jié)構(gòu)對(duì)應(yīng)，遍歷一次 data 數(shù)組 O(n) 時(shí)間復(fù)雜度完成樹...
-
-
應(yīng)該不會(huì)吧？平時(shí)都是谷歌瀏覽器測試的??
vuedraggable填坑---Firefox拖動(dòng)搜索問題
Firefox拖動(dòng)搜索問題 Firefox有默認(rèn)的拖動(dòng)搜索事件，使用vuedraggable組件拖動(dòng)成功后會(huì)新打開一個(gè)搜索頁簽 解決： https://github.com/...
-
看打包出來的文件名字是否加了hash值，沒有的話可能其他配置影響了
解決umi框架打包不及時(shí)更新問題
在config.js中添加hash:true字段，保證umi.js 和 umi.css附帶hash值，防止瀏覽器緩存image.png
-
實(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í)候吸附置頂（距離默 top 認(rèn)為 0） scr...
-
setInterval 運(yùn)行機(jī)制 clearInterval 失效場景
通過一個(gè)變量來控制頁面邏輯輪詢，可以開啟輪詢，滿足特定條件結(jié)束輪詢，一般大家第一個(gè)想到的就是 setIntervalsetInterval() 方法會(huì)不停地調(diào)用函數(shù)，直到 c...
-
長輩版頁面方案&全局變量的應(yīng)用場景
前情提要 React 項(xiàng)目，Vue 項(xiàng)目實(shí)現(xiàn)相同功能，頁面長輩版標(biāo)準(zhǔn)版樣式切換 方案一 react hooks 用戶的狀態(tài)存儲(chǔ)在本地 localStoragewindow....
-
Umi環(huán)境配置跨域情況下cookie獲取
https://github.com/umijs/umi-request[https://github.com/umijs/umi-request]request optio...
-
復(fù)雜判斷 if else 的優(yōu)雅寫法
在開發(fā)過程中，遇到的多種相似的邏輯判斷，會(huì)造成臃腫的 if else 代碼結(jié)構(gòu)不夠清晰 利用對(duì)象來實(shí)現(xiàn) if else 的邏輯判斷 將判斷條件作為對(duì)象的屬性名，將處理邏輯作為...
-
amplitude 埋點(diǎn)工具官網(wǎng)地址https://help.amplitude.com/hc/en-us[https://help.amplitude.com/hc/en-us]項(xiàng)目數(shù)據(jù)查看地址htt...
-
Javascript條件語句優(yōu)化策略
本文目錄： 1.案例拆解，思路分析 2.使用 Array.includes 來處理多重條件 3.少寫嵌套，盡早返回 4.使用函數(shù)默認(rèn)參數(shù)和解構(gòu) 5.相較于 switch，Ma...
-
webpack打包原理的思考webpack 是一個(gè)前端資源加載/打包的工具。 其根據(jù)模塊的依賴關(guān)系進(jìn)行靜態(tài)分析，找到j(luò)s模塊以及一些瀏覽器不能直接運(yùn)行的語言（less sass TypeScript等）...
-
JS函數(shù)節(jié)流，函數(shù)防抖的理解和正確實(shí)現(xiàn)防抖： 將函數(shù)在規(guī)定時(shí)間內(nèi)多次觸發(fā)整合為一次，基本原理就是 delay 時(shí)間內(nèi)再次觸發(fā)則 重新計(jì)時(shí)，計(jì)時(shí)滿delay則執(zhí)行函數(shù) 注意：這里run是返回的函數(shù)，需要再次調(diào)用 執(zhí)...
-
js如何用一句代碼實(shí)現(xiàn)函數(shù)的柯里化（ES6）柯里化是干什么的？首先看看下面這個(gè)函數(shù) 那函數(shù)柯里化是什么？就是我們買面吃的過程可能是這樣： 所以這里我們可以看到，函數(shù)柯里化，是可以用來慢慢湊齊參數(shù)，延遲函數(shù)的執(zhí)行。（先分...
-
Webpack性能優(yōu)化
減少Webpack打包時(shí)間 1.優(yōu)化Loader 對(duì)于Loader，影響打包效率的是它的屬性Babel.Babel會(huì)將代碼轉(zhuǎn)為字符串 生成AST，然后對(duì)AST繼續(xù)進(jìn)行轉(zhuǎn)變最后...
