当前位置: 首页 > 软件库 > 程序开发 > UI组件库 >

Quark Design

下一代前端组件库
授权协议 MIT
开发语言 JavaScript TypeScript HTML/CSS
所属分类 程序开发、 UI组件库
软件类型 开源软件
地区 国产
投 递 者 颛孙炜
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Quark Design 是一套企业级跨框架 UI 设计语言,底层基于 Web components。

特性:

  • 支持 Vue、React、Angular 等各类框架/无框架。
  • 完全覆盖您所需要的各种通用组件。
  • 支持按需引用。
  • 详尽的文档和示例。
  • 单元测试覆盖。
  • 支持 TypeScript。
  • 支持定制主题。
  • 国际化语言支持。
  • 支持服务端渲染(Beta)。
framework CDN 打包/构建工具 Typescript 开源时间 支持技术栈/框架
Quark 80.1kb Rollup 2022 Vue/React/Angular/JQ/Svelte/无框架
Vant 183kb Vite(Vant-cli) 2017 Vue
Nutui 275.5kb Vite 2018 Vue
TDesign Mobile - Gulp 2021 React
Antd Mobile - Gulp 2016 React

动机

技术框架的出现,提升了开发体验以页面性能,但技术框架的不断迭代更新,为项目的维护带来诸多挑战,如:

  • 视觉组件无法跨技术框架(React、Vue等)使用
  • 技术框架一旦升级,视觉组件常常必须配合迭代升级

因此,开发团队开发了这套 UI 框架,旨在与技术框架隔离(技术栈无关),让视觉组件避免落入技术栈迭代而迭代的怪圈。

安装

# Vue/Angular/JQ/无框架工程
npm i quarkd
# React 项目
npm i @quarkd/quark-react
  • Designing with Limited Memory Just Got a Whole Lot Easier The new generation of low-cost 32-bit processors comes with a price—less on-chip memory (and often no external bus). RTXC Quark networking sof

 相关资料
  • 代码如下 this.changeTableData是要刷新表格的数据,provide发送changeTableData方法,在App.vue点击触发this.changeTableData,但是没有生效 用了inject: ['changeTableData'],reset是点击触发这个this.changeTableData,不但没有生效,还在页面上报 大佬们,怎么在app.vue,点击触发这个

  • 开源组件 1. Angular 1)文件上传:ng-file-upload 、ng-file-upload-shim 2)请求加载动画:angular-loading-bar 3)滚动加载:ngInfiniteScroll 4)表单验证:angular-messages 2. Vue 3. React 4. 动画库 5. 其他 HammerJSMobile手势 1)富文本:summernote 公

  • 在上面的代码中,handlerDelete是将props.modelValue的原数组通过slice进行浅克隆,最后将浅克隆的值传回父组件,通过父组件修改原值,之所以使用这种传值方式,是因为我采用了react的更新机制。 然而由于vue本身是响应式数据,因此直接修改props.modelValue也能实现: 问题 因此这引发了我的一个思考: 第二种直接修改props的方法虽然方便,但是带来了许多的

  • 前端代码组织和部署主要涉及到了:Vue2 + Vue-Router + Axios + ElementUI + WebPack。 - Vue: 负责页面组件(components)的实现,包括DOM、Style和事件的处理; - Vue-Router: 因为纯前端页面开发时,采用的是同一入口的单页面应用,Vue-router负责页面之间路由; - Axios: 是一个Vue版本的Ajax库; -

  • 本文向大家介绍下一代Eclipse 步入云端,包括了下一代Eclipse 步入云端的使用技巧和注意事项,需要的朋友参考一下 带着大家一起了解“下一代Eclipse 步入云端” 一、安装方法 注意:Che目前是pre-alpha的版本,请从源代码编译来体验workspace/environment概念。 Che需要Docker,可以根据需要查看Windows或者MacOS安装Docker的有关信息。

  • 打个比方,有一个日期选择组件,然后表单中有2个输入框 点击其中一个输入框,显示相对应日期选择组件,我该怎么写????除了将v-if用不同的属性外,有没有其他啥方法???

  • 如何活用element-plus这一类组件库? 如何尽可能多的使用element-plus中的组件实现掘金首页的Header部分呢? 我自己尝试实现,但是没有完成。我觉得使用这些组件库可以直接使用一些现成的东西,是很方便的,但是也套上了一个很重的枷锁,你需要修改很多东西去实现你的设计,可能比你自己写花费的时间精力要更大。 到底可不可以用element-plus的组件来实现,我也不确定。它可能可以实