无需花费太多的时间和精力，你就能将你的终端从一个难看的白块变成一个美观、流畅、有趣又实用的强大工具。 终端是一个非常棒的工具。你可以在那里面运行整个世界。何必把时间浪费在一个你并不喜欢的工具上呢？ 当你刚开始你的编程旅程时，你很快会发现，你会花很多时间使用终端。你可能想成为一个…

我第一次研究「它是什么」以及「我为何要关注它」的尝试以失败告终。我看了一些 PDF，但最终我更加懵逼了。（其中有一些偏学术性质的 pdf 真是催眠。） 但是我的同事 Sebastian 总是将其称为我们在 React 内部的一些工作的心智模型（Sebastian 在 React…

大多数开发者基本都使用浏览器的开发者工具调试前端，但即使用了好几年 Chrome 的开发者工具，我仍然会遇到从未见过的技巧和功能。 在本文中，我写了许多在开发者工具中与 CSS 相关的功能和技巧，我认为它们将把你的 CSS 开发水平提升至一个新的台阶。其中一些技巧不仅仅针对 C…

Markdown 是一种轻量级的文本标记语言，能将带标记的文本转换为各种格式。发明 Markdown 的初衷，是为了让人们能“用易读易写的纯文本格式来书写”，并可以按需转换为有效的 XHTML（或者 HTML）。目前，随着 WordPress 的支持，Markdown 语法越来…

做好前端开发不是件容易的事情，而比这更难的是扩展前端开发规模以便于多个团队可以同时开发一个大型且复杂的产品。本文将描述一种趋势，可以将大型的前端项目分解成许多个小而易于管理的部分，也将讨论这种体系结构如何提高前端代码团队工作的有效性和效率。除了讨论各种好处和代价之外，我们还将介…

在构建 React 应用时，你会发现随着嵌套组件增多，用户界面的某些部分开始变得缓慢迟滞。这是因为，被改变 state 的元素在组件树中的层级越高，浏览器需要重绘的组件越多。 本文将告诉你如何通过备忘（memoization）技术避免不必要的重绘，让你的 React 应用快如闪…

在为本文查资料时，我发现第三方动画库中最常见的动画类型就是过渡动画（并非 CSS transition）了。有些简单的动画应用于元素出入页面的过程。现代单页应用中最司空见惯的模式就是让一个元素进入页面，顶替另一个离开页面的元素。想想这种情况：第一个元素淡出而第二个元素淡入。这个…

本文是针对 Vue 中的 Mixins 的实用性介绍，探讨了 Mixins 为何重要，以及如何在工作流中使用。 Vue JS 中的 Mixins 基本上是定义一大堆逻辑的地方，它们以 Vue 规定的特殊方式存储，它们可以反复使用来为 Vue 实例和组件添加功能。因此，Vue m…

如果要合并拥有上千个元素的数组，使用 arr1.push(...arr2) 可比 arr1 = arr1.concat(arr2) 节省时间。如果你想要再快一点，你甚至可以编写自己的函数来实现合并数组的功能。 最近，我们有一个用户抱怨他在使用 UI-licious 对他们的 U…