一、Vue-cli 安装测试模块

1、安装相关依赖

npm install --save-dev @vue/test-utils @vue/cli-plugin-unit-jest

经常会有各种文章啥的都有提到从浏览器地址栏输入 URL 到浏览器渲染出页面的过程是怎样的。

之前我的认识是：DNS 解析，请求静态资源，渲染页面。

然而，事实上我还是太不专业了，看到的都只是一些表象，从表象往专业看，其实这里蕴含了多个方向的前端知识，下面就来谈谈个人的一些拙见。

一、函数式编程有什么好处

1、代码简洁

2、函数间耦合度低，便于代码管理和迭代更新

二、什么是纯函数

类似于数学里的函数，x-y 是一一对应关系，一个函数只有一个输出值，函数能只进行运算，不进行其他处理，这也被称为无副作用，简言之函数只管函数内部的事情，外面的一概不管。

一、场景创建

要显示一个画面需要有以下三个元素: scene, camera 和 renderer，renderer 渲染器是根据 scene 和 camera 进行渲染的

一、穷举

通过穷举所有的组合，得出结论，🌰:

/**
 * 今有鸡兔同笼，上有三十五头，下有九十四足，问鸡兔各几何？
 * 解法：通过题目可以知道，鸡和兔的总数量为0-35只，
 * 我们可以假设鸡为0，兔子为35，用鸡的个数*2+兔子的个数*4就可以得到总的脚
 的数量，如果等于94，那么便是答案，
 * 如果不等，则鸡的数量+1，兔子数量-1，依次类推，穷举所有情况直到得到答案
 */
var enumeratingAlgorithm = (head, foot) => {
  let j;
  for (let i = 0; i <= head; i++) {
    //i代表鸡的数量
    //j代表兔子的数量
    j = head - i;
    if (i * 2 + j * 4 === foot) {
      console.log("鸡的个数为[ %d ]只,兔子的个数为[ %d ]只。", i, j);
      return;
    }
  }
};
enumeratingAlgorithm(35, 94); 
// 鸡的个数为[ 23 ]只,兔子的个数为[ 12 ]只。

一、font-size

chrom 默认有字体限制最小是 12px，也就是小于 12 px 的字号都相当于 12px，但是 font-size: 0 例外，还是会保持为 0，利用这个特性可以实现可访问性隐藏

得空看看一些源码，发现 Package.json 文档里有些字段是不常见的，自然也不知道配置的是什么，查官方文档, 发现有些找不到，看到一篇不错的英文文档，翻译一下，以后好查看。