文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

c3 - 基于D3的可重用图表库。 BabylonJS - 使用HTML 5和WebGL构建3D游戏的框架。 recharts - 使用React和D3构建的重新定义的图表库。...jcSlider - 一个带有CSS动画的响应式滑块jQuery插件。 basic-jquery-slider - 使用简单，主题简单，易于定制。...Glide.js - 响应和触摸友好的jQuery滑块。它简单，轻便，快速。 jQuery.adaptive-slider - 一个带有自适应彩色figcaption和导航的滑块的jQuery插件。...文件上传器 jQuery-File-Upload - 文件上传小部件，包含多个文件选择，拖放支持，进度条，验证和预览图像，jQuery的音频和视频。...构架 语义UI - 具有许多主题和元素的UI工具包。 w2ui - 一组用于数据驱动的Web应用程序前端开发的jQuery插件。 流动性 - 世界上最小的完全响应的CSS框架。

9K21

这 5 个前端组件库，可以让你放弃 jQuery UI

在建立Web应用时，通常都需要用到一些有用的UI组件。无论应用中需要的是日历，滑块，图形或其它用于提升或简化用户交互的组件，那么都面临两种选择：要么自己来创建这些组件，要么使用现有的组件功能。...目前正在广泛使用的框架之一就是jQuery UI。这是一组扩展的使用jQuery构建的部件、效果和主题，分为一组一组的形式。...既可以在单个软件包中下载jQuery UI的所有元素，也可以选择只下载感兴趣的组件和功能。使用这样的控件集能够为组件创建出一致的外观，并允许以更少的投入快速创建出应用。...Wijmo提供了广泛的控件，并支持多个JS框架，如React，Angular和Vue。 Wijmo支持一系列控件，其中大多数都集中在数据可视化和输入方面，如图表，仪表，输入控件和网格控件。...总结： 能够完美代替或补充jQuery UI的框架有很多，其中一大部分都是需要付费的。如果你正在寻求一个好的解决方案，那么既可以使用jQuery UI的开源社区，也可以购买付费框架。

