燕乐七声

本文主要介绍前端单元测试的一些技术方案。 单元测试的技术方案很多，不同工具之间有互相协同，也存在功能重合，给我们搭配测试方案带来不小的困难，而且随着 ES6, TypeSc...

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

本文罗列了前端的一些基础题目，讲涉及的知识点的讲解回顾。涉及基本类型，执行上下文，作用域，this指向，事件循环。...

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

1.前端错误异常按照捕获方式分类： 脚本错误 资源加载错误 Promise错误 2.sentry/tracing中实现的集成 错误监控主要由new TryCatch()和n...

如果发现 bug 的时机越早，那么修复成本就越低。通过对应用中的错误或异常进行监控和自动反馈，有助于我们尽早发现隐蔽的问题，提升产品质量和研发效率。...

通过上篇文章《自动化 Web 性能优化分析方案》的分享想必大家对“百策系统”有了初步的了解。本文将向大家介绍自动化性能分析使用的核心库——Puppeteer，并结合页面登录...

前端页面性能对用户留存、用户直观体验有着重要影响，当页面加载时间超过 2 秒后，加载时间每增加一秒，就会有大量的用户流失，所以做好页面性能优化，无疑对网站来说是一个非常重要...

web 端录制回放的一个基础库，即记录页面中的 DOM 结构还有用户操作行为，在远程实现回放。一图胜千言，可看下面的gif 图 记录⽤户使⽤产品的⽅式并加以分析，进⼀步优化...

多色图标出来已经很久了，现在才拿出来说貌似有点过时... 但为了方便自己以后知道怎么使用，也为了让更多刚入门的新手熟悉iconfont，还是决定写一篇比较详细的文章来记录它...

文章重点讲的是贴合实际场景把灰度方案落地，也列了一些常见的灰度发布方案做比较，在文章结尾给大家留了一些相关的代码，方案千千万，选择自己业务场景符合最重要...

首先我们来说一下前端 icon 的发展史。 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了im...

iconfont图标库手动更新太麻烦，我们可以使用iconfont-manger实现自动化更新。iconfont-manger是一个可以管理所有iconfont图标库更新的...

我本地是用Docker进行搭建的。 1） 在执行 docker-compose run --rm web upgrade 时报错。 2）执行 docker-compose ...

最近对前端监控很有兴趣，所以去使用了前端监控里优秀的开源库Sentry，并且研究了下Sentry源码，整理出这一系列的文章，希望能帮助大家更好地了解前端监控原理。 这一系列...

我们平常收集错误，大部分人、公司都采用的Sentry来收集，当然也有好多公司也有自研的前端监控。趁着最近我们组刚好要接入Sentry，并且要根据自己的调研来做一次分享。所以...

最近对前端监控很有兴趣，所以去使用了前端监控里优秀的开源库最近对前端监控很有兴趣，所以去使用了前端监控里优秀的开源库Sentry，并且研究了下Sentry源码，整理出这一系...

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转...

通过 flexiable.js 实现动态计算根元素 html 的 fontSize 值，以保证实际设备视口尺寸 (与meta[name="viewport"]标签密切相) ...