monkey5566

作为一个成熟的web前端工程师，我们都熟知，编写单元测试用例，对前端而言，确实收益不大，业务代码还写不完呢，写什么测试用例呐，大概这是诸多web前端工程师的现状。 在开发侧发现产品质量问题，对于开发来说，是成本最低的一种保证上线产品质量的方法。 在开发时编写测试用例，就是诸多从…

性能，是一个问题。 取决于我们对性能的理解深浅，以及是否有一套好的工具和方法。 介绍三步法之前，先来简单了解下Chrome开发者工具的Performance性能面板，以及性能分析报告的基本组成。 然后按F12打开Chrome的开发者工具，选择Performance性能面板。 指…

自我定位决定一个人将成为什么样的人。 以前都是封闭在自己的小圈子里，觉得自己只是公司里的一颗小螺丝钉，本着工匠精神，认真做好螺丝钉就好。 直到今年1月份，我开始对自己有了新的认识。 然后把我拉进一个群，这个群里就四个人，除了凡哥和我，还有江晟和优弧两位大佬。 这就是DevUI和…

作为前端开发者，随着公司业务的不断发展和增长，业务对组件功能、交互的诉求会越来越多，不同产品或者团队之间公用的组件也会越来越多，这时候就需要有一套用于支撑内部使用的组件库，也可以是基于已有组件扩展或者封装一些原生三方库。本文会手把手教你搭建自己的Angular组件库。 whit…

19世纪著名的印象派画家莫奈，喜欢对着同一处景物，分别画出对象在不同时间，不同光线下的色彩变化。 带着这个想法，我分别选用目前最火的Vue/React/Angular三大框架，去实现一个简单的Pagination分页组件。 页码太多时显示更多页码按钮，点击更多页码按钮跳转5页。…

在 Web 开发领域，富文本编辑器（ Rich Text Editor ）是一个使用场景非常广，又非常复杂的组件。 要从0开始做一款好用、功能强大的富文本编辑器并不容易，基于现有的开源库进行开发能节省不少成本。 Quill 是一个很不错的选择。 Quill 是一款API驱动、易…

Angular自带的http拦截器，官方介绍：拦截请求和响应，其实描述的已经非常明确，在我们团队实际的业务开发中，主要的实践也是通过自行封装拦截器，来实现对http请求和响应的处理、监视，这两个链路可做的处理场景有很多，比如request header的字段修改，请求的安全鉴权…

还记得19年redux的作者Dan Abramov那篇关于微前端的Twitter吗，当时引起了前端届广泛的争论，很多人说微前端是伪命题，但是进入到2020年之后，各种有关微前端的文章和框架层出不穷，又将这个话题推到了风口浪尖，事实证明微前端已经继模块化，组件化之后作为另一种前端…

灰度发布，又称金丝雀发布。 对应到软件开中，则是指在发布新的产品特性时通过少量的用户试点确认新特性没有问题，确保无误后推广到更大的用户使用群体。 集成灰度发布的流水线在DevOps中是一个非常重要的工具和高效的实践，然而笔者在入职以前对流水线和灰度发布知之甚少。在了解一个新东西…