Jest 是什么？

Jest 是 Facebook 开源的一个测试框架，官网地址：https://facebook.github.io/jest/。Jest 集成了测试运行时、测试断言库、测试覆盖率等测试必要的工具和环境，可以做到开箱即用。Jest 相比 Mocha、Jasmine的优势就是配置少、开箱即用的一个测试框架。

阅读全文

前言

昨天写了一篇 JavaScript 小数精度遇到的坑 (传送门)，今天又写一篇填坑心得，别问我为什么，坑就是这么多。不过话说回来，Element-UI 的 BUG 是真的有点多啊，特别是 1.x 版本，然而由于历史原因，我们项目还在用 1.x 版本😐😐😐。

发现问题

现在开始进入正题，说下如何入坑的，有2个标签页，每个标签页下面有一个表格展示数据，可以切换顶部的标签来切换显示哪一个表格。用 el-tabs 和 el-table 两个组件嵌套就可以搞定，没什么问题😊。可是测试的时候发现一个问题，当重新加载数据时，隐藏的那个标签页下面的表格 body 部分高度不知为啥消失了。用调试工具查看元素时，发现表格 .el-table__body-wrapper 这个元素有个内联样式 height: 1px，这一看就是 Element-UI 框架计算出来的高度，于是就向这个方向去排查。

阅读全文

背景

背景是这样子的，首先有个一个表格，表格底部有一个统计金额的需求，而且表格的数据是可以搜索过滤的，所以统计金额的任务就交给前端来做啦。前端做的话也简单，用 Array.prototype.reduce 方法就可以搞定：

1
2
3

const sum = data.reduce((prev, curr) => {
    return curr.money + prev
}, 0)

两行代码就搞定了，自测了一下，没什么问题，提交测试。

阅读全文

WHY

之前也搭建过静态博客，但是之前更多是侧重于博客这种形势，而不是在于博客的内容。所以，这是一个全新的博客，我将重新起航，在这里记录学习、总结的点滴。

阅读全文