博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
DiQuick Web UI 框架 V1.3 正式版发布
阅读量:6926 次
发布时间:2019-06-27

本文共 714 字,大约阅读时间需要 2 分钟。

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

软件中文首页

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等方法来作前端渲染

转载地址:http://piujl.baihongyu.com/

你可能感兴趣的文章
NEO 客户端插件
查看>>
React as a UI Runtime(二、React元素和入口)
查看>>
Spring校验@RequestParams和@PathVariables参数
查看>>
安装lnmp 时如何修改数据库数据存储地址及默认访问地址
查看>>
React学习笔记2---生命周期
查看>>
NGINX 4xx 5xx 状态码构造
查看>>
利用 Webpack 实现小程序多项目管理
查看>>
用element的upload组件实现多图片上传和压缩
查看>>
吐槽Javascript系列三:数组的陷阱
查看>>
Netty+SpringBoot+FastDFS+Html5实现聊天App(六)
查看>>
JS每日一题:Vue-router有哪些钩子?使用场景?
查看>>
NGINX HTTP2 处理流程
查看>>
【跃迁之路】【734天】程序员高效学习方法论探索系列(实验阶段491-2019.2.24)...
查看>>
CAP 一致性协议及应用解析
查看>>
前嗅ForeSpider数据建表和高级配置界面介绍
查看>>
【分享创造】react-typewriter-hook: 用react hooks来实现打字机的效果
查看>>
纯css实现叉号
查看>>
我的最佳写作方式
查看>>
用Node EJS写一个爬虫脚本每天定时给心爱的她发一封暖心邮件
查看>>
PHP面试之网络协议面试题
查看>>