Firefox 52)正式对 grid layout 进行了支持,前端布局再次到达了一个新的里程碑。本文带大家回顾一下网页开发的布局方案发展历史,以及对 Grid Layout 的介绍和探索。 Web 布局发展历程
CSS 的 Grid Layout 已经开始在浏览器上有资词啦! 可以看到在 FF 的52版本以上已经支持了,Chrome 从57开始支持,如果用 dev 版本或者 canary 版本都可以了,safari
positioning includecss/layout-grid.min.cssFor ordering items around includejs/layout-grid.min.js Modification
Greedo Layout for Android A drop-in custom layout manager for Android RecyclerViews to layout a grid
这样的内置功能,为了建立布局,我们没有选择,只能用这些Hack。 好消息是 CSS Grid Layout Model 是一个转折点,我们可以用它的一些基础功能就可以重建一些标准布局。目前,浏览器
一个基于ExtJs扩展支持拖放操作的折叠控件。
HTML5的FileReader接口提供了一系列 methods ,可以用来读取File或者是Blob对象.
利用jQuery创建一个可折叠,拖拽的面板。
这个jQuery插件能够以一种简便的方式产生拖拽操作。
这个jQuery插件能够为HTML表格添加行拖放(Drag and Drop)功能。
利用这个JavaScript Lib只需少量代码就能够实现表格内容的拖曳。可以将单元格中的内容拖至其它单元格或其它表格中。
moodgets Grid是一个基于Mootools框架开发,易于使用,可扩展的表格控件。拖动调整表格列宽,排序,多行或单行选择,单击表格单元格可编辑,分页,通过Ajax加载数据。
Sigma Grid是一个采用纯javascript开发的Ajax数据表格。特性包括: 1.基于CSS控制外观,内置Classic、Vista、Mac、XP四种风格。 2.提供单元格直接编辑功能,
jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能,添加、编辑、删除和搜索表中记录,支持多种数据类型输入:XML,JSON,Array等,多行选择,支持子表格,集成日期选择控件等等。
学习如何使用jQuery和jQuery UI Draggable与Droppable插件来在一个页面中创建一个可拖放的界面。在这个学习指南中还包括一个完整的拖放卡片游戏示例。
Upload; A file upload script with progress-bar, drag-and-drop This plugin uses XHR for uploading multiple
jFL——流动(自适应)布局插件:可以自动调整div尺寸、字体大小及div位置。
这是一个模仿ExtJS区域布局(Border Layout)实现的jQuery UI页面布局管理器。简单易于使用,东南西北中5个区域可以嵌套使用,外观可以通过CSS控制。
Tree Layout Helper 是一个 .NET/Mono 库提供了使用图形化显示树状结构的功能。 项目主页: http://www.open-open.com/lib/view/home/1323649484000
http://segmentfault.com/a/1190000004386278 自动布局Auto Layout Auto Layout通过通过设置在View上的约束,动态计算视图层次结构中所有的View的尺寸和位置