haizlin / fe-interview

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),6000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……

Home Page:http://www.h-camel.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[软技能] 第195天 你知道开发好的功能要自测吗?你一般是怎么自测的呢?

haizhilin2013 opened this issue · comments

第195天 你知道开发好的功能要自测吗?你一般是怎么自测的呢?

commented

无论用vue 还是 react 习惯把业务逻辑拆出成单一函数,*.vue文件 / .jsx 都只是负责取到数据结构进行渲染。拆出server只负责取后端数据,中间用vuex/dva 里调用业务函数处理。
换句话说,框架负责渲染,状态管理负责调度,而业务函数抽离可方便测试
我用的jtest, 对每个业务函数编写
.test.js文件进行单独测试,可以避免业务逻辑执行上的问题
在后端开发之前,前端自测阶段,可以通过如下方式对后端数据接口模拟自测
vue技术栈,用vue-cli3的 devServer配置 before 可以插入自定义的express中间件,用 mockJs 编写请求返回值
react技术栈,用umi的 可以 用本地Mock功能
团队用yapi管理接口的,的就更方便了直接用proxy代理转发请求到yapi就好了