swimer

在上一篇文章中，我们以Angular官方自带的测试用例为引，介绍了如何在20分钟内将单元测试集成到已有项目中；并提出从公共方法、管道等逻辑相对简单又比较稳定的代码块入手，开启书写单元测试之路。这一篇文章，主要来回答以下两个问题： 当我们在code-coverage 的报告中查看…

业务需求变化快、涉及大量的UI 和交互、大部分业务场景是在与后端交换并处理数据。以上几点事实让测试成为前端领域让人非常头疼的问题，也成为前端不写单元测试的借口。 当我们面临一个不太熟悉的领域或场景时，简单可快速实施的内容更容易让我们迈出第一步。本文的目的正在于此，让你二十分钟之…

本文基于DevUI的富文本编辑器开发实践和Quill源码写成。 EditorX是DevUI开发的一款好用、易用、功能强大的富文本编辑器，它的底层基于Quill，并对其做了大量扩展，以增强编辑器的能力。 Quill是一款API驱动、支持格式和模块定制的开源Web富文本编辑器，目前…

本文源自于DevUI团队内部敏捷设计、开发/设计协同的实践。 许多团队选择使用轻量级的设计软件Sketch来快速绘制一些原型和设计稿，由此生成的标注设计稿，利于设计与开发的沟通。但设计价值不仅仅于此。 长久以来，设计圈与研发圈各自为战，在规范化、规模化和一致性方面往往花费大量的…

在DevOps，有个很流行的说法是XX项衡量DevOps是否成功的指标。通过对研发流程各个阶段的关键数据进行度量，来判断一个项目是否完成DevOps转型。 这个思路非常正确，因为要想改进它，就要度量它。 而对于前端项目大部分也可以套用DevOps的部分衡量指标，我基于本身的项目…

作为前端开发者，有些时候我们在后端服务还未ready的时候就接到了紧急开发需求，⾯对数据接⼝的缺失和数据持久化的⽀持，开发举步维艰。当然，加班也许也是⼀种解决问题的⽅法，但如果我们能够⾃⼰动动手指头去解决这两个问题，那么前端开发者们不仅增进了对业务的了解还掌握了对数据接⼝定义的…

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

Angular 框架作为前端三大框架之一，有着其独到优点，可用于创建高效、复杂、精致的单页面应用。 本文介绍了Angular开发过程中推荐的十八个最佳实践及示例，用于开发过程中参考运用。 1. trackBy 一般情况下，当数组内有变更时，Angular将会对整个DOM树加以重…

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