前言 嗨害嗨，好久不見，我是海怪。 有一陣子沒寫文章了，今天來更一期關(guān)于 qiankun 找不到生命周期的問題。 剛開始給項目接入 qiankun 的時候，時不時就會報 Ap...
發(fā)簡信
IP屬地：廣東
-
徹底解決 qiankun 找不到入口的問題
-
美式霸凌，但是前端框架
某日 [圖片上傳失敗...(image-e1ba59-1656075967394)] React：喲，jQuery。你來這里干嘛，小辣雞。這里是我們的地盤。 React：你知...
-
測試中如何處理 Http 請求？
前言 哈嘍，大家好，我是海怪。 不知道大家平時寫單測時是怎么處理 網(wǎng)絡(luò)請求 的，可能有的人會說：“把請求函數(shù) Mock ，返回 Mock 結(jié)果就行了呀”。 但在真實的測試場景...
-
前端測試常見的 3 個誤區(qū)
前言 哈嘍，大家好，我是海怪。 在做前端測試時，選用合適的測試策略遠(yuǎn)比一通猛狂測試更重要，所謂 “方向 > 努力”。 如果選擇了錯誤的測試策略，很容易寫出維護(hù)性差和不穩(wěn)定的測...
-
寫了一本開源小書《Jest 實踐指南》
哈嘍，大家好，我是海怪。 前段時間一直在給公司項目引入 Jest，這過程中學(xué)到了不少東西，也查了很多相關(guān)資料。最后編寫了一本小書《Jest 實踐指南》[https://git...
-
如何把測試帶給團(tuán)隊？
前言 哈嘍，大家好，我是海怪。 之前發(fā)了很多關(guān)于前端單測的文章，評論區(qū)里經(jīng)常看到這樣的留言：“最近也在搞前端單測...”。看來大家在給項目引入測試過程不是很順利呀。當(dāng)然我自己...
-
TDD 的原理和場景
前言 哈嘍，大家好，我是海怪。 說起前端測試，有一個東西肯定是逃不掉的，那就是 TDD —— 測試驅(qū)動開發(fā)。很多前端大佬也都非常喜歡用 TDD 的模式來編程。因為它不僅可以通...
-
前端測試一共有哪幾種？
前言 哈嘍，大家好，我是海怪。 最近有不少朋友找到我聊了聊測試相關(guān)的內(nèi)容，發(fā)現(xiàn)他們對測試的分類有些迷茫。實際上測試一共就 3 種：E2E，集成，單測，其它的功能測試、UI 測...
-
如何測自定義的 React Hooks？
前言 哈嘍，大家好，我是海怪。 最近把項目里的 utils 以及 components 里的東西都測完了，算是完成了這次單測引入的第一個里程碑了。之后，我又把目光放到了 ho...
-
測試代碼怎么做抽象才是有意義的？
前言 哈嘍，大家好，我是海怪。 不知道大家在寫前端單測的時候，是否有出現(xiàn)測試代碼和測試數(shù)據(jù)重復(fù)冗余的情況？然后不得不寫一些函數(shù)和類來封裝他們的。然而，慢慢地會發(fā)現(xiàn)：過度的封裝...
-
前端單測，我們應(yīng)該測什么？
前言 哈嘍，大家好，我是海怪。 相信很多前端開發(fā)在寫單測的時候，最大的問題就是：“我應(yīng)該測什么東西？” 沒錯，解決問題不是最難的，發(fā)現(xiàn)問題才是！知道要測哪個遠(yuǎn)比怎么測重要很多...
-
使用 React Testing Library 的 15 個常見錯誤
前言 哈嘍，大家好，我是海怪。 剛開始我在寫項目的單測方案的時候，老板就讓我能夠?qū)懸恍﹩螠y的規(guī)范。雖然表面上我非常自然地說：沒問題，但是心里還是慌得不行：以前我自己寫單測也沒...
-
前端單測為什么不要測代碼實現(xiàn)細(xì)節(jié)？
前言 哈嘍，大家好，我是海怪。 相信不少同學(xué)在寫單測的時候，最大的困擾不是如何寫測試代碼，而是：“應(yīng)該測什么？”，“要測多深入”，“哪些不該測”。 最近在給 React 組件...
-
來聊聊我們?yōu)槭裁匆獙憜螠y
前言 哈嘍，大家好，我是海怪。 最近在組里我又領(lǐng)了一個新任務(wù)：前端單元測試。 關(guān)于這個話題在很早的時候就想和大家聊了，奈何一直沒機會。對于我個人來說，我是非常喜歡寫單測的。最...
-
爺青回！用原生 Audio API 實現(xiàn)一個千千靜聽前言 哈嘍，大家好，我是海怪。 最近看了一下鐘文澤的 Macbook Pro 測評視頻（唉，最近又想買電子產(chǎn)品了），他在測評音響的時候，點播了一首蔡琴的《渡口》。 當(dāng)聽到這首...
-
用JS輕松實現(xiàn)一個錄音、錄像、錄屏的工具庫
前言 哈嘍，大家好，我是海怪。 最近項目遇到一個要在網(wǎng)頁上錄音的需求，在一波搜索后，發(fā)現(xiàn)了 react-media-recorder[https://github.com/0...
-
如何用 WebRTC 給自己拍照？前言 哈嘍，大家好，我是海怪。 最近一直在看 WebRTC 的用法，也學(xué)了一下音視頻流的東西，今天就跟大家分享一個好玩的小實戰(zhàn)吧——給自己拍照。 項目已上傳至 Github，...
-
用 Peer.js 愉快上手 P2P 通信前言 哈嘍，大家好，我是海怪。 最近公司項目需要用到視頻流的技術(shù)，所以就研究了一下 WebRTC，正好看到 Peer.js[https://peerjs.com/] 這個框架...
-
秒懂 Web Component前言 哈嘍，大家好，我是海怪。 最近不是寫了一篇關(guān)于京東微前端框架的文章嘛 《初探 MicroApp，一個極致簡潔的微前端框架》[https://juejin.cn/post...
-
初探 MicroApp，一個極致簡潔的微前端框架前言 哈嘍大家好，我是海怪。 在微前端的領(lǐng)域里，相信大家都聽說過阿里的 qiankun[https://qiankun.umijs.org/zh/guide]。我自己在上幾個...