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来实现

简化的HTML结构与预定义CSS

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

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

快速创建响应式布局

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

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

轻松创建私有样式

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

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

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

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

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

原文地址:https://www.oschina.net/news/104892/diquick-1-3-released

DiQuick Web UI 框架 V1.3 正式版发布相关推荐

  1. DiQuick Web UI 框架 V1.3.2 版本更新

    DiQuick Web UI 框架,采用 HTML+CSS3+原生 JS,配置有响应式布局及预定义设置,包含诸多组件:Nav.Tab.Media.Form.Menu.Slider.Dialog 等,致 ...

  2. 赛桨PaddleScience v1.0正式版发布,飞桨科学计算能力全面升级!

    AI for Science日益表现出突破传统科学研究能力瓶颈的巨大潜力,正在成为全球科学研究新范式.近年来,各学科不断加入,模型精度.泛化性逐渐提高,不同技术路径.不同应用场景的AI for Sci ...

  3. html5互动场景制作系统,春哥技术博客高仿易企秀H5场景应用制作平台源码V1.0正式版发布...

    经过一个月的艰苦努力,春哥团队最新作品即将与大家见面了,<2015年6月春哥技术博客高仿易企秀H5场景应用制作平台源码V1.0正式版>即将来临, 现在春哥接受预定啦,春哥技术博客依然走价格 ...

  4. 移动应用框架 Ionic 4 正式版发布:Ionic for Everyone

    流行的开源移动应用程序开发框架 Ionic 于今日发布了 4.0 正式版,代号 Neutronium.官方称 Ionic 4 为"Ionic for Everyone".开发者现在 ...

  5. 淘宝分布式框架Fourinone2.0正式版发布

    淘宝Fourinone2.0提供了一个4合1分布式框架和简单易用的编程api,实现对多台计算机cpu,内存,硬盘的统一利用,从而获取到强大计算能力去解决复杂问题.Fourinone框架提供了一系列并行 ...

  6. 路过秋天版博客 V2.0 正式版发布 增加后台管理系统[支持多语言、多用户、多数据库、目录级URL]...

    路过秋天版博客发布历史回顾: 1:2010年11月08日---支持多语言.多用户.多数据库.目录级URL之路过秋天版博客发布[绝对有杀伤力的博客] 2:2010年11月10日---基础却容易被忽略的那 ...

  7. [Android应用]《花界》V1.0 正式版隆重发布!

    http://www.cnblogs.com/qianxudetianxia/archive/2012/04/05/2433669.html 1. 软件说明(1). 花界是一款看花软件:"看 ...

  8. [Android应用]《花界》V1.0 正式版隆重发布!

    1. 软件说明(1). 花界是一款看花软件:"看花,议花,说花,提高您的赏花素养!". (2). 发布<花界>V1.0正式版,一是检验,综合,统一本博客技术分析,二是从 ...

  9. 侠客博客v1.0 正式版版本发布

    欢迎来到本页面,我猜想您一定是带着疑问进来的,那么首先我来介绍一下 侠客博客 这个软件吧.他是一款能帮助SEO人士自动做外链的软件.目标是在未来几个月发展成为类似虫虫一样庞大的外链软件.帮助站长提高网 ...

最新文章

  1. python 存redis失败无提示_Python Redis日志错误
  2. Xilinx 在文档中所用的 LC(logic cells) 与 LUT之间的换算关系
  3. 以文件形式导入大批量数据
  4. 省掉bean自定义spring mvc注解注入json值
  5. Linux fork的写时复制
  6. Niginx工作笔记-通过error.log定位错误(记录一个寻找问题的方法)
  7. MySQL 5.7安装
  8. 粒子群算法离散化各代表什么_粒子群优化算法(PSO)之基于离散化的特征选择(FS)(三)...
  9. Asterisk 11 chan_sip.c: Failed to authenticate device 看不到IP的问题
  10. 如何利用445端口进行入侵渗透 445端口入侵原因详细解析。大家在进行入侵渗透个人电脑的时候,经常会碰到各种各样的端口,比如135,1433,445,3306等端口,现在小编就给大家讲解下445端口如
  11. 下载vc_redist运行库
  12. java kafka面试题_八年面试生涯,整理了一套Kafka面试题
  13. PC电脑控制手机iphone(iOS 11、iOS 12、iOS 13),需越狱
  14. QProgressDialog setValue过快导致死机问题记录
  15. Java学习笔记-不定时更新
  16. Quartus 调试中的Nios 程序
  17. C++学习45 流成员函数put输出单个字符 cin输入流详解 get()函数读入一个字符
  18. Unity - 人物对象的 LOD 管理
  19. 面试笔记:面经-猿辅导-一面
  20. macOS Mojave 使用SMB局域网共享作为TimeMachine时间机器的备份盘报错Disk does not support Time Machine backups. (error 45)

热门文章

  1. linux 解压安卓内核,解压内核镜像
  2. 固态硬盘是什么接口_什么是SSD固态硬盘,跟机械硬盘有什么不同?
  3. python读取文件名包含某字符的文件_python 读写文件时判断文件名是否包含某字符串...
  4. html质感阴影_CSS3 阴影(text-shadow)
  5. hashmap是单向链表吗_HashMap源码大剖析
  6. pandas打印某一列_Pandas数据分析教程
  7. RTP/RTCP/RTSP/SIP/SDP简介
  8. 想起了那个充满忧伤的夏天
  9. C/C++常量数据类型
  10. refs win10_Win10PE版本改为专业工作站版开启refs支持工具