B2D1

我们日常中使用 react 开发项目，那么一定会跟 react-rouer 打交道，但是由于 react 路由的设计和用法，使得很多刚使用 react 的同学在接触到react-router的时候就会很蛋疼，不知道其匹配的机制和原理。 脚手架工具初始化一个项目，为了方便测试，将…

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

单元测试是测试的等级，其中个别单元/组件（称为单元）的最小部分被测试以确定它们是否适合使用。单元测试用例的编写和执行是由开发人员（一般情况，当然也有二般情况）完成的，以确保各个单元都能按预期工作。各个

微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。 Dynamic vs. static ui composition Microservice…

微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。 我们是不是可以将一个应用划分成若干个子应用，再将子应用打包成一个个的lib呢？当路径切换时加载不同的子应用，这样每个子应用都是独立的，技术栈也就不用再做限制了！从而解决了前端协同开发的问题。 2…

是不是一直搞不清楚单元 (Unit) 测试，功能 (Functional) 测试和集成 (Integration) 测试的区别？

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

description: "虽然从字面上看不出显式访问，但不要忽略了一个重要条件，即非严格相等运算符 ==，它会将等式两边的值做出相应的隐式转换（又称强制类型转换）再进行比较。而隐式转换的最终目的，是将等式两边的值都转换为原始值（Primitive value)，例如：stri…

以前从没去系统了解过网页字体，但它却时时刻刻在影响用户的体验，作为前端的一部分，其重要性不言而喻，在此，记录我对字体的一些疑问和新特性解析。 翻译为中文依次为：衬线字体、无衬线字体、等宽字体，但它并不指代某一具体的字体，而是一种字体特征的字体合集。 衬线字体（Serif），意思…