内容简介：DiQuick Web UI框架，采用HTML+CSS3+JS，配置有响应式布局及预定义设置，包含诸多组件：Nav、Tab、Media、Form、Menu、Slider、Dialog等，致力于开发轻量化、语义化、扩展性强的Web UI框架。 软件中文首页 http:/...
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等方法来作前端渲染
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- PHP 框架 CodeIgniter 4.0 正式版发布了！
- [译] PHP 框架 CodeIgniter 4 正式版发布了
- Angular 4.2.0 正式版发布，Web 前端框架
- QMUI Android UI 框架发布 1.0 正式版
- Angular 5.1.0 正式版发布，Web 前端框架
- WebMIS 1.0.0 正式版，全栈开发基础框架
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
