whl036-CSDN博客

原创 enzyme的三种渲染方式

$ npm run test:all ==yarn test:all # 执行所有测试单元测试部分：jest 是一个 node 端运行的测试框架，使用了 jsdom 来模拟 DOM 环境，适合用于快速测试 React 组件的逻辑表现，需要真实浏览器可以参考 E2E 测试部分。 enzyme的三种渲染方式 1、shallow渲染叫浅渲染，仅仅对当前jsx结构内的顶级组件进行渲染，而不对这些组件的内部子组件进行渲染，因此，它的性能上最快的，大部分情况下，如果不深入组件内部测试，那么可以使用sha..

2021-03-15 21:14:49 366

原创 jest测试基础（入门）

jest测试基础（入门） jest模拟方法为什么要使用Mock函数？在项目中，一个模块的方法内常常会去调用另外一个模块的方法。在单元测试中，我们可能并不需要关心内部调用的方法的执行过程和结果，只想知道它是否被正确调用即可，甚至会指定该函数的返回值。此时，使用Mock函数是十分有必要。 Jest 中的三个与 Mock 函数相关的API，分别是jest.fn()、jest.spyOn()、jest.mock(). jest.fn const myMock = jest.fn(); conso

2021-03-15 21:09:47 759

原创 vuex & redux

vuex & redux 1、vuex vuex是什么？官网解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化一句话概括：抽取出来的组件的共享状态（公共状态） state 包含了store中存储的各个状态。 mutations 一组方法，是改变store中状态的执行者，只能是同步操作。 getters 类似于 Vue 中的计算属性，根据其他 getter 或 st..

2021-03-15 21:04:28 157

原创 nodejs+mysql+express+vue实现增删改查功能

话不多说先来一波效果图： nodejs实现接口部分代码： // 连接数据库 var express = require("express"); var app = express(); var query = require("./db"); const mysql = require("mysql"); const querystring = require("querystring"...

2019-12-04 23:38:26 2950 2

原创 javaScript一些常用数组方法总结

// 1.forEach（让数组中的每一项做一件事） let arr = [1, 2, 3, 4, 5, 6]; arr.forEach((item, index) => { console.log(item); }); console.log(arr); //[ 1, 2, 3, 4, 5, 6 ] // 2.map（让数组通过某种计算产生一个新的数组） // let arrMap...

2019-11-12 11:58:32 124

原创 k近邻法(KNN)学习总结

k近邻法(KNN)学习总结什么是k近邻法? 一种基于分类与回归方法. 定义:对给定的训练实例点和输入实例点，首先确定输入实例点的k个最近邻训练实例点，然后利用这k个训练实例点的类的多数(多数表决)来预测输入实例点的类。 K-N...

2019-07-29 16:36:45 645

原创 fis3不是内部或外部命令，也不是可运行的程序

1.fis3是什么? FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。 2.fis3安装 npm install -g fis3 3.fis3 -v判断是否安装成功，如果安装成功显示如下 4.如果出现'fis3' 不是内部或外部命令，也不是可运行的程序或批处理文...

2019-07-08 16:26:01 1446 1

原创 js中数组深拷贝和排序

首先解决第一个问题: & 问题一: 数组B根据数组A变化,但是不可以修改A数组概念:1.浅拷贝：将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用 2.深拷贝：创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用” 这里采用深拷贝的方法 js实现数组深拷贝的方法 slice, concat ...

2019-07-01 16:44:42 388 2

原创 echarts实现地图数据展示

关键点:1.项目中需要引入china.js(这个需要自己下载) 2 .项目配置 3.关键配置 echarts.dispose($(`#userMap`)[0]); let mapChart = echarts.init($(`#userMap`)[0]); myChart.showLoading();...

2019-03-01 18:19:49 4213 3

原创项目中积累的javaScript数组去重超级好用方法

1.Es6的Set数组去重法:(ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。) let aList = [1, 2, 5, 6, 4, 9, 2, 1, 2, 3, 4, 5, 6, 5, 5, 3, 3, 4, 2, 1]; let aList2 = [...new Set(aList)]; console.log(aList2); //1,...

2019-03-01 18:03:16 183

转载 Javascript中apply、call、bind比较

apply、call 　　在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。　　JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。　　先来一个栗子： 1

2016-09-19 20:55:39 193

whl036的博客