前端自习室

前言 哈喽，大家好，我是海怪。最近一周，我都在学习 Figma。 起因是看到一些好看的网页，总想自己实现一遍。但是，为了实现这个网页，又要搞脚手架、又要搜集图片素材、又要调样式，最终出来的效果其实只是

前言 嗨害嗨，好久不见，我是海怪。 有一阵子没写文章了，今天来更一期关于 qiankun 找不到生命周期的问题。 刚开始给项目接入 qiankun 的时候，时不时就会报 Application die

前言 哈喽，大家好，我是海怪。 不知道大家平时写单测时是怎么处理 网络请求 的，可能有的人会说：“把请求函数 Mock ，返回 Mock 结果就行了呀”。 但在真实的测试场景中往往需要多次改变 Moc

前言 哈喽，大家好，我是海怪。 在做前端测试时，选用合适的测试策略远比一通猛狂测试更重要，所谓 “方向 > 努力”。 如果选择了错误的测试策略，很容易写出维护性差和不稳定的测试用例。一旦业务出现变化，

哈喽，大家好，我是海怪。 前段时间一直在给公司项目引入 Jest，这过程中学到了不少东西，也查了很多相关资料。最后编写了一本小书《Jest 实践指南》， 希望能帮助到想了解和学习前端测试的朋友。 教程

前言 哈喽，大家好，我是海怪。 之前发了很多关于前端单测的文章，评论区里经常看到这样的留言：“最近也在搞前端单测...”。看来大家在给项目引入测试过程不是很顺利呀。当然我自己在引入测试的时候也有很多困

前言 哈喽，大家好，我是海怪。 说起前端测试，有一个东西肯定是逃不掉的，那就是 TDD —— 测试驱动开发。很多前端大佬也都非常喜欢用 TDD 的模式来编程。因为它不仅可以通过测试保障代码质量，还能创

前言 哈喽，大家好，我是海怪。 最近有不少朋友找到我聊了聊测试相关的内容，发现他们对测试的分类有些迷茫。实际上测试一共就 3 种：E2E，集成，单测，其它的功能测试、UI 测试、界面测试只是它们中里面

前言 哈喽，大家好，我是海怪。 最近把项目里的 utils 以及 components 里的东西都测完了，算是完成了这次单测引入的第一个里程碑了。之后，我又把目光放到了 hooks 的文件夹上面，因为

前言 哈喽，大家好，我是海怪。 不知道大家在写前端单测的时候，是否有出现测试代码和测试数据重复冗余的情况？然后不得不写一些函数和类来封装他们的。然而，慢慢地会发现：过度的封装会致使你的测试用例变得越来

前言 哈喽，大家好，我是海怪。 相信很多前端开发在写单测的时候，最大的问题就是：“我应该测什么东西？” 没错，解决问题不是最难的，发现问题才是！知道要测哪个远比怎么测重要很多！ 今天看了 Kent 博

前言 哈喽，大家好，我是海怪。 刚开始我在写项目的单测方案的时候，老板就让我能够写一些单测的规范。虽然表面上我非常自然地说：没问题，但是心里还是慌得不行：以前我自己写单测也没啥规范呀，直接开干就好了。

前言 哈喽，大家好，我是海怪。 相信不少同学在写单测的时候，最大的困扰不是如何写测试代码，而是：“应该测什么？”，“要测多深入”，“哪些不该测”。 最近在给 React 组件写单测的时候，发现了 Ke

前言 哈喽，大家好，我是海怪。 最近看了一下钟文泽的 Macbook Pro 测评视频（唉，最近又想买电子产品了），他在测评音响的时候，点播了一首蔡琴的《渡口》。 当听到这首歌的时候，我真的是情不自禁

前言 哈喽，大家好，我是海怪。 最近项目遇到一个要在网页上录音的需求，在一波搜索后，发现了 react-media-recorder 这个库。今天就跟大家一起研究一下这个库的源码吧，从 0 到 1 来

前言 哈喽，大家好，我是海怪。 最近一直在看 WebRTC 的用法，也学了一下音视频流的东西，今天就跟大家分享一个好玩的小实战吧——给自己拍照。 页面结构 首先，我们要拆分一下实现步骤： 打开摄像头，

前言 哈喽，大家好，我是海怪。 最近公司项目需要用到视频流的技术，所以就研究了一下 WebRTC，正好看到 Peer.js 这个框架，用它做了一个小 Demo，今天就跟大家做个简单的分享吧。 WebR

前言 哈喽，大家好，我是海怪。 最近不是写了一篇关于京东微前端框架的文章嘛 《初探 MicroApp，一个极致简洁的微前端框架》，里面提到了一个叫 Web Components 的东西。虽然对它早有耳

前言 哈喽大家好，我是海怪。 在微前端的领域里，相信大家都听说过阿里的 qiankun。我自己在上几个月也一直用它来做一些实践： 微前端x重构实践落地总结 当企微侧边栏遇上微前端 在使用过程中我发现

哈喽大家好，我是海怪。 不知道大家有没有经常遇到这样一种情况：每次新建项目项目做代码风格的配置时总是随便找一篇文章，也不管啥意思，把 .eslintrc.js 的配置一抄，再把对应的 NPM 包装上就