传统的复选与单选组件通常是与,虽然现代游览器引擎已经支持对这些控件美化,但往往丰富的页面场景急需超出单选/复选概念单选/复选组件,无论是图片还是视频都能作为单选内容呈现在场景中。
游览 (作者Cabbagelol)
介绍
我给inpitassembly赋予一个使命,让单选/复选场景更加丰富,通过inpitassembly简易的实现这些操作,让你的项目快速构建更多inpitassembly控件。
inpitassembly的主要核心是Jq中的on方法,如果你有兴趣请参考源码。让我们想想一些单一的表单场景,通常复选和单选都可以使用input单选/复选满足这些要求,当单选内需要多媒体嵌套时input怎么做?往往我们想到的是嵌套label来使用,现在我们继续构想下更加复杂表格场景,这些单选和复选是否需要嵌套更多的input和label呢?
而inpitassembly视作任何DOM为单选或是复选控件,那么你仅仅使用inpitassembly来设置它们。
- inpitassembly的更新主要动力来源作者的项目需求
- inpitassembly希望更加简单点初始它们
- inpitassembly可能出现VUE版本
突破现有概念
为了实现丰富选择场景,我们首先需要暂时性的把最初认识单选/复选的选择框放一边,让我们很呼吸构想一下,单选/复选能以什么姿态出现在入门视线前,怎样具有沉浸式的用户体验。
先不急跳出条条框框的概念中,让我们来参考下“switch”按钮设计,它既复选又不是复选,在我看来“switch”已经说不上它归纳于复选组件之中,人们觉得称呼为“开关”更加合适生动,不经意通过“switch”联想至大脑皮层下日常所接触开关面板。回到单选/复选如何突破思路上,那么“switch”按钮是否往单选/复选概念外走了一步?如果我们也一样把单选/复选更加大胆构造一个新概念,作为新的认知它…
利用inpitassembly跳出条条框框中,它不在是一个组件,选项可以视作网页上任何DOM节点,你的单选选项可以是多媒体或者是一段句子,甚至是整个网站。
现在开始使用inpitassembly创造新的选择器
—— cabbagelol
为何开发
造一个轮子模型可以为工厂节省更多时间投入生产。
它做了什么?
inpitassembly的核心提供操控选项标记以及不同注册事件操作DOM节点,以到达选中效果,你不需要关心如何添加标记如何选择不同表单之间的选项,因为inpitassembly已经做好了。
inpitassembly版本状况
由于inpitassembly的版本开荒期版本更新频繁,教程跟不上节奏因此在博客忽略“使用方法”,详情请看版本下的演示文档。
2.6不稳定优化
版本 | 状况 | 注释 |
1.0-1.3 | 未公布 | 被标记为工程版本 |
1.4 | 稳定 | 声明即可使用,不适合复杂场景 |
2.0 | 未公布 | 被标记为工程版本 |
2.1-2.2 | 不稳定 | |
2.3-2.4 | 稳定 | 标记为正式版 |
2.5 | 稳定 | 针对2.4版本优化,并且在该版本上增加新方法(不建议作为生产使用,由于大量数据结构变动) |
CDN
2.6http://cdn.cabbagelol.net/inpitassembly/2.6/inpitassembly.js
版本 | 地址 |
---|---|
1.4 | http://cdn.cabbagelol.net/inpitassembly/1.4/inpitassembly.js |
2.2 | http://cdn.cabbagelol.net/inpitassembly/2.2/inpitassembly.js |
2.3 | http://cdn.cabbagelol.net/inpitassembly/2.3/inpitassembly.js |
2.4 | http://cdn.cabbagelol.net/inpitassembly/2.4/inpitassembly.js |
2.5 | http://cdn.cabbagelol.net/inpitassembly/2.5/inpitassembly.js |
—— 感谢你抽出时间阅读此篇文字