个人技术整理.PDFVIP

个人技术整理 目錄 简介 0 单元测试 1 环境搭建 1.1 设计模式 2 命令模式 2.1 React 3 组件通信 3.1 2 个人技术整理 个人技术整理 Hello,这里是TJ的技术整理库,保存一些自己对技术的了解或认识. 设计模式 单元测试 React 简介 3 个人技术整理 概述 公司的前端项目基于ES6标准进行编码, 并且以npm包的形式发布 , 由于现在的开发 变成了开源 , 不再像以前一样自己闭门造车无所谓实现就好. 所以提升一下逼格, 咱 们也搞一搞单元测试. 环境搭建 单元测试 4 个人技术整理 单元测试——环境搭建 摘要 单元测试的框架基于 babel + mocha + chai + should + sinon + istanbul 组合而成 , 其中: babel 是ES6转ES5的转码框架 mocha 是单元测试框架 chai 是基于TDD/BDD的断言库 should 是基于BDD测试的断言库 sinon 用于提供mockup , 其中包括了数据mock , fakeXhr , functionSpy等功能. isparta 是单元测试覆盖率统计工具 , 它本身使用了karma和 istanbul. 部署环境 首先安装上述框架,不赘述,最终package.json应该有以下依赖 { devDependencies: { babel-core: , mocha: , chai: , should: , sinon: , isparta: }, ... } 安装好以后,就可以在项目里增加单元测试了, mocha默认的单元测试文件夹是项目 根目录下的test 环境搭建 5 个人技术整理 { scripts: { //编译时,使用babel将src目录源码生成到dist目录 compile: babel -d dist/ src/, //使用jsdoc生成文档 docs: jsdoc -c doc.json -t ./node_modules/ink-docstrap/template -R R //使用mocha直接对ES6代码进行测试 test: mocha --compilers js:babel-core/register --recursive --require //使用isparta进行测试