6.8K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    c3 - 基于D3的可重用图表库。 BabylonJS - 使用HTML 5和WebGL构建3D游戏的框架。 recharts - 使用React和D3构建的重新定义的图表库。...jcSlider - 一个带有CSS动画的响应式滑块jQuery插件。 basic-jquery-slider - 使用简单，主题简单，易于定制。...Glide.js - 响应和触摸友好的jQuery滑块。它简单，轻便，快速。 jQuery.adaptive-slider - 一个带有自适应彩色figcaption和导航的滑块的jQuery插件。...文件上传器 jQuery-File-Upload - 文件上传小部件，包含多个文件选择，拖放支持，进度条，验证和预览图像，jQuery的音频和视频。...构架 语义UI - 具有许多主题和元素的UI工具包。 w2ui - 一组用于数据驱动的Web应用程序前端开发的jQuery插件。 流动性 - 世界上最小的完全响应的CSS框架。

    8.1K20

    selectToUISlider

    用过google earth的朋友，一定记得google earth的一个功能，那就是查看历史影像功能：有一个时间轴滑块，拖动滑块，显示各个时间的影像，如下： ?...没错，就是这个公能，最近做一个WEB的项目，也要用到类似的功能，所以呢就研究了一下，刚开始的时候，记得Jquery UI里面有一个slider的东西，可以实现类似滑块的东西，研究了一下，发现Jquery..." src="js/selectToUISlider.jQuery.js"> jquery-ui-1.7.1...但是，当你鼠标拖动的时候下面的图片不会发生变化，这个离我需要的还差一点，我的鼠标拖动滑块时下面的影像也发生变化，找了半天没有找到相对应的事件，所以，就只能在原始js里做文章了，在里面找了找，selectToUISlider.jQuery.js...) .find('.ui-slider-tooltip .ttContent') .text( textval ); //控制原始的select切换 var currSelect

    1.1K30

    10个基于web的JavaScript最优秀的应用程序库和框架

    如果单单从图表的功能来看，D3.js还是有点太庞大了。啊还不如去使用Chart.js短小精干的专门提供图表功能的库。 2. jQuery 大名鼎鼎的jQuery已经赢得了长期统治网页的地位。...例如，有时jQuery在多个浏览器上的工作方式并不完全相同。JQuery首先关注这些问题，您可以在站点上找到有关浏览器支持的信息。 最后，与其他库不同，jQuery并不是一个完整的解决方案。...3. jQuery UI jQuery UI只是jQuery的众多插件之一，但它是您最常看到的，这也是我们在这里包含它的原因。...在合并jQuery之后，使用jQuery UI向应用程序添加基本的图形元素。...jQuery UI库提供了各种有趣的小部件，如手风琴、滑块、工具提示和数据表，这些小部件使您可以配置应用程序以提供有用的服务。 您可以深入到特定的小部件或其他控件来查看它们是如何工作的。

    3.3K20

    06-移动端开发教程-fullpage框架

    比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。...1. fullpage.js的主要功能 fullPage.js是一个基于jquery的插件，它能很方便的制作出全屏网站，github地址。 主要功能有： 支持鼠标滚动。 支持前后退和键盘控制。...多个回调函数。 支持手机，平板触摸事件。 支持css3动画。 支持窗口缩放。 窗口缩放时自动调整。 可设置滚动宽度，背景颜色，滚动速度，循环选项，回调，文本对齐方式等。...2. fullpage.js的使用 2.1 兼容性 fullpage.js是jQuery的插件，需要依赖jQuery，要求jQuery最低的版本是1.6+。浏览器能兼容到ie8+及其他现代浏览器。...，如果设置了options中css3: false*，如果你用除了jQuery的默认linear 和swing缓动的效果之外的缓动效果的话，需要添加 jQuery UI library。

    6.4K50

    06-移动端开发教程-fullpage框架

    比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。...1. fullpage.js的主要功能 fullPage.js是一个基于jquery的插件，它能很方便的制作出全屏网站，github地址。 主要功能有： 支持鼠标滚动。 支持前后退和键盘控制。...多个回调函数。 支持手机，平板触摸事件。 支持css3动画。 支持窗口缩放。 窗口缩放时自动调整。 可设置滚动宽度，背景颜色，滚动速度，循环选项，回调，文本对齐方式等。...2. fullpage.js的使用 2.1 兼容性 fullpage.js是jQuery的插件，需要依赖jQuery，要求jQuery最低的版本是1.6+。浏览器能兼容到ie8+及其他现代浏览器。...，如果设置了options中css3: false*，如果你用除了jQuery的默认linear 和swing缓动的效果之外的缓动效果的话，需要添加 jQuery UI library。

    6.5K90

    JavaScript图表的数据可视化:比较D3和Kendo UI

    D3和Kendo UI只是在web应用程序中创建图表的两种方式，选项范围从简单地在屏幕上绘制图形到使用复杂的图表组件。D3和Kendo UI都很受欢迎，两者都能完成工作。...Kendo UI是由Telerik公司开发,Kendo UI是一个商业库，有一些版本支持Angular、React和Vue框架以及基本的jQuery环境。...Kendo UI图表组件包括许多流行的图表类型，包括条形图、饼图、线条图和其他图表。 准备开始 我在这里的目标是使用这两个工具来实现同一个图表，使用这两个库。...我们将从添加两个CSS库开始，Kendo UI库将使用这两个CSS库。接下来，我们添加了Kendo UI也使用的jQuery库。然后我们链接到实际的Kendo UI库。...D3允许您对可视化的每个方面进行详细控制。Kendo UI还允许您控制许多参数，但对您想要看到的内容做了许多假设。你可以让D3做Kendo UI自动做的所有事情，但是你需要明确地告诉它去做每一件事情。

    14.6K30

    Google Earth Engine（GEE）扩展——制作的GEE app的误区

    许多读者会在其他章节中遇到对ui.Chart的调用，但还有更多的界面功能可用。特别是，用户可以利用ui函数来为他们的地球引擎脚本构建整个图形用户界面（GUI）。...GUI可以包括简单的部件（如标签、按钮、复选框、滑块、文本框）以及更复杂的部件（如图表、地图、面板）来控制GUI布局。关于ui部件的完整列表和关于面板的更多信息可以在下面的链接中找到。...幸运的是，Jupyter生态系统有ipywidgets，这是一个在Jupyter笔记本中创建交互式用户界面控件（如按钮、滑块、复选框、文本框、下拉列表）的架构，可以与Python代码通信。...将图形部件集成到Jupyter笔记本的工作流程中，允许用户配置特设的控制面板，使用图形部件控件交互式地扫过参数。...一个非常强大的部件是输出部件，它可以用来显示由IPython生成的丰富的输出，如文本、图像、图表和视频。完整的widget列表和关于输出widget的更多信息可以在下面的链接中找到。

    1.2K10

    前端开发的新纪元：全方位工具栈探索 | 开源专题 No.57

    仅提供单个可执行文件，并内置工具集 (例如 deno test、deno fmt 等)。 包含一组经过审核的标准模块，保证与 Deno 兼容。 支持 npm。...storybookjs/storybook[3] Stars: 79.9k License: MIT picture Storybook 是一个用于构建 UI 组件和页面的前端工作坊，可以独立地进行开发...可配置性强 扩展性好 nvm-sh/nvm[4] Stars: 67.6k License: MIT Node Version Manager，是一个 POSIX 兼容的 bash 脚本，用于管理多个活动...nolimits4web/swiper[5] Stars: 36.5k License: MIT Swiper 是一款免费且最现代化的移动触摸滑块。...不依赖库文件：不需要像 jQuery 这样的 JavaScript 库，使得 Swiper 更小更快。可以安全地与其他库 (如 jQuery，Zepto，jQuery Mobile 等) 一起使用。

    35610

    PowerBI 2020.11 月更新 - 各类图标更新及查找异常

    可视缩放滑块 我们很高兴地宣布，您现在可以将缩放滑块添加到笛卡尔图表中！缩放滑块为报表创建者和使用者提供了一种简便的方法，无需使用过滤器即可检查图表中较小范围的数据。...数据文化的一个关键推动因素是标准化，权威性数据的普遍可用性，这些数据代表了单个事实来源，使用户能够基于受信任的数据做出决策。 为了鼓励使用标准化数据，我们先前发布了对数据集和数据流的认可。...内容认证可以通过管理员控制进行严格控制和记录，以确保认证是一个选择性的过程，可导致建立真正可靠和权威的内容体系，供整个组织使用。 随着Power BI在整个组织中被广泛采用，您可以看到许多报告可用。...通常，存在多个相似的报告，它们之间存在主要重叠，因此很难找到可以使用并确定正确的报告。...现在，您可以控制轴标签的密度和数量。 这很重要，因为在一个典型的较小倍数中，数据标签中可能有很多冗余。现在，我们为您提供了更多选择，即仅在第一张图表中，仅在第一行或最后一行中显示标签。

    10.5K30

    腾讯云CodeBuddy AI IDE+CloudBase AI ToolKit打造理财小助手网页

    /UX设计要求- 采用卡片式布局，每个信息项独立展示- 使用柔和色彩和微动画提升视觉体验- 移动端优化：大按钮、易点击的表单元素- 加载状态和成功提示的友好反馈- 采用创意性的UI/UX设计# 视觉设计...**响应式设计**: 移动端优先，支持桌面端- # UI/UX设计要求- 采用卡片式布局，每个信息项独立展示- 使用柔和色彩和微动画提升视觉体验- 移动端优化：大按钮、易点击的表单元素- 加载状态和成功提示的友好反馈...智能财务分析财务健康评分：基于多维度指标的财务状况评估资产配置分析：可视化的资产结构展示和优化建议现金流预测：未来财务状况的智能预测投资收益模拟：蒙特卡洛模拟预测投资回报 可视化图表动态图表展示：使用...：所有数值输入都支持滑块拖动实时数据反馈：输入数据时图表和分析结果实时更新响应式设计：完美适配桌面端和移动端无障碍支持：支持键盘导航和屏幕阅读器视觉设计现代化UI：采用渐变色和毛玻璃效果丰富的动画：平滑的过渡动画和交互反馈色彩语义化...：不同类型数据使用不同颜色区分图表可视化：多种图表类型展示数据关系 数据存储项目采用本地存储方案，所有用户数据保存在浏览器本地：使用 localStorage 持久化存储用户数据数据结构化管理，支持数据导入导出隐私保护

    58310

    后台管理UI的选择

    Metronic 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。...700多个网页模版，1500多个UI小组件，100多个表单，80多个jQuery插件。 提供说明文档。...最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.4)，当然，也集成了很多功能强大...的UI框架，其核心设计目标是快速开发、使用简单、功能强大、轻量级、易扩展。...UI（去年我去一家公司培训他们就使用该UI，后面上头说要换漂亮些的，他们纠结好久），但整合感觉比不上EasyUI，与DotNet亲一点感觉，DWZ则与Java新一些。

    6.5K21
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券