前言 在最近做的一个react项目中,遇到了一个比较典型的需要重构的场景:提取两个组件中共同的部分。 最开始通过使用嵌套组件和继承的方式完成了这次重构。 但是后来又用高阶组件重新写了一遍,发现更好一点。 在这里记录下这两种方式以便之后参...
阅读(3) 评论(0)
前言 很久以前学习《Javascript语言精粹》时,写过一个关于js的系列学习笔记。 最近又跟别人讲什么原型和继承什么的,发现这些记忆有些模糊了,然后回头看自己这篇文章,觉得几年前的学习笔记真是简陋。 所以在这里将这篇继承重新更新一下...
阅读(8) 评论(0)
前言 不论是做一些2d的小游戏,或者制作小图标,或者抠图都需要用到这个功能,对图片的背景进行透明化,是我们经常需要用到的一个功能。 通常情况下我们都会去下载PS或者美图秀秀这样的软件去制作。 但是我真的不想仅仅为了做个透明图像就去...
阅读(10) 评论(0)
前言 想给自己的一些图片加上水印,于是就捣腾了这么个东西。 此功能没有考虑兼容性(太懒了),只在Chrome下测试通过,如果您在什么IE火狐下测试不通过就不要吐槽了。 因为应用了download属性,所以IE什么的就不用指望了...
阅读(7) 评论(0)
前言 要分享的皮肤就是您现在看到的这款,虽然还有不少瑕疵,但是这个皮肤也算是大致完成。 本皮肤完全使用css样式,无需申请js权限,对移动端的也做了相应处理,也许您可以从其 中得到些借鉴。 当然皮肤其实是次要的,主要是分享一下这个解决方...
阅读(76) 评论(0)
jest jest是facebook推出的一款测试框架,集成了前面所讲的Mocha和chai,jsdom,sinon等功能。 安装 npm install --save-dev jest npm install -g jest 基本用法...
阅读(17) 评论(0)
前端测试存在的问题 在讲Sinon之前,我们得先讲一下在学习了Mocha、chai以及enzyme之后,我们的前端测试还存在的一些问题。 比如前台测试需要与后台交互,获取后台数据后再根据相应数据进行测试。 又比如一个函数测试依赖另一个函...
阅读(23) 评论(0)
React项目的单元测试 React的组件结构和JSX语法,对上一章的内容来讲进行测试显得很勉强。 React官方已经提供了一个测试工具库:react-dom/test-utils 只是用起来不够方便,于是有了一些第三方的封装库,比如A...
阅读(27) 评论(0)
Mocha 的简介 Mocha是流行的JavaScript测试框架之一,通过它添加和运行测试,从而保证代码质量 Mocha 的安装与配置 全局安装Mocha npm install -g mocha 项目中也安装Mocha npm in...
阅读(31) 评论(0)
说是解决方案实际上更像是webpack的插件索引。 写这一篇的目的是为了形成一个所以,将来要用时直接来查找即可。 索引目录 1.自动构建HTML,可压缩空格,可给引用的js加版本号或随机数:html-webpack-plugin 2.处...
阅读(48) 评论(0)