jQuery inpitassembly

传统的复选与单选组件通常是,虽然现代游览器引擎已经支持对这些控件美化,但往往丰富的页面场景急需超出单选/复选概念单选/复选组件,无论是图片还是视频都能作为单选内容呈现在场景中。


游览 (作者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

—— 感谢你抽出时间阅读此篇文字

转载注明

转载请注明: 转载自Cabbagelol 后院

本文链接地址: jQuery inpitassembly

捐助 ↗

博客捐助

站点简介

负责记录Cabbagelol的总结,或者共享有趣的内容,这就是后院的最重要做的事情⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄。

线上游客

目前实时游客: 2

其他

备案:粤ICP备15107172号

Copyright © 2015 - 2024 Cabbagelol. All Rights Reserved. Powered By Wordpress(EverBox).