基于原生HTML的UI组件开发

本文属于波澜不惊，平铺直叙版本。如果想看有激情有思想的版本，可以去ISUX官博：“ 顺势而为，HTML发展与UI组件设计进化 ”，多多留言哈。

　　 一、基于HTML开发组件的设计思想

　　要想知道基于原生的HTML进行UI组件开发是什么鬼，您可以狠狠地点击这里： 基于原生的HTML UI组件体验demo

　　点击上面的demo, 进入一个平凡的静态页面，引入眼帘的是一个普通的表单，里面的UI都是系统默认的，HTML功能也是原生的。

　　例如：

　　title提示

　　选择日期

　　点击提交的表单验证

　　UI虽然原始，但是功能却很健全。

　　例如：

　　男女款式、城市以及运费险对价格的影响

　　表单提交事件

　　下面，就是奇迹出现了，点击demo页面(下图所示)的按钮进行某项目UI组件资源的加载和初始化：

　　结果，一瞬间，上面原始粗糙的界面一下子变成了这样子：

　　妥妥的丑小鸭变成了白天鹅，包括之前原生的HTML功能。

　　例如：

　　title提示

　　选择日期

　　点击提交的表单验证

　　而，最最重要，和最最神奇的事情是：我们仅仅是引入了UI组件的一些CSS和JS，对，仅仅是引入和一点初始化，没有动之前一点点一丝丝的业务JS. 但是，之前的各种交互功能，却完全不受影响，反而体验更上两层楼!

　　请看下面的gif截图演示：

　　之所以这里的UI组件可以和业务相关JavaScript完全分离，同时可以无缝对接。就是因为设计理念上是基于原生的HTML实现的，让UI组件回归其本质或者说本职作用——UI.

　 　二、基于原生HTML的UI组件开发

　　解决2个疑问：

　为何可以基于原生HTML进行UI组件开发?

查看更多关于基于原生HTML的UI组件开发的详细内容...