地基打的牢，才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能，重要的地方已添加注释。大部分是自己写的，如有不正确的地方，欢迎多多指正。

随着 Web 的发展，用户对于 Web 的实时推送要求也越来越高 ，比如，工业运行监控、Web 在线通讯、即时报价系统、在线游戏等，都需要将后台发生的变化主动地、实时地传送到浏览器端，而不需要用户手动地刷新页面。本文对过去和现在流行的 Web 实时推送技术进行了比较与总结。 本…

测试是应用生产过程中不可缺少的一个环节，开发人员在编码时总有考虑不周全或者出错的情况，而测试则是通过对比实际结果与预期结果来找出问题和缺陷，从而确保软件的质量。本文主要介绍了在最近在工作中用Jest和Enzyme来测试React 组件的过程和容易踩坑的地方。 单元测试： 测试单…

useState 允许我们在函数式组件中维护 state，传统的做法需要使用类组件。举个例子🌰，我们需要一个输入框，随着输入框内容的改变，组件内部的 label 标签显示的内容也同时改变。下面是两种不同的写法： useEffect 是专门用来处理副作用的，获取数据、创建订阅、…

这篇文章中，我们会探索一些高阶函数，去思考如何用这些函数来让我们的程序更具表达性；同时，我们也要在程序可感知复杂度(perceived complexity) 和表达性之间达到折中和平衡。 编程中最基础的概念之一就是函数可以调用其它函数。 当一个函数能调用其它函数，且当一个函数…

可是上面的代码并不可以得到他们想要的结果，浏览器会把这段代码 console.log(this.props.todos) 当做纯文本在界面展示出来 。 先不急着解释这个为什么不行的原因，让我们先看几个在JSX中正确使用console.log的方法。 这个方法有用的原因是, 布尔…

它不是自然界的物理长度，指基本原色素及其灰度的基本编码。 css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的。 在为桌面浏览器设计的网页中，我们无需对这个津津计较，但在移动设备上，必须弄明白这点。 在早先的移动设备中，屏幕…

this 无疑是 JavaScript 中使用最广泛但又容易被误解的关键字，今天我将会对其进行详细的解释。 这句话中，我们不直接使用 Phelps，而是使用代词“he”来指代他。类似地，JavaScript 中使用 this 关键字指向引用上下文中的对象。 在上面的代码中，我们…

404 — 对于普通人来说，它是“四百零四”，是一个用十进制表示的数字，但对于开发者，尤其是web相关的开发者来说，它指相关资源没找到，表示了一种“不存在”的意思，如果我要隐含的表示我的某个东西不见了，我可以说“我的东西404了”(它的设计哲学中隐藏着加密学和压缩学)。在HTT…