Teobler

如果只是这样用，有什么问题呢？这样引入JavaScript是没办法大量引入的，什么算大量呢？也不用多，加入某个页面我需要20个JavaScript文件，怎么办？好像我只能加20个script标签，然后一个一个去请求。但是这样的话首先会使页面加载变慢，你需要在加载页面后去请求大量…

由于篇幅所限文章中并没有给出demo的所有代码，大家如果有兴趣可以将代码clone到本地从commit来看整个demo的TDD过程，配合文章来看会比较清晰。本文涉及的所有代码地址: teobler/TDD-with-React-hooks-demo 从进公司前认识了TDD，到实…

在Point-free的文章中我们简单的提到过组合(compose)技术，现在我们来做一些比较沉入的了解。 可以看到这段代码其实就是在利用一个中间变量去计算最终的购物总价，为了理解这段代码，你需要将所有东西串联起来，理解了第一个去理解第二个，然后将第一个和第二个联合起来，就得到…

在前面的文章中我们已经提到过在函数式编程中，一个函数“形状”的重要性，我们力求每一个函数都是一元函数，以便我们将各个函数组合在一起，但是我们总会遇到各种各样的情况迫使我们的函数是一元二元甚至是多元的，这时我们就需要借助柯里化来“改变函数的形状”，使其能够适应别的函数。同时这也是…

闭包是一个在JS中怎么都绕不过的问题，不论是新手入门还是面试，你总会在各种地方看到它。而闭包在函数式编程中也是极其重要的，在前面的几篇文章中，几乎每个例子我们都用到了闭包，所以如果你对闭包的理解不到位的话，可以说你用不好函数式编程。可是一部分同学依然对闭包有一定的误解，这篇文章…

也就是说，真正的回车换行会变成空格，你想象中的转义会被原封不动的显示出来。为了解决这个问题，你需要CSS中的一个属性 — white-space。 这个属性被用来”告诉“html如何处理”空白“元素，但是这里的空白并不是你想象中的空格。这里的”空白“指的是用于显示正常字符之间的…

Point-free是什么？Point实际上指的是函数的参数，Point-free是一种编程风格，这是一种在函数里面实际上没有写任何东西的函数编写方式，这种方式可以将一个函数与其他函数一起生成一个新的函数，而实际上并没有定义这个新的函数的参数是什么。比如下面这个函数就是一个简单…

这里的纯函数指的是在函数式编程里面的纯函数。要理解好纯函数这个概念，就需要理解好程序和函数的区别。 程序(Procedure)指的是一系列的逻辑运算，也就是大家所熟知的循环，分支，跳转等，然后利用这些运算在你的大程序(program)中做一些事情。看起来是不是很像函数？那么什么…

首先需要说明的是，这篇文章是以JS为例的，而JS并不是一个以函数式设计的语言，它仅仅是可以做到函数式，那么既然如此我为何还要以JS为例呢？很简单，因为我是一名前端，目前我只会JS。第二个前提条件是，我们假设所有你参与的项目不可能是你一个人完成的。 函数式编程在React团队推出…