DiQuick Web UI 框架 V1.3 正式版发布

栏目: Html · 发布时间: 5年前

内容简介:DiQuick Web UI框架,采用HTML+CSS3+JS,配置有响应式布局及预定义设置,包含诸多组件:Nav、Tab、Media、Form、Menu、Slider、Dialog等,致力于开发轻量化、语义化、扩展性强的Web UI框架。V1.3版本更新

DiQuick Web UI框架,采用HTML+CSS3+JS,配置有响应式布局及预定义设置,包含诸多组件:Nav、Tab、Media、Form、Menu、Slider、Dialog等,致力于开发轻量化、语义化、扩展性强的Web UI框架。

软件中文首页

http://www.diquick.com/

V1.3版本更新

  • 调整了框架的目录结构
  • 修订了基础布局
  • 修订及新增了多个组件
  • 块布局及组件都使用弹性布局盒flex进行了重写
  • 不再依赖jQuery,使用原生JS进行了重写
  • 新增文档监听事件,对动态添加的元素及组件自动绑定JS效果
  • 滑动及淡入效果全部移交至CSS3 transition来实现

DiQuick Web UI 框架 V1.3 正式版发布

简化的HTML结构与预定义CSS

预定义可以快速部署组件及CSS样式行为,在HTML文档中减少对子级的设定,更有效的简化了文档

我们不赞成对子级逐项定义,因为在调整时每一个子级class都成了负担,推荐使用预定义的class直接定义父级来控制整体效果,当然我们也提供了自定义的响应式布局

DiQuick Web UI 框架 V1.3 正式版发布

快速创建响应式布局

响应式控制也将变的简单,class="list2 list-s1"代表了列表在小屏幕时由每行2个转换为每行1个

在其他可减少子级逐项定义的组件中也采用了类似的设计

DiQuick Web UI 框架 V1.3 正式版发布

轻松创建私有样式

我们提供了自定义风格 工具 以为你创建私有样式

在此过程中你不必了解框架组件原先的CSS是如何设定的,只需具有简单的HTML+CSS基础即可操作,以降低你的学习成本

DiQuick Web UI 框架 V1.3 正式版发布

外部加载的组件自动绑定事件

在以往的设计中,脚本仅绑定文档中已存在的组件,新版本将支持自动遍厉外部加载的组件并实现事件绑定,告别手动初始化

你可以任意使用innerHTML、insertAdjacentHTML等方法来作前端渲染

DiQuick Web UI 框架 V1.3 正式版发布


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

The Seasoned Schemer

The Seasoned Schemer

Daniel P. Friedman、Matthias Felleisen / The MIT Press / 1995-12-21 / USD 38.00

drawings by Duane Bibbyforeword and afterword by Guy L. Steele Jr.The notion that "thinking about computing is one of the most exciting things the human mind can do" sets both The Little Schemer (form......一起来看看 《The Seasoned Schemer》 这本书的介绍吧!

SHA 加密
SHA 加密

SHA 加密工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具