Teobler

在很长一段时间我并不知道怎么去平衡速率和质量之间的关系，我虽然看过不少书和文章告诉我只有保证质量才能保证速率，但我还没有见过反例，我没办法很好地说服别人，直到我经历和见证了不同项目、不同情况之后...

这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。

前端没法 TDD / 前端不容易做 TDD / 前端 TDD 收益不大。 这是进公司后无数人给我判的“死刑”。 事实上好像的确如此？

不久前一个呆了2年多的项目成功结束，接下来要去一个新项目，新项目要用 Angular，于是我开始告别从毕业就开始用的 React，开始学习这个大家少有提及的框架。

我们的项目整体来看算得上一个比较大型的项目，整个项目规划完成后有 17 条业务线。但是在刚起项目的时候由于种种原因并没有考虑周全，将项目当成一个普通的前端项目来解决，在第一期项目结束，第一条业务上线后

React17那篇没有任何新特性的博客还历历在目，半年多后，终于等来了17铺路许久的18发布计划，本来想赶紧看看都有些啥，无奈事情略多，一直拖到现在，最近有点点时间，看看18给我们带来了什么。

我们需要认识到每一个系统的架构都不应该是一成不变的，为了应对业务的变化，我们不应该只有重写一个选项。 但往往架构的迁移业务方不会给开发者预留充足的时间，短时间内对架构进行平滑迁移就成了需要解决的问题。

从敏捷宣言发布，敏捷如同在雪山顶滚下的一个小雪球，迅速发展并很快席卷了整个软件业。但是如同传话游戏那样，最初的敏捷思想被扭曲和简化，最终到管理者耳朵里变成了是承诺可以更快交付软件的一个流程。 于是浩浩荡荡的敏捷转型开始了，但是一种文化并不容易转型到另一种文化，于是一个岗位出现了…

上篇文章介绍了 TDD，这次我们将极限编程中的所有技术实践合起来一起聊聊。 为了统一语言，我想有必要在开始讲重构前聊聊到底什么是重构。很多人讲到重构时甚至讲的是“将已有代码全删掉，重新写一遍这件事”，很显然这是重写不叫重构。 重构是改善代码结构的一种实践，但重构并不会改变由测试…

至此，生命之环的外圈和中间的一圈已经介绍完了，现在开始的就是内圈的技术实践，也是敏捷最为关键的实践，技术实践能否有效执行关乎着外围实践能否成功，可以说是敏捷最为重要的支撑。 技术实践要求开发人员进行大量的分钟级甚至秒级的，深刻的、充满仪式感的行为。以至于大部分团队尝试将这些实践…

这是敏捷实践的第四篇文章，如果觉得有用帮忙点个赞呀。 业务实践介绍完了，现在该聊聊团队实践了。团队实践支配着团队成员之间的关系，以及团队成员与他们所创造的产品之间的关系。这些实践有助于小型团队表现得像真正的团队。他们帮助团队建立交流的语言，使团队成员对彼此、对正在构建的项目的期…

在上一篇文章中我们花比较大的篇幅介绍了敏捷业务实践中的计划游戏，在这篇文章中我们将介绍介绍生命之环中外围剩下的三个业务实践。 小步发布这一业务实践建议开发团队应该尽可能频繁地发布软件。在敏捷早期，这个时间节点大概是“一到两个月”。现如今，发布周期的目标是无限短，即持续交付：每次…

敏捷发展至今已经有无数分支，这些分支的发展有些是为了应对不同项目增删改了一些实践和规则，使得敏捷能够应用在一些特殊的项目上。而另一些则是一些人想接敏捷之手宣传自己的思想与实践，强行在敏捷中加入了自己的想法。这些原因使得如今的敏捷五花八门，甚至出现两人在谈论完全不一样的敏捷。 在…

从加入公司到现在快三年，从进入公司的那一刻开始实践敏捷，但是说起来惭愧，如果你问我敏捷是什么，我好像不能给出一个专业的回答。由此我开始探索敏捷的过去现在和未来，然后我发现了Bob大叔的新书 Clean Agile: Back to Basics。 从敏捷诞生以来，它被赋予了太多…

在了解SSO是什么之前，我们需要搞清楚两个概念： Authentication & Authorization。 Authentication(又被称为AuthN，身份验证)，它指的是 the process of verifying that "you are who you…

第三栏是类型，标识该资源是document / stylesheet / script... 在network面板最上方有一个消摄像机的图标，点击后刷新页面devtool会记录下加载网页过程中的每一次重绘的时间点并截图，你可以从中看到整个网页加载的过程，你可以使用这个功能来测试…

自从三大框架成型之后，各个框架都为提升开发者的开发效率作出了不少努力，但是看起来技术革新都到了一个瓶颈。除了 React 引入了一次函数式的思想，感觉已经没有当初从DOM时代到数据驱动时代的惊艳感了。于是 React 将精力放在了用户体验上，想让开发者在不过多耗费精力的情况下，…

这是一个介绍Chrome devtool的系列文章，虽然这是一个前端小伙伴们都很熟悉的东西，但是我相信它的很多还不错的功能其实或许你并不知道，这个系列的文章会涉及到: 代码修改、debug、network、audit、monitor等等。 第一篇我们会介绍如何在devtool中…

从这张图可以看到，最上面的文件就是我们整个app的入口，也是这个文件启动了我们整个app，这就是weback的入口，通常这个文件会依赖我们自己app的其他文件，其他文件又会依赖别的第三方库，这些依赖可能是js，也可能是css，当然右边也展示了我们也会依赖app里面的其他文件。 …

webpack的核心目的和功能就是打包JavaScript代码，在时间的推进过程中，其逐渐演化成了一个生态体系，成为前端打包代码和处理开发时候必不可少的一个工具。 首先将代码clone到你本地，然后运行yarn install。既然文章讲的是webpack，那么问题来了，当你运…