WU_CHONG

中后台领域中，数据录入是一个重要的场景，在该场景中form（表单）扮演一个重要的角色。表单中涉及到大量的交互，主要表现在以下几个方面： ... 我们从一个简单登录页的例子说起，来总结form是如何使用的。 我们直接使用react的受控组件模式，对每个输入项的状态保存在组件sta…

企业后台布局常采用多tab的方式，即可通过不同tab之间的切换访问已打开的页面，如下图所示。后台管理系统中一种常见的场景为从列表页到详情页展示，多tab的形式能够更好的满足这种业务场景，尤其在不同的tab页有对比的情况下。 我们可以通过每个标签记录不同的路由的形式，即<tab,…

Umi是阿里的一款基于React的企业级应用框架。本文将会从3个方面介绍下基于Umi的开发方案： umi是一款可插拔的企业级react应用框架，支持约定式路由以及各种进阶路由功能，并以此进行功能扩展，拥有完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务…

Ant Design Pro是一个企业级中后台解决方案，在Ant Design组件库的基础上，提炼出典型模板/业务组件/通用页等，在此基础上能够使开发者快速的完成中后台应用的开发。 在使用Ant Design Pro的过程中，可以发现它提供了一系列基于docker的开发部署方式…

master分支：主干分支，用于发布到生成环境，master分支上的commit源自于release分支和hotfix分支的合并，每个commit都应该有相应的tag。 develop分支：主开发分支，feature分支和release分支都是基于该分支进行，所有开发经过cod…

需求分为两步：报告预览和报告生成。 报告预览在前端进行展示，可使用前端技术，如React/Vue等技术栈对其进行还原，数据从服务端获取。 体检报告展示形式如下，格式相对固定，分为四个页面：个人信息页，建议页，原理页，个人信息页与建议页数据来源于服务器。 canvas是HTML5…

工具库，封装了处理arrays，numbers，objects，string等常见的函数，是对标准库的补充。业务开发中常用的函数有很多，如：assign, times, debounce, get, find, filter, keyBy, cloneDeep, groupBy…

除此之外，还有另一种中间件写法。正如前文分析的一样，koa-compose可以将多个中间件合成一个中间件，那么我们也可将有关联的中间件合成一个大的中间件，写法如下： Koa是基于中间件模式的，但是框架本身并不包含任何中间件。在实际的开发当中，我们可以通过组合中间件进行功能的实现…

就这样简单几行代码，就搭建了一个简单的服务器，服务器以回调函数的形式处理HTTP请求。上面这段代码还有一种更加清晰的等价形式，代码如下： 首先创建了一个HttpServer的实例，对该实例进行request事件监听，server在3000端口进行监听。HttpServer继承与…