下图这种表单在后台管理项目中很常见，为了能一天写999个表单，我认真的研究了下如何根据配置项直接生成表单（严肃脸）。配置项中需要有哪些字段？每一个表单项必需的值有key，label，下面这些为非必需的

本文旨在介绍 Form Render （FR）这个飞猪开源表单解决方案。简述它想解决的问题，我们的理念和解法，这半年走过的路，以及 FR 的未来规划 所见即所得的表单设计器，拖拖拽拽完成表单的开发。并可自由定制成符合自身喜好的独特设计器 这个未来其实以近在眼前。FormRend…

同时，后台服务也需要编写校验规则，随着业务变动或者沟通不及时，前后端校验规则可能会存在不一致问题。所以「前后端共用校验规则逻辑」也应该纳入考虑。 JSONSchema：业界用于描述 JSON 数据结构的规范，包含了「表单数据描述」和 「表单校验」功能。 ... 目前已经提供了基…

DripForm 是由京东零售 iPaaS 团队开源的 React 表单组件，支持按标准化协议配置或可视化生成表单，并根据不同的 UI 库进行扩展，可灵活高效解决各类复杂表单场景。

在软件工程中，设计模式（Design Pattern）是对软件设计中普遍存在（反复出现）的各种问题，所提出的解决方案。根据模式的目的来划分的话，GoF（Gang of Four）设计模式可以分为以下 3 种类型： 1、创建型模式：用来描述 “如何创建对象”，它的主要特点是 “将…

我将向大家分享可视化系列文章，介绍我们的前端开源图表库📈 CloudCharts（Github） 如何基于 G2 封装，通过少量配置项即可绘制图表，最终服务内部近两百个产品和许多对外云产品。 在 React 中使用 G2 有 BizCharts 和 Viser 等方案，但他们…

2. CloudCraft 3. Figma Figma是这张清单里面比较有名的了，对于习惯使用illustrator和sketch的设计师，figma也绝对值得尝试。Figma提供web和desktop两个版本，web版本使用WebAssembly编写从而获得不输deskto…

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

我们经常听说：“写代码要有良好的封装，要高内聚，低耦合”。那怎样才算良好的封装，我们为什么要封装呢？其实封装有这样几个好处： JS生态已经有很多模块了，有些模块封装得非常好，我们使用起来很方便，比如jQuery，Vue等。如果我们仔细去看这些模块的源码，我们会发现他们的封装都是…