我在 github 上新建了一个仓库 每日一题，每天一道面试题，欢迎交流。 前端一说起刀耕火种，那肯定紧随着前端工程化这一话题。随着 react/vue/angular，es6+，webpack，babel，typescript 以及 node 的发展，前端已经在逐渐替代过去 …

疫情期间我感觉整个人懒散了不少，慢慢有意识要振作起来了，恢复到正常的节奏。最近团队代码库从Gerrit迁移到了Gitlab，为了让前端团队日常开发工作有条不紊，高效运转，开发历史可追溯，我也查阅和学习了不少资料。参考业界主流的Git工作流，结合公司业务特质，我也梳理了一套适合自…

最近笔者所在公司发生了一起小风波，事情大概是这样的：市场部老大在给客户现场演示系统时，正讨论着一个主题，恰巧系统在切换到相关功能时出现了异常，导致功能不可用，现场有点尴尬。 显然，问题归咎于研发部。严肃的气氛下，我下意识在想自己是不是凉了，于是我迅速定位原因，发现是后端接口发生…

初级 Git 开发者，面对这满图的分支和 merge 指向，简直想手撕作者。高级 Git 开发者要将这个流程运用实践也大感头疼。 分支各司其职，覆盖大部分开发场景。 预期 master 分支中任何 commit 都是可部署的。 严格按照流程执行，出现重大事故的情形会大大降低。 …

随着前端生态的繁荣，工具库几乎是高效开发的必需品，lodash/dayjs/numberal等实用的工具库相信大家都用过。 我近期在开发Calendar Graph Github提交日历组件时，发现有很多需要处理颜色的场景，比如判断一个字符串是否是一个有效的颜色值、hex颜色值…

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

在 webpack 中，专注于处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。它和 loader 有以下区别： loader 是一个转换器，将 A 文件进行编译成 B 文件，比如：将 A.less 转换为 A.css，单纯的文件转换过程。webpac…

众所周知，我们在开发的过程中，写代码其实只占很小的一部分，更多的时间其实是在设计代码、构建和部署。 代码的设计非常考验代码功底，本人才疏学浅，就不讲解这个部分了。 构建和部署通常来讲没那么复杂，但是却十分繁琐，尤其是手动的方式进行构建部署。重复操作多，流程长，非常消耗耐心和精力…

经过了上一篇文章的科普，大家应该都对前端的自动化测试有了一定的了解。 由于国内对于前端自动化的实践不多，相关介绍的文章也很少，中文资料匮乏，很多库类只能通过去阅读英文官方文档来学习使用。当然，在这篇文章中我会尽量给大家将英文文档中比较基础比较重要的部分讲解一下。 既然是与 Re…