首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端自习室
写代码的海怪
创建于2021-06-08
订阅专栏
收录前端、Node 的技术分享。
等 18 人订阅
共53篇文章
创建于2021-06-08
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
写给前端的 Figma 教程
前言 哈喽,大家好,我是海怪。最近一周,我都在学习 Figma。 起因是看到一些好看的网页,总想自己实现一遍。但是,为了实现这个网页,又要搞脚手架、又要搜集图片素材、又要调样式,最终出来的效果其实只是
彻底解决 qiankun 找不到入口的问题
前言 嗨害嗨,好久不见,我是海怪。 有一阵子没写文章了,今天来更一期关于 qiankun 找不到生命周期的问题。 刚开始给项目接入 qiankun 的时候,时不时就会报 Application die
测试中如何处理 Http 请求?
前言 哈喽,大家好,我是海怪。 不知道大家平时写单测时是怎么处理 网络请求 的,可能有的人会说:“把请求函数 Mock ,返回 Mock 结果就行了呀”。 但在真实的测试场景中往往需要多次改变 Moc
前端测试常见的 3 个误区
前言 哈喽,大家好,我是海怪。 在做前端测试时,选用合适的测试策略远比一通猛狂测试更重要,所谓 “方向 > 努力”。 如果选择了错误的测试策略,很容易写出维护性差和不稳定的测试用例。一旦业务出现变化,
写了一本开源小书《Jest 实践指南》
哈喽,大家好,我是海怪。 前段时间一直在给公司项目引入 Jest,这过程中学到了不少东西,也查了很多相关资料。最后编写了一本小书《Jest 实践指南》, 希望能帮助到想了解和学习前端测试的朋友。 教程
如何把测试带给团队?
前言 哈喽,大家好,我是海怪。 之前发了很多关于前端单测的文章,评论区里经常看到这样的留言:“最近也在搞前端单测...”。看来大家在给项目引入测试过程不是很顺利呀。当然我自己在引入测试的时候也有很多困
TDD 的原理和使用场景
前言 哈喽,大家好,我是海怪。 说起前端测试,有一个东西肯定是逃不掉的,那就是 TDD —— 测试驱动开发。很多前端大佬也都非常喜欢用 TDD 的模式来编程。因为它不仅可以通过测试保障代码质量,还能创
前端测试一共有哪几种?
前言 哈喽,大家好,我是海怪。 最近有不少朋友找到我聊了聊测试相关的内容,发现他们对测试的分类有些迷茫。实际上测试一共就 3 种:E2E,集成,单测,其它的功能测试、UI 测试、界面测试只是它们中里面
如何测自定义的 React Hooks?
前言 哈喽,大家好,我是海怪。 最近把项目里的 utils 以及 components 里的东西都测完了,算是完成了这次单测引入的第一个里程碑了。之后,我又把目光放到了 hooks 的文件夹上面,因为
前端测试代码怎么做抽象?
前言 哈喽,大家好,我是海怪。 不知道大家在写前端单测的时候,是否有出现测试代码和测试数据重复冗余的情况?然后不得不写一些函数和类来封装他们的。然而,慢慢地会发现:过度的封装会致使你的测试用例变得越来
前端单测,我们应该测什么?
前言 哈喽,大家好,我是海怪。 相信很多前端开发在写单测的时候,最大的问题就是:“我应该测什么东西?” 没错,解决问题不是最难的,发现问题才是!知道要测哪个远比怎么测重要很多! 今天看了 Kent 博
使用 React Testing Library 的 15 个常见错误
前言 哈喽,大家好,我是海怪。 刚开始我在写项目的单测方案的时候,老板就让我能够写一些单测的规范。虽然表面上我非常自然地说:没问题,但是心里还是慌得不行:以前我自己写单测也没啥规范呀,直接开干就好了。
前端单测,为什么不要测 “实现细节”?
前言 哈喽,大家好,我是海怪。 相信不少同学在写单测的时候,最大的困扰不是如何写测试代码,而是:“应该测什么?”,“要测多深入”,“哪些不该测”。 最近在给 React 组件写单测的时候,发现了 Ke
爷青回!用 Audio API 实现一个千千静听
前言 哈喽,大家好,我是海怪。 最近看了一下钟文泽的 Macbook Pro 测评视频(唉,最近又想买电子产品了),他在测评音响的时候,点播了一首蔡琴的《渡口》。 当听到这首歌的时候,我真的是情不自禁
用JS轻松实现一个录音、录像、录屏的工具库
前言 哈喽,大家好,我是海怪。 最近项目遇到一个要在网页上录音的需求,在一波搜索后,发现了 react-media-recorder 这个库。今天就跟大家一起研究一下这个库的源码吧,从 0 到 1 来
如何用 WebRTC 给自己拍照?
前言 哈喽,大家好,我是海怪。 最近一直在看 WebRTC 的用法,也学了一下音视频流的东西,今天就跟大家分享一个好玩的小实战吧——给自己拍照。 页面结构 首先,我们要拆分一下实现步骤: 打开摄像头,
用 Peer.js 愉快上手 P2P 通信
前言 哈喽,大家好,我是海怪。 最近公司项目需要用到视频流的技术,所以就研究了一下 WebRTC,正好看到 Peer.js 这个框架,用它做了一个小 Demo,今天就跟大家做个简单的分享吧。 WebR
秒懂 Web Component
前言 哈喽,大家好,我是海怪。 最近不是写了一篇关于京东微前端框架的文章嘛 《初探 MicroApp,一个极致简洁的微前端框架》,里面提到了一个叫 Web Components 的东西。虽然对它早有耳
初探 MicroApp,一个极致简洁的微前端框架
前言 哈喽大家好,我是海怪。 在微前端的领域里,相信大家都听说过阿里的 qiankun。我自己在上几个月也一直用它来做一些实践: 微前端x重构实践落地总结 当企微侧边栏遇上微前端 在使用过程中我发现
【值得收藏】分享一个前端Linter上手教程
哈喽大家好,我是海怪。 不知道大家有没有经常遇到这样一种情况:每次新建项目项目做代码风格的配置时总是随便找一篇文章,也不管啥意思,把 .eslintrc.js 的配置一抄,再把对应的 NPM 包装上就
下一页