JS漫步指南

在这里我连续使用了“居然”和两个感叹号来表达我的惊诧之情：明明前段时间我帮人排查问题时还使用`CLI`创建了项目，当时没这个问题。而且我检查了 CLI 工具和模板工程，在近期都没有发布更新。

这两样都是享誉世界的产品：一件是多种实用工具集于一身的瑞士军刀；另一件则是秉持“less is more”简约范儿的 CD 机。这是两种完全不同的设计风格，却都是各自领域的佼佼者。 它们所应用的场景完全不同，也都有着众多的拥趸。相信大家都能欣赏这两种风格迥异的设计之美。这就是审…

在JavaScript中，字符串之间无疑也是可以比较的。猜猜看下面这段代码输出的结果是什么？ 答案是true、true。 这是因为在两个字符串进行比较时，是使用基于标准字典的 Unicode 值来进行比较的。通过String.prototype.codePointAt()方法我…

深拷贝可以说是前端面试中非常高频的问题，也是一道基础题。所谓的基础不是说深拷贝本身是一个非常简单、非常基础的问题，而是面试官要通过深拷贝来考察候选人的JavaScript基础，甚至是程序设计能力。 我们知道在 JavaScript 中存在“引用类型“和“值类型“的概念。因为“引…

IoC，控制反转(Inversion of Control)。它是依赖倒置原则（Dependence Inversion Principle）的一种实现方式，也就是面向接口编程。IoC的实现借助于第三方容器，可以解耦具有依赖关系的对象，降低开发维护成本。 接下来我们一起通过一个…

2019马上就要过去了。相信临近年底的你一定和我一样有好多事情需要处理，比如：写年终总结PPT、制定下个季度OKR、需求讨论、技术方案设计、开发小伙伴找你调接口、产品小伙伴找你聊可行性等等，当然还有最重要的刷火车票。 这许多事情堆积到一起占用了大量的时间和精力，所以此时此刻留给…

我们来确认一下JavaScript的定义：JavaScript 是一门解释型的动态语言。 解释型语言是相对于编译型语言存在的，源代码不是直接编译为目标代码，而是转成中间代码，再由解释器对中间代码进行解释运行。 主流编程语言有编译型（如 C++）、解释型（如 JavaScript…

当我们拍了一张照片准备发朋友圈时，许多小伙伴会选择给照片加上滤镜。同一张照片、不同的滤镜组合起来就会有不同的体验。这里实际上就应用了装饰者模式：是通过滤镜装饰了照片。在不改变对象（照片）的情况下动态的为其添加功能（滤镜）。 需要注意的是：由于 JavaScript 语言动态的特…

本月初的时候朋友和我说《重构》出第 2 版了，我兴冲冲地下单，花了一个礼拜时间一口气把它读完后，才有了这篇书评。掩卷沉思，我无比赞同豆瓣网友“天心一”的评论： 作为一个开发者，2012年初识本书的时候，我在写 Java；2019年本书再版，我在写 JavaScript。真是应了…

我们曾经在HTTP的响应头中见到过Content-Type:text/html; charset=utf-8，也曾在HTML文件中见到过<meta charset="utf-8">。它们都是用于声明字符编码为utf-8。那么utf-8到底是什么？这要从计算机的起源说起。 最早的…

升级webpack-manifest-plugin即可。 运行通过，提交代码，PR。 所有问题都可以通过仔细阅读error trace加上善用google搞定。

styled-components是一个React的第三方库，是CSS in JS的优秀实践。 初次了解styled-components是在读林昊翻译的React设计模式与最佳实践一书时。虽然接触的比较晚，但深深的被它的强大和优雅所吸引。然而其中文资料比较匮乏，为帮助更多的小…

我们在写代码的时候，一定也遇到过许多类似的场景。随着经验的增加，我们对于这些常见场景的处理越来越得心应手，甚至总结出了针对性的“套路”，下次遇到此类问题直接运用“套路”解决，省心又省力。这些在软件开发过程中逐渐积累下来的“套路”就是设计模式。 设计模式的目标之一就是提高代码的可…