Vue 单元测试

一、Vue-cli 安装测试模块

1、安装相关依赖

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

阅读全文

从浏览器地址栏输入 URL 到界面被渲染出来看前端知识

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

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

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

阅读全文

Git 文档

根据平常经验整理的 git 文档

阅读全文

JavaScript基础 —— 基本数据类型与引用类型的异同

javascript 基础系列之基本数据类型与引用类型的异同

阅读全文

JavaScript 基础 —— 类型转换

javascript 基础系列之类型转换,顾名思义,梳理一下类型转换相关的知识点

阅读全文

函数式编程

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

1、代码简洁

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

二、什么是纯函数

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

阅读全文

前端 Docker 指南

docker 在前端自动化部署中经常用到,平常都是别人配置好的,只其所以不知其然,自己走一遍,做个笔记

阅读全文

three.js 基础实战 —— 创建画布

一、场景创建

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

阅读全文

常用正则表达式

1、 html 相关

(1) 去掉所有 html 标签,并保留内容: /<[^>]+>/g

阅读全文

常见算法思想

一、穷举

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

/**
* 今有鸡兔同笼,上有三十五头,下有九十四足,问鸡兔各几何?
* 解法:通过题目可以知道,鸡和兔的总数量为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 ]只。

阅读全文