N-S 图

使用 div + css 画改进版的 N-S 图。

说明

基于“大前端”的概念，国内有一些团队是后端负责维护好数据库和基本的原子性接口，然后前端使用 PHP 或者 NodeJs 按业务逻辑吧数据攒在一起，将服务接口提供给客户端调用。其中中间的这一阶段是一个灰色地带，也是没有多少技术含量的一环，那能不能编写一个引擎配合网页来做这件事情？

技术上肯定不是问题，在工程上能想到的有这么几个优点：

• 不需要搭建后台环境；
• 不需要代码级别的改动，所以不用上线等操作；
• 流程清晰，每一个接口的实现就是一份 N-S 图；
• 接口容易测试，容易排错

这篇先探索一下 N-S 图的前端实现 和 这种方式的用户体验可行性。

示例

示例1

示例2

示例3