摘要： 前言 在React项目的开发中经常会遇到这样一个场景：嵌套组件与被嵌套组件的通信。 比如Tab组件啊，或者下拉框组件。 场景 这里应用一个最简单的Tab组件来呈现这个场景。 import React, { Component, PropTypes } from 'react' class Tab e 阅读全文

摘要： 前言 在最近做的一个react项目中，遇到了一个比较典型的需要重构的场景：提取两个组件中共同的部分。 最开始通过使用嵌套组件和继承的方式完成了这次重构。 但是后来又用高阶组件重新写了一遍，发现更好一点。 在这里记录下这两种方式以便之后参考和演进。 本次重构的场景 因为场景涉及到具体的业务，所以我现在 阅读全文

摘要： 前言 很久以前学习《Javascript语言精粹》时，写过一个关于js的系列学习笔记。 最近又跟别人讲什么原型和继承什么的，发现这些记忆有些模糊了，然后回头看自己这篇文章，觉得几年前的学习笔记真是简陋。 所以在这里将这篇继承重新更新一下，并且加上ES6的部分，以便下次又对这些记忆模糊了，能凭借这篇文 阅读全文

摘要： 前言 不论是做一些2d的小游戏，或者制作小图标，或者抠图都需要用到这个功能，对图片的背景进行透明化，是我们经常需要用到的一个功能。 通常情况下我们都会去下载PS或者美图秀秀这样的软件去制作。 但是我真的不想仅仅为了做个透明图像就去下载这些软件，这些软件不仅体积大，要下载个半天，放在电脑上也占空间。 阅读全文

摘要： 前言 想给自己的一些图片加上水印，于是就捣腾了这么个东西。 此功能没有考虑兼容性（太懒了），只在Chrome下测试通过，如果您在什么IE火狐下测试不通过就不要吐槽了。 因为应用了download属性，所以IE什么的就不用指望了，如果您是火狐浏览器的话，自己改一下兼容性应该是没问题的。 代码什么的开了 阅读全文

摘要： 前言 要分享的皮肤就是您现在看到的这款，虽然还有不少瑕疵，但是这个皮肤也算是大致完成。 本皮肤完全使用css样式，无需申请js权限，对移动端的也做了相应处理，也许您可以从其 中得到些借鉴。 当然皮肤其实是次要的，主要是分享一下这个解决方案。 这里是项目地址：cnblogs-skin 2020-1-1 阅读全文

摘要： jest "jest" 是facebook推出的一款测试框架，集成了前面所讲的Mocha和chai，jsdom，sinon等功能。 安装与配置 npm install save dev jest npm install g jest 运行命令jest后会自动运行项目下所有 .test.js和 .sp 阅读全文

摘要： Karma 官方介绍 A simple tool that allows you to execute JavaScript code in multiple real browsers. 即一个允许你在多个真实浏览器中执行js代码的简单工具。 使用了karma之后，我们之前为了Enzyme的mou 阅读全文

摘要： 前端测试存在的问题 在讲Sinon之前，我们得先讲一下在学习了Mocha、chai以及enzyme之后，我们的前端测试还存在的一些问题。 比如前台测试需要与后台交互，获取后台数据后再根据相应数据进行测试。 又比如一个函数测试依赖另一个函数，我们可以根据测试的目的去模拟另一个函数，讲两者的测试分开，从 阅读全文

摘要： React项目的单元测试 React的组件结构和JSX语法，对 "上一章" 的内容来讲进行测试显得很勉强。 React官方已经提供了一个测试工具库： "react dom/test utils" 只是用起来不够方便，于是有了一些第三方的封装库，比如Airbnb公司的 "Enzyme" 测试项目的配置 阅读全文