在工作中，我们的前端工作流一般开始于前后端协商好Api文档之后，再针对这个Api文档做mock模拟数据，然后用做好的mock进行开发，后端开发完毕之后再改一下API数据的BaseURL切换到正式API

Mock 的本质是为了能让接口消费者脱离接口生产者进行开发，但是这个脱离并不是指脱离生产者的接口定义随意开发，接口定义与 Mock 数据的一致性也是我们必须考虑的一个问题，我们必须要确保 Mock 出的数据符合接口定义中的要求。所以实际上我们还需要多考虑一个问题：如何让接口定义的维护和 Mock 结合起来？

这是我们的框架发展时间线。 2015 年之前我们有 Sea.JS、Arale、SPM 开源技术方案，大家可以有所耳闻。 2015 年我们接入 React，从自研的 Roof 到 Redux 再到开源的 Dva，一步步验证我们的最佳实践，并把这些实践交给开源社区检验。 2017 …

之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。 自己手动规范 git 的提交原则或者团队统一制定。这个靠自觉，好习惯养成之后就没…

什么叫前端工程化 在回答这个问题之前，我先回顾一下前端的历史。大约78年前，前端工程师还不是一个受人重视的职位，日常工作也就是切个图，使用JQuery写个脚本，从某种意义上讲，只是后端的附属物。最近几年，尤其是在nodejs出现之后，前端越来越受到重视，甚至已经开始抢占了后端的…

关于 首发地址：微信公众号——前端呼啦圈（Love-FED） 我的博客：劳卜的博客 知乎专栏：前端呼啦圈 前言 前端工程师其实是一个工作很杂的职位，除了要负责切图、写html/css/js外，还要解决一系列的浏览器兼容性、网页性能优化等问题，所以提高前端工程师的开发效率是势在必…

1. 导读 重构一个项目还不如新开发一个项目... 这代码是谁写的，我真想... 针对上面的问题，本文的主角 圈复杂度 重磅登场，本文将从圈复杂度原理出发，介绍圈复杂度的计算方法、如何降低代码的圈复杂度，如何获取圈复杂度，以及圈复杂度在公司项目的实践应用。 2. 圈复杂度 圈复…

随着前端工程化的发展，越来越多企业选择脚手架来从零到一搭建自己的项目。 其中大家最熟悉的就是 create-react-app 和 vue-cli，它们可以帮助我们”搭建-运行-构建“项目。 但是真正企业中，其实是需要我们自己去订制一套符合公司的脚手架，跟公司一些基础服务打通，…

Continuous Integration，持续集成，本意是指编写大量的单元测试和集成测试，在尽量小的代码变更粒度上进行 提交 -> 测试 -> 自动部署 的完整流程。现实世界特别是快糙猛的中国互联网界，显然只靠单元测试是无法保证代码质量的，因为测试很难覆盖所有业务场景特别是…