m2mbob

都说知其然而知其所以然，require是我们做node开发接触最多的一个函数，了解require的原理有助对node模块系统的理解，还可以打出很多骚操作。 我比较喜欢带着问题去思考学习，所以这里也先来看两个例子。 jest 对 module 的 mock, 通过对module的…

这篇文章干货不少于上篇文章，这篇我们深入讨论一下宏这个玩意 —— 我想我们对宏并不陌生，因为很多程序员第一门语言就是 C/C++; 一些 Lisp 方言也支持宏(如 Clojure、Scheme), 听说它们的宏写起来很优雅；一些现代的编程语言对宏也有一定的支持，如 Rust、…

元( meta ) 这个词缀在这里的意思是：关于某事自身的某事，因此元编程( metaprogramming )这个词意味着 关于编程的编程，可以在两种同的语言进行元编程，编写元程序的语言称之为元语言。被操纵的程序的语言称之为“目标语言”，在下面这段代码中 JavaScript…

关于Three.js，网上有不多不少的零碎教程，有些过于初级，有些云里雾里，而Three.js官网上的示例逼格之高又令人望而却步，这些对于没学过计算机图形学的童鞋来说，就像入门迈槛不知先迈左脚还是右脚，兴趣使然，于是我就先双脚蹦了进去试试水...... 可以观察到成品效果：粒子…

当一个民谣小哥抱着吉他哼唱着《情非得已》时，他右手扫着音孔处的琴弦，左手变换着按着琴颈处的琴弦，一段简单的弹唱便看起来有模有样。在不看脸不看唱功的情况下，是什么原理才赋予这位小哥如此风骚的魅力呢？ 这就是吉他伴奏。 而他只是一个吉他初学者，还没办法给歌曲编配伴奏，只好从网上找来…

Tree-Shaking这个名词，很多前端coder已经耳熟能详了，它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的，因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分，并非需要全部，此时Tree-Shaking如果能帮助我们删除掉没有…

本文介绍与 Suspense 在三种情景下使用方法，并结合源码进行相应解析。 在 16.6 版本之前，code-spliting 通常是由第三方库来完成的，比如 react-loadble(核心思路为: 高阶组件 + webpack dynamic import), 在 16.…

Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，用过都说好。完全解耦开发人员和设计师，让设计师设计的动画，在程序中无缝还原，真是一旦拿起绝不放下。 之前也写过两篇关于 Lottie 基础的文章，还不了解的可以先看看。 Lottie 虽然非常好用，但是从…

组1：单色图标用 iconfont 上提供的字体文件，彩色图标用 img 引入代替或者使用iconfont 上提供的 symbol.js 。 组2：引入 svg 文件，通过 react-svg-loader 将其包裹成一个 react 组件使用。 组3：引入 svg 文件，通过…