AngelPP

Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。

为了补全前端技能树，学习开发 Chrome 插件是其中一个非常重要的分支。此文会总结常用 API 的用法，并且使用一些示例来帮助讲述使大家快速开始 Chrome 插件开发。

“自动化测试”这个主题相关的文章千千万万，但是仔细去看会发现有很大一部分都是后端或BFF的测试，它们的测试覆盖率几乎可以达到100%（根据不同团队不同的要求）。 但是一说起前端测试，极少有人说能做到1

由于最近团队需要建设一个可视化埋点的系统，在标记DOM元素唯一标识的问题上做了大量调研。其中，我查到一篇比较有意思的 blog，于是打算翻译一下。

背景 模糊搜索组件（后面称 ES 组件）是整个团队一个十分常用的业务组件。然而，就算我们已经对这个业务组件做了尽可能完善的封装，却还是在组件繁多的回调以及复杂的业务要求中重复踩了很多的坑。

编译原理系列（一），主要讲了：1我们为什么要学习编译原理（从前端角度出发），以及对编译原理的一些基础知识进行分享，并简单的分步骤介绍了编译器的各个过程。

人非圣贤孰能无过。 这句话还（更确切地说：尤其是...）适用于软件开发者。 这就是为什么在每一个开发者的职业生涯中最重要的是知道如何处理这些失误。作为一个 React Native 开发者，我经常想要写出没有 BUG 的代码，但是当出现问题时，我需要确保我能够追踪并解决问题。 …

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

制作这套解决⽅案的原因，是最近团队在开发项⽬ icon 组件库时，与设计师的协同遇到诸多不便。 Figma 设计稿中时常有多达上百个 Icon，按照之前的流程，我们需要将图标⼀个个从 Figma 导出，拷⻉⾄项⽬⾥，并对图标代码依次做⼀些改造，以⽀持⼀些定制的功能（如更换颜⾊等…