唐霜

这两天一直在写一个基于业务逻辑的表单抽象架构。听上去多么简单的一件事，不就是个表单么。然而，拥有这样想法的我果然还是太年轻。表单，可以说是web开发中最复杂的交互领域之一。单纯把表单理解为用户可以填写和提交的交互元素，那就太无知了，殊不知，一个表单除了填写和提交两个动作之外，还有一大堆可能需要的动作，例如数据验证、联动、按条件填写项、复原和暂存、创建和编辑表单公用等等。这些东西还完全没有考虑具体业务中的特殊逻辑，单纯从抽象层面去归纳而已。

而且，在现代SPA应用开发中，表单跟jquery时代也有巨大区别。SPA是数据驱动型开发模式，即界面如何展示，完全由数据（状态）驱动。这就会遇到很多问题，数据驱动的开发模式，不可避免的需要模板，模板中使用变量，并映射到实际提供的数据中。在模板中使用变量并不能方便的对应的数据层去，比如你在模板使用一个for in的循环，那么就有item和list。list好理解，但是，如果将item又传回给数据层呢？

除了数据层和模板映射的问题，表单的数据更改其实也是麻烦事。它依赖于框架内的事件系统，也就是说，现代前端框架，无一例外的要求你通过绑定数据，依靠自己内部的事件系统，当用户输入数据时，将数据的变化绑定到数据层去。这也就产生了一系列问题，几乎没有一个表单架构能够具备通用性。开发者无法在数据结构的便捷性、数据响应的便捷性、数据校验的便捷性之间得到平衡，它们一定是互斥的。我这两个星期都栽在这个问题上，无法自拔。

而且，当一些业务的特殊逻辑加入的时候，这个事情就更复杂。例如，表单中的某个（些）项目，仅在某个选项为true的时候才展示出来。这个听上去简单，但是，你要知道，当用户在true和false之前切换的时候，那些被显示/隐藏的被填写的数据要不要保留？另一个复杂的问题，就是数据源。一个下拉列表，它的选项列表可能是根据当前选中的某个项来决定，当未选中时，或重新选择时，要进行切换。这个问题听起来尚好解决，然而，当要求，其中某个选项为某值时，要求表单中其他某个项必须与它互斥……这样的特殊逻辑，不是不可能存在，我就遇到了，并且敲破了自己的脑袋。

真希望有人能够将表单这回事进行深度抽象，大老，靠你了……

当我们谈论微信小程序的时候，会有一种怪怪的感觉，我们会想尽一切办法找出这个点子是腾讯抄谁的。可是很遗憾，想来先去，也找不到，感觉小程序就像之前火过一阵的轻应用，于是感觉放心了，说来说去，也就是新瓶装旧酒。可是，我却认为，微信小程序，是近几年国内甚至国际上最耀眼的技术突破。

首先，我们要先确定一下为什么说它最耀眼。我之所以这么认为，是从产品的角度考虑。这世界上的产品无穷无尽，但是，真正有商业价值，并且就像一片空白，有待发挥巨大潜力的，并不多。早几年3D打印被认为不得了，可如今呢？之后VR火的不行，结果呢？如今，人工智能大行。一个产品，它是否具备非常大潜力的商业价值，要从它内在的实用价值，和它外在的市场规律去看。互联网技术的商业价值非常大，但在互联网早期，一切都是空白的时候，很多人看不到。互联网本身所带来实用场景颠覆毋庸置疑，问题在于，这样的颠覆是否符合市场规律？所谓符合市场规律，其实本质在于是否天时地利人和。中国最早的电商网站8848，它遇上错误的时间，互联网本身不普及，没有足够的信任体系（支付体系），快递成本高周期长，面向消费者的销售问题复杂。而阿里巴巴则看到这些弊病，它做了两件事：1.做企业间的生意，以商务解决互联网问题；2.即使再困难，也稳住不死，等待时机。对于微信小程序而言，它重新定义了一款服务的呈现方式，使商家可以脱离系统底层，快速开发服务，而且，小程序本身定了很多规矩，从某种层面讲，它用自己的方式制定了原则，这就像app store分发一样，有利于整个生态的良性循环。只要稳住不死不胡来，它就充满无限的遐想。

其次，为什么说它是技术突破？小程序底层要解决非常多兼容性问题，同时，它从另一个角度重新定义混合式开发的模式。它的开发方式和reactnative、weex很像，但是又不相同。一方面，它要解决reactnative一样的问题，即如何将基于前端技术开发的代码解构为可以和系统交互的代码，解决通信，解决视图渲染。另一方面，它要解决如何兼容微信所依托的整个平台，以及底层的系统。很多人觉得，我有一套H5就够了，微信里面照样可以被传播不是吗，干嘛非得有一套小程序呢？我们不从商业角度去考虑，而从技术出发。小程序给了开发者另外一片天地。在小程序之前，前端开发基本就是面向浏览器，面向浏览器的开发必然遇到浏览器本身的瓶颈。而小程序提供了另外一种可能。它用规范化的语言方式，并且在后台提供微服务，让编程更像是以最终产品为导向，而非以过程解决问题为导向。而且小程序是可升级的，它伴随着微信版本的升级而升级，因此，任何的瓶颈都有可商量的余地，开发者觉得有些地方实在不行，可以提，这是中国人自己掌握的技术。

小程序本身不会作为一款商业产品发布，发布小程序这个动作本身不收费，虽然要有发布资格需要付费认证。它更多的是作为一个平台，一个接入层，对接服务，把原本极其笨重的服务轻量化，对于用户而言，感知不到，对于微信本身而言，虽然自身能实现的东西有限，但却依赖这一平台，实现了无限的可能性。微信本身已经越来越重，如果再提供更多服务，几乎是不可能的，相反，小程序的出现，让社交、服务、支付、游戏等等融合一体，可谓是近20年中国互联网创业者的最终梦想。

在香港过十字路口时，红绿灯会响，慢响表示等待，快响表示可以通行。红绿灯不像大陆那么高，给车看，而是矮墩墩的，等的人可以按。一盏红绿灯，红色代表停，绿色代表行，但是如果是有红绿色盲的人呢？所以，红绿灯除了要有颜色状态之外，还要有声音状态，还要有静动的状态。

谈论一个产品是否优秀，是从它的外观考虑？从档次考虑？从价格考虑？还是从实用性考虑？都不是。一款优秀的产品，它的灵魂决定了它的它的用户是否可以热爱它，忘记它，把它融入自己的生活。什么是一款产品的灵魂？是它抱着怎样的价值观，以怎样的形式，为自己的用户服务。

灵魂，它的本质是爱，是仁，是对这世界的期待。它期待这世界变得美好，它期待这世界温柔待它。

一款优秀的产品，当它离开它的设计者的手，它就有了自己的生命。它所传递给用户的，是关爱，是拥抱，是对未来的向往，它就像黑夜里不烈不晃的光，它照亮路人前行。如果问这世界上，怎样的产品算一款优秀的产品，或许，它被注入了创造者最温柔的一面吧。

说到写代码，好玩又有趣，心里有个想法，创意突然冒出来的时候，能不能马上把创意用代码表达出来呢？一台iphone满足你的这种需求。为了体验在iphone上写代码，我专门录制了一个视频。

视频中提到的软件有textastic，coda，codeanywhere。

另外，视频中关于local-remote的逻辑，我后来仔细想了一下，其实和filezilla的操作逻辑是一致的，我们在pc上使用sftp编辑远程文件，如果sftp软件不支持在线编辑，那其实和视频中的逻辑其实是一致的。