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

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

内容简介: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 正式版发布


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

查看所有标签

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

编程珠玑

编程珠玑

Jon Bentley / 人民邮电出版社 / 2006-11 / 28.0

《编程珠玑》第一版是我早期职业生涯中阅读过的对我影响较大的书籍之一,在书中首次接触到的很多观点都让我长期受益。作者在这一版本中做了重要更新,新增加的很多例子让我耳目一新。——Steve McConnell,《代码大全》作者  如果让程序员列举出他们喜欢的书籍,Jon Bentley的《编程珠玑》一定可以归于经典之列。如同精美的珍珠出自饱受沙砾折磨的牡蛎,程序员们的精彩设计也来源泉于曾经折磨他们的实......一起来看看 《编程珠玑》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

SHA 加密
SHA 加密

SHA 加密工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具