策略模式 （Strategy Pattern）又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。关键是策略的实现和使用分离。 1. 你曾见过的策略模式 现在电子产品种类繁多，尺寸多种多…

JavaScript最初的一个应用，就是分担服务器处理表单的责任，打破处处依赖服务器的局面。尽管目前的Web和JavaScript已经有了长足的发展，但Web表单的变化并不明显。由于Web表单没有为许多常见任务提供现成的解决手段，很多开发人员不仅会在验证表单时使用JavaScr…

经常开发中后台项目的同学肯定都经历过大型表单的折磨，几十个甚至上百个表单元素足以让我们欲仙欲死，这可真是个体力活。特别当你选择 React 作为技术框架的情况下，这满屏幕的 onChange 简直是一个噩梦。 当然我们还是有追求的，肯定不会屈服于此。社区内有很多的解决方案，比如…

FormItem 是一个包裹，主要用来包装一些表单控件、提示消息、还有校验规则等内容。 感兴趣小伙伴可以在这个基础上通过源码的学习深入研究iview组件库的form表单校验的具体实现。

这个h()函数本质上是createElement 函数，这个函数的作用就是生成一个 VNode节点（虚拟节点），它不是一个实际的 DOM 元素。叫createNodeDescription(创建节点描述)，我们是通过它所包含的信息会来告诉 Vue 页面上需要渲染什么样的节点,再…

最近项目里在做我们自己的组件库，关于表单这块，如何实现一个更简单的表单方案，是我们一直在讨论的问题，之前项目里习惯用 ant-design 的 Form 表单，也觉得蛮好用的，我们希望能做出更简洁的方案。 ...... 手写 value 和 onChange，除非你的系统里只有…

FormRender（下面一律简称 FR）起源于 2017 年飞猪互动平台的模板表单生成方案，经历 2 年在飞猪内部以及集团兄弟 BU 各个场景的落地和打磨，于 2019.09.30 月开源，当前 star 1.1k, fork 110, npm 月下载量 2k。 FR 目前覆…

上周我写了一篇文章: 基于React的表单开发的分析(上), 主要讲解我们在后台系统开发中 关于新建、编辑、详情这三个页面的异同点以及开发的要点，并最后有提到这期总结一个基于Antd的表单公用组件的设计与实现。 ... TextPreview => 自定义的表单组件, 它和In…

alibaba/form-render比如你有想通过一定标准约束自动生成表单配置界面，类似于搭建配置表单界面这种场景，就可以考虑FormRender，比如这些类型场景>>>在内部实践一年后，也有十多个