分类: guide

图片校验码

纯前端实现纯前端实现图片校验码指的是通过 canvas 绘制随机串的方式。这种方式有极大的弊端:如果随机串在前端生成,那么通过拦截伪造请求仍然能正常调用后台接口;如果随机串由后台发送给前端,那么中间可以被拦截并伪造(当然,可尝试用加密技术进行保护)。因此,这种方式大体适用于学习研究的目的。以下代码段基于 react 验证码组件 整理,其实现也可以参考 在React中随机生成图形验证码。您可以在 c

踩坑

typescript 使用 export = 导出的模块,需要使用 typescript 提供的特定语法 import let = require(“module”) 导入。参考 Typescript学习笔记(五) 模块机制。 其类型缺少调用或构造签名的表达式无法使用 “new”:在 .d.ts 文件中声明包含 new 方法的接口。 webpack webpack_require(…) is

$PATH, nvm, npm, lerna

mac 环境变量命令一旦添加到环境变量中,系统就知道从哪个路径中取出文件并执行。mac 有多个环境变量文件,不同的环境变量文件的作用域和加载时间也不同。在 mac 中,不同的 shell 所对应的配置文件也不同:bash 命令对应的配置文件是 .bash_profile;zsh 命令对应的配置文件是 .zshrc。 rc 即为 run command,一般为脚本类文件的后缀,这些脚本通常在程序启动

mocha使用指南

概述mocha 是一款可运行在 node 环境或浏览器上的测试框架。 mocha 本身没有实现断言库,可使用 chai, should.js, expect.js, better-assert, unexpected 等断言库或 node 内置的 assert 模块。断言库错误输出需有 actual, expected 属性。 示例BDD123456789// BDD 风格,describe/co

chai使用指南

概述chai 是一款辅助 TDD 测试驱动开发, BDD 行为驱动开发 的断言库。 有关 TDD 和 BDD,可参考:开发人员看测试之TDD和BDDTDD 已死?让我们再聊聊 TDDBDD敏捷开发入门与实战 chai 的 TDD 模块只包含 assert 一种, BDD 模块包含 except, should 两种。 配置 chai.config.includeStack = false,错误输出

Enzyme使用指南

概述Enzyme 是一款 react 组件测试工具。 Enzyme 基于 cheerio 实现虚拟 dom 的查找和遍历;而 cheerio 号称为服务器端的 jquery 实现。 Enzyme 本身不实现测试和断言库,你可以选择使用 Mocha/chai, Jasmine, Jest 等测试或断言库。 使用 安装 npm i –save-dev enzyme。 针对项目中使用的 react 版本

storybook使用指南

概述storybook 在应用之外,为 UI 组件提供了独立的开发、调试环境。react-transition-group 类库的测试工作即通过 storybook 实现。 storybook 支持调试 react, vue, angular, react-native 组件。storybook官网 操作指南 全局安装 @storybook/cli 项目目录安装依赖:react 项目为 @stor