首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

开源 UI 组件库和开发工具库概览 | 开源专题 No.59

主要特点: 提供了一套全新、面向未来并富有前瞻性的 React 组件 支持渐进式迁移至最新版 (FluentUI V9) 包含对老版本 (如 V8) 已经广泛使用过程中积累下来的较为完善且稳定可靠等的功能...vuetifyjs/vuetify[3] Stars: 38.1k License: MIT Vuetify 是一个无需设计技能的 UI 库,具有精美手工制作的 Vue 组件。...Vite 支持:通过自动摇树算法实现更小体积打包 长期支持 (18 个月) 重大版本更新 国际化:支持 42+ 种语言 此外,该项目还提供了企业级支持、Discord 社区交流平台以及其他相关资源和软件包...相关链接 [1] ant-design/ant-design: https://github.com/ant-design/ant-design [2] microsoft/fluentui: https...://github.com/microsoft/fluentui [3] vuetifyjs/vuetify: https://github.com/vuetifyjs/vuetify [4] penpot

33910
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    论如何用七天的时间打造一款(并不)爆款的匿名树洞网站

    论如何用七天的时间打造一款(并不)爆款的匿名树洞网站 人一旦闲下来,是十分可怕的,就比如我,自从上了大学,每年国庆都能整出点骚活来:去年国庆,用 Jetpack Compose 搓了一个课程表 Android...开发过程 开发框架选型 因为先前有过相关的学习和开发经验,因此我毫不犹豫地选择了前后端分离的开发模式:前端采用 Vue 3 作为 JavaScript 框架,Vuetify 作为 UI 框架;后端采用...前端方面,其实直到现在,Vuetify 的 Vue 3 适配版本 Vuetify Titan 仍处于 Beta Live 状态,RC 版本可能仍需要几个月的时间才会产生,但是因为 Vuetify 提供的组件和其他...API 相比其他 UI 框架实在不知道高到哪里去了,又因为个人也非常喜欢 Material Design,遂仍旧采用了 Vuetify。...本来我已经设计了一套通过要求用户提交 WebVPN Cookies 并且及时验证有效性后即可登录的模式,结果在线上测试的时候才发现这个 Cookies 只要换了个 IP 地址就会自动失效,因此使用用户提交的

    2K30

    如何选择一个 vue ui 框架?

    1.1 适用 PC 端 1.2 适用移动端 1.3 其它 2,vuetify 是什么,为什么选择它? 2.1 Vuetify给出的 vue ui 框架对比图 2.2 vuetify 支持移动应用吗?...2.3 基于 vuetify 后台 web 应用如何开发? 2.4 如何在微信小程序中使用 vuetify? 2.5 如何快速开始使用 vuetify?...参考链接 ---- “Material Design 并不是一种单一风格,而代表着一套源自纸张与墨水的适应性设计系统。经过精心编排,你将能够更快构建起美观且实用的产品。”...Android 手机上有一项顶重要的服务叫 Accessibility Service,做过 App 无人值守测试开发或微信朋友圈自动点赞的朋友对它都不陌生。 Section 508 指什么?...getting-started/quick-start 或者先从这篇文章了解一下,有一个大概印象: https://www.infoq.cn/article/0k8kxrte4ej_jvoWpWVN 参考链接

    5.2K30

    如何在2021年编写网络应用程序?

    添加视图和组件 你Vue的文件应该是视图之间拆分(个人屏幕,如:菜单,关于…)和组件(撰写你的意见,如:按钮,页脚…) 这两种工作方式相同,但不具有相同的关注。...因此,让我们在其中添加两个目录(views和components)src进行排序。 Views 让我们从创建一个新视图开始。这将是主页,所以我将其称为文件Home.vue。...动态页面 例如,我可以从API获取数据,或者允许用户编辑页面(或同时选择两个)。 从API获取 首先,我将从在线模拟API中获取数据。为了做到这一点,我首先清空数据数组。..."vuetify/dist/vuetify.min.css"; import Home from "..../views/Home.vue"; // Prepare the usage of vuetify Vue.use(Vuetify); const vuetify = new Vuetify();

    10.9K20

    Vue打包优化之code spliting

    /src/main.js' }, 那这里又出现个问题了,我不可能手动去手动录入模块,这时我们可能需要 自动化分离 ventor,这里我们需要引入 minChunks,在配置中我们就可以对所有mode_module...但是这时又有了新问题,我们的codemirror被同时打包进了两个单页面,并且还有些自己封装的components,例如MTable或是MDataTable等也出现了重复打包。...并且codemirror特别大,同时加载到两个单页面也会造成很大的性能问题,简单说就是,我们在访问第一个单页面加载了codemirror之后,在第二个页面其实就不应该再加载了。...要解决这个问题,这里我们可以使用 CommonsChunkPlugin 的 async 并在 minChunnks 里的count方法来判断数量,只要是 重用次数 超过两个包括两个的异步加载模块(即 import...'vuetify/dist/vuetify.css' 再修改webpack配置,新增externals externals: { 'vue':'Vue', "vuetify":"Vuetify

    4.2K100

    Vue打包优化之code spliting

    /src/main.js'  }, 那这里又出现个问题了,我不可能手动去手动录入模块,这时我们可能需要 自动化分离 ventor,这里我们需要引入 minChunks,在配置中我们就可以对所有mode_module...但是这时又有了新问题,我们的codemirror被同时打包进了两个单页面,并且还有些自己封装的components,例如MTable或是MDataTable等也出现了重复打包。...并且codemirror特别大,同时加载到两个单页面也会造成很大的性能问题,简单说就是,我们在访问第一个单页面加载了codemirror之后,在第二个页面其实就不应该再加载了。...要解决这个问题,这里我们可以使用 CommonsChunkPlugin 的 async 并在 minChunnks 里的count方法来判断数量,只要是 重用次数 超过两个包括两个的异步加载模块(即 import...'vuetify/dist/vuetify.css' 再修改webpack配置,新增externals externals: {    'vue':'Vue',    "vuetify":"Vuetify

    2.1K20

    IntelliJ IDEA 2019.2 大量出色的新功能

    ⑤存在正在进行的合并或 cherry-pick 进程时,Branches 弹出窗口中将显示两个新选项 Abort Merge 和 Abort Cherry-pick。...④IntelliJ IDEA 现在可以在您输入时自动包围(或解包)表达式。 ⑤IDE 现在使用灰色来一致地标记所有冗余代码,因此高亮显示不再醒目。...③对于 Vuetify 和 BootstrapVue 库的组件及其属性,可以使用更精确的代码补全。 有关更多详情,请访问 WebStorm 最新功能页面。...只需粘贴一个 cURL 字符串,IDE 就会自动将其转换为完整的请求。 ②HTTP 客户端现在会为您保留所有 Cookie,并在后续请求中进行传输。...17 终端 ☞现在,在您运行输出长行的命令时,终端会顺利地自动换行,且能确保所有链接正常工作。 要了解详情,请查看“最新功能”页面的终端部分。

    2.2K10

    源码福利(文末有彩蛋) | vuejs 2 Material Design 后台模板源码大放送

    这次我给大家分享的是一个重量级的源码,不仅使用的技术先进比如vuex,vue2.0,vuetify,html5,css3,后端语言使用先进的PHP Laravel框架,同时界面使用Google最新的设计框架...注(一定要看到底,文末有送书福利,请不要错过哟): Vuetify: 一个vue ui库,提供vue组件供使用。...Vuetify支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式web应用程序)和标准HTML页面。 如何下载?...预先设计的自定义页面和集成功能(如 charts, graphs、data-tables )使您可以轻松开发后端面板。...清晰的代码结构 今天的源码分析就到到这里,喜欢的赶紧下载,下载链接将在月底关闭,好东西要记得要分享哟!点击阅读原文下载更多源码! 专注分享当下最实用的前端技术。关注前端达人,与达人一起学习进步!

    2.4K10

    Jupyter Notebook 也能导入 ChatGPT 了

    项目链接:https://github.com/chapyter/chapyter 下图为 Chapyter 与部分现有的编码助手的差别。 可以发现,Chapyter 将编码助手的优势综合了起来。...自动补全一直是许多 AI 辅助编码工具的主流交互,在编码环境中提供 AI 支持,并且可以显著提高开发人员工作的生产力和满意度。...然而,自动补全并不完美:穿插 AI 代码建议可能会分散注意力;生成的代码可能包含可能很难调试的隐藏错误;并且生成的代码通常只跨越几行,很难在上下文之外生成新的功能。...Chapyter 的构成 Chapyter 主要由两个部分组成: 实现 ipython magic 命令,用来处理提示和调用 GPT-X 模型; 另一个是监听 Chapyter 单元格执行情况的前端,...整理了34个Python自动化办公库! 13 个有趣的 Python 高级脚本! 别再问我如何用Python绘制瀑布图了! 你真的了解Python中的排序吗?

    40320

    Vuetify:定制化、响应式的 Vue UI 库 | 开源日报 No.83

    picture vuetifyjs/vuetify[1] Stars: 38.1k License: MIT picture Vuetify 是一个无需设计技能的 UI 库,具有精美手工制作的 Vue...响应式布局:Vuetify 组件的默认配置是响应式的,可以适应不同屏幕尺寸。 主题系统:强大的颜色系统使得轻松为您的应用程序设置一致且漂亮的风格。...Vite 支持:通过自动摇树算法实现更小体积打包 长期支持 (18 个月) 重大版本更新 国际化:支持 42+ 种语言 此外,该项目还提供了企业级支持、Discord 社区交流平台以及其他相关资源和软件包...多种存储后端:支持多种流行数据库作为跟踪存储后端,如 Cassandra、Elasticsearch 以及通过 gRPC API 集成其他认证过的数据库。...自动化支持:连接任何事物并在5秒钟内将其全部自动化 支持本地托管:支持 Docker & k8s 页面支持:创建丰富内容和用户友好界面工具的基础。

    54450

    16 个优秀的 Vue 开源项目

    06 UI组件 Vuetify Vuetify 根据MaterialDesign 规范提供了大量精心制作的组件(80 +)。Vueti fy 结合了Vue. js 和Material的所有优点。...Vuetify 背后有一个充满活力的社区,有超过500个贡献者,他们创建了许多Vuetify 插件。它具有成为一个好的开源的所有主要组件:广泛的文档、贡献指南、问题管理。...Buefy有两个核心原则:让事情简单化,轻量化。这也解释了为什么它唯一的依赖是Vue和Bulma 。虽然它只有40多个组件,但它为你提供了随时可用的移动优先和响应式的UI组件。...Quasar在默认情况下集成了最佳实践(HTML/ CSS / JS 缩小、缓存破坏、树摇动、源映射、延迟加载的代码拆分、ES6 传输、代码链接、可访问性),因此你可以主要关注应用的功能。...错误将自动生成的40+地区支持。很多规则都是开箱即用的。

    4.4K20

    2021,17个 最流行的 Vue 插件

    Vuetify NuxtJS Vuex Vuex Persisted State VuePress Vue Meta Vue ChartJS Vue Grid Layout Vue Draggable...Vuetify是一个基于Material Design的UI库,支持谷歌和Android的设计语言。 它是一个开源库,有数百个组件,从按钮, app bars,chips,modals 和更多。...对于Vue 2,你可以使用其他包,如vue-awesome-swiper。 vue2-leaflet 地址:https://www.npmjs.com/package......你可以使用这个库在你的网站上添加一个3D渲染器,并在你的VueJs文件的部分中使用预先建立的组件指定场景细节,如材料、照明、网格、阴影等。...它还通过自动处置几何体、材料、纹理、渲染器等来简化对象的处置,这在原始库中是不存在的。 vue-scrollama 地址:https://www.npmjs.com/package...

    4.4K10

    怎么知道 AI 能帮我写多少代码?

    这些工具通过自动化代码补全、错误检测和优化建议等功能,显著提高了开发效率。然而,企业在采用这些工具时面临一个关键问题:如何准确度量这些工具为企业带来的研发效率提升?...自动化程度:代码生成率反映了开发过程中的自动化程度。高生成率意味着更多的编码工作由 AI 代码助手完成,减少了开发者的手动编码工作量。...结合分析 通过结合补全采纳率和代码生成率这两个指标,我们可以更全面地评估 AI 代码助手在编码环节的表现: 补全采纳率反映了开发者对补全建议的信任度和满意度,而代码生成率则衡量了 AI 代码助手在提升开发效率和自动化程度方面的贡献...,整体面板比较清晰,每个指标也有详细的计算方式介绍; 其中“补全分析”、“新增统计”,分别对应了前文描述的,补全采纳率、代码生成率,两个重要指标。...如果对腾讯云 AI 代码助手的研效度量能力感兴趣,也为大家提供了免费体验链接:腾讯云 AI 代码助手企业体验,欢迎注册体验。 https://copilot.tencent.com/?

    32610

    使用 eglot 代替 lsp-mode

    LSP 是当前使用最广泛的一套协议,用于给文本编辑器提供类似 IDE 的功能,比如:自动补全、定义跳转等。...对于 Emacs 来说,主要有两个实现: •emacs-lsp/lsp-mode,主打功能丰富 •joaotavora/eglot,主打小巧精悍 笔者本人在使用 lsp-mode 多年后转到了 eglot...,之前笔者都是用 tabnine 来进行 Rust 代码的补全,只用 lsp 来进行『查找定义』。...在替换成 eglot 后,内存使用就没有这么夸张了,用 rust-analyzer 进行补全时,之前的卡顿感没有了,和在 VSCode 中的体验无异。...而且 eglot 的依赖很少,会尽量复用 Emacs 内置的模块,比如采用 flymake,而不是 flycheck,也有相关 issue 讨论如何用在 eglot 中使用 flycheck: •How

    79110

    【综述专栏】时态知识图谱的推理研究综述

    链接:http://cjc.ict.ac.cn/online/onlinepaper/syh-202363223309.pdf 随着社交网络、物端感知等技术快速发展,网络空间中涌现了大量的交互、话题、事件...较于忽略知识中时间信息的传统知识图谱,时态知识图谱通过建模知识的时效性以描述动态变化的现实世界,为时间紧耦合的应用提供有效支持.然而,时态知识图谱无法确保涵盖全量知识,知识的缺失严重影响应用性能,需要推理模型自动挖掘新的知识...知识推理的目标是基于预定义规则或自动学习 推理规则,通过已知知识推断未知知识.知识推理是 时态知识图谱不可或缺的功能,体现在以下两点:首 先,时态知识图谱无法涵盖全量知识,而知识的缺失 严重影响下游应用性能...,如基于知识库的问答系 统无法回 应 答 案 并 不 在 知 识 库 中 的 问 句,需 要 推 理模型自动挖掘缺失的知识;其次,下游应用需要预 测未来将要发生的事件,如电商软件中推荐系统[5] 为用户推荐未来可能购买的商品...《时间序列预训练模型》综述,29页pdf详述时序预训练方法体系 ChatGPT大模型如何用于工业?

    92620
    领券